@charset "utf-8";

#container_title {display:none;}

/* 게시판 목록 */
#bo_list, #bo_v {position:relative;max-width:1340px;margin:80px auto;}
#bo_cate {position:relative;margin-bottom:30px;text-align:right;}
	#bo_cate ul {display:inline-block;}
	#bo_cate ul:after {content:"";display:block;clear:both;visibility:hidden;}
	#bo_cate li {float:left;}
	#bo_cate li+li {margin-left:30px;}
	#bo_cate a {display:block;padding:0 5px 15px;border-bottom:1px solid transparent;font-size:1.2em;color:#808080;}
	#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {border-bottom-color:#666;color:#000;transition:all .3s;}
	#bo_cate #bo_cate_on {border-bottom:3px solid red;color:#000;}
#bo_tbl {}
	#bo_tbl table {width:100%;}
	#bo_tbl table thead {border-top:1px solid #333;border-bottom:3px solid #e5e5e5;}
	#bo_tbl table thead th {padding:0 5px;height:40px;color:#666;font-weight:normal;}
	#bo_tbl table tbody {}
	#bo_tbl table tbody tr td {position:relative;height:60px;border-bottom:1px solid #e5e5e5;font-size:.92em;text-align:center;}
	#bo_tbl table tbody tr:nth-child(even) td {background:#fbfbfb;}
	#bo_tbl table tbody tr td.td_chk {width:40px;}
	#bo_tbl table tbody tr td.td_chk label {left:4px;}
	#bo_tbl table tbody tr td.td_num {width:70px;color:#666}
	#bo_tbl table tbody tr td.td_ca {width:100px;}
	#bo_tbl table tbody tr td.td_subject {padding-left:10px;text-align:left;}
	#bo_tbl table tbody tr td.td_name {width:90px;}
	#bo_tbl table tbody tr td.td_co {width:120px;}
	#bo_tbl table tbody tr td.td_date {width:120px;color:#666;}
	#bo_tbl table tbody tr td.td_ca a {display:block;color:#f50;}
	#bo_tbl table tbody tr td.td_subject a.bo_tit {display:block;font-size:1.25em;line-height:1.5em;}
	#bo_tbl table tbody tr td.td_subject a.bo_tit .new_icon, #bo_tbl table tbody tr td.td_subject a.bo_tit .fa {
		display:inline-block;width:18px;height:18px;border:1px solid transparent;border-radius:3px;font-size:.68em;color:#fff;line-height:18px;text-align:center;
	}
	#bo_tbl table tbody tr td.td_subject a.bo_tit .new_icon {margin-left:7px;background-color:#ffb954;}
	#bo_tbl table tbody tr td.td_subject a.bo_tit .fa {margin-right:3px;background-color:#7550a7;}

/* 게시판 읽기 */
#bo_v {}
#bo_v_title {display:block;padding-bottom:10px;border-bottom:1px solid #ececec;font-family:var(--ff-MT);font-size:1.8em;font-weight:500;line-height:1.5em;text-align:center;}
.bo_v_btn {margin:10px 0;text-align:right;}
	.bo_v_btn ul {display:inline-block;margin:auto;}
	.bo_v_btn ul:after {content:'';display:block;clear:both;visibility:hidden;}
	.bo_v_btn li {float:left;margin-left:5px;}
#bo_v_atc {display:grid;grid-template-columns:1fr 3fr;grid-gap:10px;margin:20px 0 50px;}
#bo_v_info {padding:40px 20px;border-radius:20px 0 0 5px;background:#f7f4f0;}
	#bo_v_info li+li {margin-top:10px;padding-top:10px;border-top:1px solid #ccc;}
	#bo_v_info li .tit {display:inline-block;width:65px;font-size:.82em;color:rgba(0,0,0,.6);}
	#bo_v_info li .tit:before {content:'';display:inline-block;width:3px;height:3px;margin:0 10px 0 5px;vertical-align:middle;background:#f50;}
	#bo_v_info li strong {font-weight:normal;}
#bo_v_con {padding:25px;border:5px solid #f7f4f0;border-radius:0 20px 8px 0;font-size:1.05em;line-height:1.5em;background:#fff;}

