@charset "utf-8";

/* 게시판 목록 */
#bo_cate {margin:25px 0;}
#bo_cate ul {display:grid;grid-template-columns:repeat(auto-fit, minmax(19%, auto));grid-gap:5px;}
#bo_cate a {
		display:block;
		padding:12px 10px;
		border-radius:3px;
		font-size:1.15em;color:#666;line-height:1.3em;
		text-align:center;
		background:#f0f0f0;
		transition:all .2s;
	}
#bo_cate a:focus,
	#bo_cate a:hover,
	#bo_cate a:active {
		color:#556372;
		background:#fff;
	}
#bo_cate #bo_cate_on {
		color:#fff;
		background:#556372;
	}
#bo_list {position:relative;}
.tbl_wrap {}
.tbl_wrap table {
		width:100%;
		border-top:1px solid #d5d5d5;
	}
.tbl_wrap table thead th {
		height:48px;
		border-bottom:1px solid #808080;
		font-weight:500;font-size:1.05em;
	}
.tbl_wrap table thead th.all_chk {padding:0 7px;}
.tbl_wrap table thead th a {font-weight:500;}
.tbl_wrap table tbody td {
		border-bottom:1px solid #d5d5d5;
		font-size:.88em;
		text-align:center;
		transition:all .2s;
	}
.tbl_wrap table tbody tr:nth-child(even) td {background:#fafafa;}
.tbl_wrap table tbody tr:hover td {background:#f3f3f3;}
.tbl_wrap table tbody td.td_chk {padding:0 7px;}
.tbl_wrap table tbody td.td_num {width:70px;}
.tbl_wrap table tbody td.td_num strong:before {font-family:var(--ff-FA);font-weight:normal;font-size:1.2em;color:#f63;}
.tbl_wrap table tbody td.td_num strong.notice:before {content:'\f130';}
.tbl_wrap table tbody td.td_subject {font-size:1.15em;}
.tbl_wrap table tbody td.td_subject .bo_tit {
		display:block;
		padding:15px 0;
		text-align:left;
	}
.tbl_wrap table tbody td.td_subject .bo_tit .new:before {
		content:'N';display:inline-block;
		width:14px;
		margin-left:2px;
		border-radius:4px;
		font-size:.72em;color:#fff;line-height:14px;
		text-align:center;
		background:#f63;
	}
.tbl_wrap table tbody td.td_subject .bo_tit .secret:before {
		content:'\f023';display:inline-block;
		margin-right:5px;
		font-family:var(--ff-FA);font-size:.82em;color:#808080;
	}
.tbl_wrap table tbody td.td_subject .bo_tit .cnt_cmt {font-size:.72em;color:#6586a9;}
.tbl_wrap table tbody td.td_subject .bo_tit .cnt_cmt:before {
		content:'\f27a';display:inline-block;
		margin:0 2px 0 5px;
		font-family:var(--ff-FA);
	}
.tbl_wrap table tbody td.td_subject .bo_tit .file:before {
		content:'\f15c';display:inline-block;
		margin-left:5px;
		font-family:var(--ff-FA);font-size:.82em;color:#6586a9;
	}
.tbl_wrap table tbody td.td_name {}
.tbl_wrap table tbody td.td_view {width:70px;}
.tbl_wrap table tbody td.td_date {width:120px;}

/* 게시판 읽기 */
#bo_v {
		position:relative;
		padding:70px 0 0;
	}
#bo_v_title {
		position:relative;
		padding:0 10px 20px;
		border-bottom:1px solid #a5a5a5;
		line-height:1.5em;
	}
#bo_v_title span.bo_v_cate {
		display:block;
		margin-bottom:10px;
		font-weight:normal;color:#6586a9;
	}
#bo_v_title span.bo_v_cate:after {
		content:'\f138';
		margin-left:10px;
		font-family:var(--ff-FA);
	}
#bo_v_title strong {
		display:block;
		font-size:1.8em;font-weight:500;
	}
#bo_v_info {
		position:relative;
		margin-bottom:20px;
		border-bottom:1px dashed #ccc;
	}
.profile_info {
		float:left;
		margin:10px 0 0 10px;
	}
.profile_info ul:after {
		content:"";
		display:block;
		clear:both;
		visibility:hidden;
	}
.profile_info ul li {
		float:left;
		font-size:.88em;color:#666;
	}
.profile_info ul li+li {margin-left:15px;}
.profile_info ul li * {font-weight:normal;color:#666;}
.profile_info ul li:before {font-family:var(--ff-FA);color:#f63;}
.profile_info ul li.pf_name strong * {color:#000;}
.profile_info ul li.pf_name:before {content:'\f06a';}
.profile_info ul li.pf_email:before {content:'\f0e0';}
.profile_info ul li.pf_hp:before {content:'\f0c1';}
.profile_info ul li.pf_comm:before {content:'\f27a';}
.profile_info ul li.pf_view:before {content:'\f06e';}
.profile_info ul li.pf_date:before {content:'\f274';}
#bo_v_file {
		position:relative;
		margin-bottom:10px;padding:12px;
		border:1px solid #333;border-radius:5px;
		background:rgba(0,0,0,.7);
	}
#bo_v_file ul {margin-left:50px;}
#bo_v_file li+li {
		margin-top:10px;padding-top:10px;
		border-top:1px dashed rgba(255,255,255,.5);
	}
#bo_v_file a {
		display:block;
		position:relative;
		padding:7px 15px 7px 35px;
	}
#bo_v_file a:before {
		content:'\f019';
		position:absolute;left:10px;top:7px;
		font-family:var(--ff-FA);color:rgba(255,255,255,.7);
	}
#bo_v_file a strong {
		display:block;
		margin-bottom:7px;
		font-weight:normal;font-size:1.1em;color:#fff;
	}
#bo_v_file a span {
		display:inline-block;
		font-family:var(--ff-MT);font-size:.78em;color:rgba(255,255,255,.5);
		text-transform:uppercase;
	}
#bo_v_file a span.bo_v_file_down {
		margin-right:10px;padding-right:15px;
		border-right:1px solid #999;
	}
#bo_v_file a:hover strong {color:#fd3;}
#bo_v_atc {position:relative;}
#bo_v_img {
		position:relative;
		margin-bottom:30px;
	}
#bo_v_img figure {
		margin:0;
		text-align:center;
	}
#bo_v_img figure+figure {margin-top:30px;}
#bo_v_img figure a.view_image {display:inline-block;}
#bo_v_img figcaption {
		display:block;
		position:relative;
		margin-top:-18px;
		font-size:1.2em;
		z-index:2;
	}
#bo_v_img figcaption span {
		display:inline-block;
		padding:10px 40px;
		border:1px solid #ccc;border-radius:30px;
		background:linear-gradient(#fff 50%,#ececec);
		box-shadow:0 0 5px rgba(0,0,0,.2);
	}
#bo_v_con {
		min-height:200px;
		margin:10px 0 30px;
		font-size:1.2em;
		text-align:center;
	}
#bo_v_con > .innerWrap {
		display:inline-block;
		margin:auto;
		text-align:left;
	}
#bo_v_con * {line-height:1.5em;}
.video {
		position:relative;
		max-width:940px;
		margin:0 auto 50px;padding:30px;
		background:#000;
	}
.video > .innerWrap {
		height:0;
		padding-bottom:56.25%;
		overflow:hidden;
	}
.video iframe,
	.video-container object,
	.video-container embed {
		position:absolute;top:0;left:0;
		width:100%;height:100%;
	}
#bo_v_link {
		position:relative;
		padding:15px;
		border:1px solid #dfdfdf;border-radius:5px;
		box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
	}
#bo_v_link h2 {
		margin-bottom:20px;
		font-size:1.25em;font-weight:300;color:#4c4c4c;
	}
#bo_v_link li {border-top:1px solid #efefef;}
#bo_v_link a {
		display:block;
		padding:10px;
		font-size:.88em;
		transition:all .2s;
	}
#bo_v_link a:before {
		content:'\f08e';
		margin-right:10px;
		font-family:var(--ff-FA);color:#6586a9;
	}
#bo_v_link a:hover {
		color:#6586a9;
		background:#fafafa;
	}
.bo_v_nb {position:relative;margin:20px 0;}
.bo_v_nb li+li {border-top:1px solid #dfdfdf;}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li a {
		display:block;
		padding:12px;
		color:#fff;
		background:#333;
		transition:all .2s;
	}
.bo_v_nb li a:hover {background:#4c4c4c;}
.bo_v_nb li.btn_prv a {border-radius:5px 5px 0 0;}
.bo_v_nb li.btn_next a {border-radius:0 0 5px 5px;}
.bo_v_nb li a:before {
		margin-right:10px;
		font-family:var(--ff-FA);color:#fd3;
	}
.bo_v_nb li.btn_prv a:before {content:'\f0aa';}
.bo_v_nb li.btn_next a:before {content:'\f0ab';}

/* 게시판 댓글 */
.cmt_btn {
		display:block;
		width:100%;height:30px;
		margin-bottom:15px;
		border:1px solid #e9e9e9;border-radius:50px;
		background:#fff;
	}
.cmt_btn:hover {
		border-color:#333;
		background:#5c5c5c;
	}
.cmt_btn:before {
		content:"\f068";
		font-family:var(--ff-FA);color:#ed6478;
	}
.cmt_btn_op:before {content:"\f067";}
#bo_vc {
		position:relative;
		margin-top:20px;padding:20px;
		border-radius:4px;
		background-color:#edf7fa;
	}