/*글쓰기*/
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}
#bo_w {position:relative;padding:80px 0;background-image:linear-gradient(#fff,#efefef,#fff);}
#bo_w > .container {max-width:1180px;text-align:right;}
#bo_w > .container > .innerWrap {position:relative;border-radius:7px;background:url('./img/bg_form.jpg') no-repeat left center;box-shadow:3px 3px 10px rgba(0,0,0,.2);}
	#bo_w > .container > .innerWrap > form {display:inline-block;width:600px !important;padding:40px;border-radius:0 7px 7px 0;text-align:left;background:rgba(255,255,255,1);}
	#bo_w > .container > .innerWrap > form h2 {margin-bottom:20px;font-family:var(--ff-MT);font-size:1.5em;font-weight:700;text-align:right;}
	#bo_w > .container > .innerWrap > form label {font-family:var(--ff-MT);font-size:.78em;text-transform:uppercase;}
	#bo_w > .container > .innerWrap > form .frm_input {width:100%;margin:5px 0 15px;padding-left:10px;border:none;border-radius:3px;box-shadow:none !important;color:#0c4da2;background:#edf1f5;}
	#bo_w > .container > .innerWrap > form textarea {
		height:160px !important;margin:5px 0 15px;border:none;border-radius:3px;box-shadow:none !important;color:#0c4da2;line-height:1.5em;
		background:#edf1f5 url('../../../img/require.png') no-repeat right top;
		}
#bo_w .bo_w_info {display:none;
		position:absolute;left:20px;top:50px;width:420px;margin:0;padding:25px;border:1px solid rgba(255,255,255,.6);border-top:none;border-radius:30px;
		text-align:left;background:rgba(0,0,0,.8);box-shadow:5px 5px 20px rgba(0,0,0,.2);z-index:5;
	}
	#bo_w .bo_w_info dd+dt {margin-top:20px;}
	#bo_w .bo_w_info dt {font-family:var(--ff-MT);font-size:.92em;color:#9cf;}
	#bo_w .bo_w_info dt:before {display:inline-block;width:30px;font-family:var(--ff-FA);font-size:1.2em;color:#9cf;}
	#bo_w .bo_w_info dt.add:before {content:'\f041';}
	#bo_w .bo_w_info dt.tel:before {content:'\f095';}
	#bo_w .bo_w_info dt.email:before {content:'\f0e0';}
	#bo_w .bo_w_info dd {margin:7px 0 0 30px;color:#fff;line-height:1.5em;}
#bo_w .write_btn {}
	#bo_w .write_btn li+li {margin-top:5px;}
	#bo_w .write_btn .btn {width:100%;border-color:transparent;border-radius:50px;font-family:var(--ff-MT);color:#fff;line-height:30px;text-transform:uppercase;box-shadow:none;}
	#bo_w .write_btn .btn:before {content:'';margin-right:0;}
	#bo_w .write_btn .btn_submit {font-size:1em;background:#f84545;}
	#bo_w .write_btn .btn_list {font-size:.78em;background:#333;}
	#bo_w .write_btn .btn:hover {background:#666;}

@media (max-width:1340px) {
	#bo_w {position:relative;padding:60px 20px;}
	#bo_w .bo_w_info {left:0;}
}
@media (max-width:1180px) {
	#bo_tbl table tbody tr td.td_subject a.bo_tit {font-size:1.05em;}
	#bo_v_title {font-size:1.5em;}
	#bo_v_atc {display:block;}
	#bo_v_info {padding:20px;border-radius:0;}
	#bo_v_con {padding:20px;border-radius:0;}
	#bo_w {position:relative;padding:40px 10px;}
	#bo_w > .container > .innerWrap {display:block;width:100%;border-radius:7px;box-shadow:3px 3px 10px rgba(0,0,0,.2);}
	#bo_w > .container > .innerWrap > form {border-radius:0 7px 7px 0;background:#fff;}
	#bo_w .bo_w_info {display:none;}
}
@media (max-width:840px) {
	#bo_tbl table thead {position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:none;overflow:hidden;}
	#bo_tbl table thead th {height:auto;}
	#bo_tbl table tr {display:block;position:relative;border:1px solid #ccc;border-radius:3px;padding:10px;}
	#bo_tbl table tr:nth-child(even) {background:#fafafa;}
	#bo_tbl table tr+tr {margin-top:5px;}
	#bo_tbl table td.td_num {display:none;}
	#bo_tbl table tbody tr td {display:block;position:relative;width:100% !important;height:auto;padding:10px 0 10px 80px;text-align:right;}
	#bo_tbl table tbody tr td:last-child {border-bottom:none;}
	#bo_tbl table tbody tr td::before {content:attr(data-label);display:block;position:absolute;left:10px;top:0;font-size:.82em !important;color:#666;line-height:40px;}
	#bo_tbl table tbody tr td.td_chk label > span {display:inline-block;}
	#bo_tbl table tbody tr td.td_subject {font-size:1em;}
	#bo_tbl table tbody tr td.td_subject .bo_tit {padding:0 0 0 80px;line-height:1.3em;text-align:right;}
	#bo_tbl table tbody tr td.td_date {width:auto;font-size:.92em;}
	#bo_tbl table tbody tr tr:hover td {background:none;}
	#bo_w {background:#fff;}
	#bo_w > .container > .innerWrap {border-radius:0;background:none;box-shadow:none;}
	#bo_w > .container > .innerWrap > form {width:100% !important;padding:0;border-radius:0;}
}