#bo_vc:after {
		content:"";
		display:block;
		clear:both;
		visibility:hidden;
	}
.bo_vc_wrap {
		position:relative;
		margin-bottom:10px;padding:15px 20px;
		border:1px solid #a9cbd5;border-radius:4px;
		background-color:#fff;
		box-shadow:3px 3px 3px #d2e4e9;
	}
.bo_vc_wrap .block {
		display:none;
		position:absolute;top:5px;left:0;
		margin-left:-13px;
		width:13px;height:13px;
		background:url('./img/comm_bul.png') no-repeat 0 0;
	}
.bo_vc_wrap.bo_vc_re .block {display:block;}
.bo_vc_wrap.bo_vc_re {background-color:#f2f6f7;}
.bo_vc_wrap:last-child {margin-bottom:0;}
.bo_vc_wrap header {margin-bottom:10px;}
.bo_vc_wrap header .member {font-weight:600;color:#08647f;}
.bo_vc_wrap header .bo_vc_hdinfo time {
		display:inline-block;
		margin-left:10px;
		font-size:.82em;color:#5fb2ca;
	}
.bo_vc_wrap p {font-size:.92em;line-height:1.3em;}
.bo_vc_wrap footer {position:absolute;right:10px;top:10px;}
.bo_vc_wrap footer ul.bo_vc_act {}
.bo_vc_wrap footer ul:after {
		content:"";
		display:block;
		clear:both;
		visibility:hidden;
	}
.bo_vc_wrap footer ul li {float:left;margin-left:2px;}
.bo_vc_wrap footer ul li a {
		display:block;
		width:22px;height:22px;
		font-size:0;color:#fc3;
		text-align:center;
		background-color:#484d61;
	}
.bo_vc_wrap footer ul li a:hover {color:#fff;}
.bo_vc_wrap footer ul li a:after {
		display:block;
		font-family:var(--ff-FA);font-size:14px;line-height:22px;
	}
.bo_vc_wrap footer ul li a.re:after {content:"\f112";transform:rotate(180deg);}
.bo_vc_wrap footer ul li a.edit:after {content:"\f021"}
.bo_vc_wrap footer ul li a.del:after {content:"\f1f8"}
#bo_vc_w {}
.bo_vc_w {margin-top:10px;padding:0;}
.bo_vc_w:after {
		content:"";
		display:block;
		clear:both;
		visibility:hidden;
	}
.bo_vc_w .bo_vc_cap {position:relative;margin-top:10px;}
.bo_vc_w .bo_vc_cap #captcha_info {
		display:block;
		padding:5px 0 10px;
		font-size:.82em !important;
	}
.bo_vc_w .bo_vc_txt {display:block;position:relative;}
.bo_vc_w .bo_vc_txt:after {
		content:"";
		display:block;
		clear:both;
		visibility:hidden;
	}
.bo_vc_w .bo_vc_txt textarea {
		width:100%;height:100px;
		padding:7px;padding-right:80px !important;
		border:1px solid #e5e5e5;border-right:none;
		font-size:.92em;line-height:1.3em;
		background-color:#fff !important;
	}
.bo_vc_w .bo_vc_txt .btn_submit {
		display:block;
		position:absolute;right:0;bottom:3px;
		width:100px;height:100px;
		border:none;
		color:#fff;
		background-color:#f43b51;
	}

/*글쓰기*/
#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:70px 0;
	}
#bo_w .bo_v_option li {
		float:left;
		display:inline-block;
		margin:0 5px 0 0;
		text-align:left;
	}
#bo_w .bo_v_option li label {vertical-align:baseline;}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px;}
#bo_w .write_div {
		position:relative;
		margin:10px 0;
	}
#bo_w .write_div:after {
		content:"";
		display:block;
		clear:both;
		visibility:hidden;
	}
#bo_w .bo_w_info:after {
		content:"";
		display:block;
		clear:both;
		visibility:hidden;
	}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%;}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%;}
#bo_w .wr_content.smarteditor2 iframe {background:#fff;}
#bo_w .bo_w_tit {position:relative;}
#bo_w .bo_w_tit .frm_input {padding-right:120px;}
#bo_w .bo_w_link label {
		position:absolute;top:1px;left:1px;
		width:40px;height:38px;
		border-radius:3px 0 0 3px;
		font-size:1.2em;color:#b2b2b2;line-height:38px;
		text-align:center;
	}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {
		position:absolute;top:0px;left:0px;
		width:40px;height:38px;
		border-radius:3px 0 0 3px;
		font-size:1.2em;color:#b2b2b2;line-height:38px;
		text-align:center;
	}
#bo_w .bo_w_flie .frm_file {margin-top:3px;padding-left:50px;}
#bo_w .bo_w_flie .file_wr {
		position:relative;
		height:40px;
		margin:0;padding:5px;
		border:1px solid #ccc;border-radius:3px;
		color:#000;
		vertical-align:middle;
		background:#fff;
	}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0;}
#bo_w .bo_w_flie .file_del {
		position:absolute;top:10px;right:10px;
		font-size:0.92em;color:#7d7d7d;
	}
#bo_w .bo_w_select select {
		width:100%;height:40px;
		border:1px solid #d0d3db;border-radius:3px;
	}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em;}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em;}
#bo_w .desc {
		margin-top:20px;
		font-size:.92em;color:#4c4c4c;line-height:1.3em;
	}
#bo_w .desc:before {
		content:'\f069';
		margin-right:10px;
		font-family:var(--ff-FA);color:#f63;
	}
#bo_w .desc strong {font-weight:normal;color:#f30;}
#bo_w .desc ol {margin:12px 0 0 7px;}
#bo_w .desc ol li {color:#4c4c4c;line-height:1.3em;}
#bo_w .desc ol li+li {margin-top:5px;}

@media (max-width:1340px) {
	#bo_v {padding:70px 10px 0;}
	#bo_w {padding:10px;}
}
@media (max-width:1024px) {
	#bo_cate ul {grid-template-columns:repeat(auto-fit, minmax(24%, auto));}
	#bo_cate a {padding:10px 7px;font-size:1.05em;}
	#bo_v_con {margin:10px 0;font-size:1em;}
}
@media (min-width:768px) {
	#bo_cate_sel {display:none;}
}
@media (max-width:768px) {
	#bo_v {padding:40px 10px 0;}
	#bo_cate ul {display:none;}
	#bo_w .desc {font-family:inherit;font-size:.88em;}
	#bo_w .btn {padding:0 10px;font-size:1em}
	#bo_v_title strong {font-size:1.25em;}
	.profile_info {margin-top:0;}
	.profile_info ul li {float:none;}
	.profile_info ul li+li {margin-left:0;margin-top:5px;}
	.profile_info ul li * {font-weight:normal;color:#666;}
	.profile_info ul li:before {display:inline-block;width:20px;}
	#bo_v_info .bo_btn li {float:none;}
	#bo_v_info .bo_btn li+li {margin-left:0;margin-top:5px;}
	#bo_v_info .bo_btn li a {width:80px;}
	#bo_v_img figcaption {font-size:1em;}
	#bo_v_link {padding:15px 10px 5px;}
	#bo_v_link h2 {margin-bottom:10px;font-size:1.05em;}
	.tbl_wrap table {border:none;}
	#bo_list .tbl_wrap table thead {position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:none;overflow:hidden;}
	#bo_list .tbl_wrap table thead th {height:auto;}
	#bo_list .tbl_wrap table tr {display:block;position:relative;border:1px solid #ccc;border-radius:3px;padding:10px;}
	#bo_list .tbl_wrap table tr:nth-child(even) {background:#fafafa;}
	#bo_list .tbl_wrap table tr+tr {margin-top:5px;}
	#bo_list .tbl_wrap table td.td_chk, #bo_list .tbl_wrap table td.td_num {display:none;}
	#bo_list .tbl_wrap table tbody td {display:block;position:relative;width:100% !important;height:auto;padding:10px 0 10px 80px;text-align:right;}
	#bo_list .tbl_wrap table tbody td:last-child {border-bottom:none;}
	#bo_list .tbl_wrap table tbody td::before {content:attr(data-label);display:block;position:absolute;left:10px;top:0;font-size:.82em !important;line-height:40px;}
	#bo_list .tbl_wrap table tbody td.td_subject {font-size:1em;}
	#bo_list .tbl_wrap table tbody td.td_subject .bo_tit {padding:0 0 0 80px;line-height:1.3em;text-align:right;}
	#bo_list .tbl_wrap table tbody tr:hover td {background:none;}
}