@charset "utf-8";

#container_title {display:none;}

/* 게시판 목록 */
#bo_list {position:relative;max-width:1340px;margin:auto;padding:50px 0 80px;}
#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;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;font-size:.92em;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;font-size:.92em;color:#666;}
	#bo_tbl table tbody tr td.td_date {width:120px;font-size:.92em;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.2em;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;margin-left:3px;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-download {background-color:#3a86e8;}
	#bo_tbl table tbody tr td.td_subject a.bo_tit .fa-link {background-color:#7550a7;}

/* 게시판 읽기 */
#bo_v {position:relative;max-width:1340px;margin:auto;padding:50px 0 80px;}
#bo_v_title {padding-bottom:30px;border-bottom:1px solid #ccc;font-size:2.2em;text-align:center;}
	#bo_v_title .bo_v_cate {display:block;margin-bottom:15px;font-size:.65em;font-weight:normal;color:#ff5e00;}
	#bo_v_title .bo_v_tit {display:block;font-weight:700;color:#4c4c4c;line-height:1.3em;}
.bo_v_btn {position:relative;margin:20px 0;text-align:right;}
	.bo_v_btn:after {content:'';display:block;clear:both;visibility:hidden;}
#bo_v_file {position:relative;margin-bottom:20px;padding:12px;border:1px solid #333;border-radius:5px;background:rgba(0,0,0,.7);}
	#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 {margin:10px 0 30px;min-height:200px;font-size:1.2em;text-align:center;}
	#bo_v_con > .innerWrap {display:inline-block;margin:auto;text-align:left;}
	#bo_v_con, #bo_v_con * {line-height:1.5em;}
.video {position:relative;max-width:940px;margin:0 auto 70px;padding:30px;background:#000;} 
	.video > .innerWrap {padding-bottom:56.25%;height:0;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-family:var(-ff-KOL);font-size:1.25em;font-weight:normal;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;}


/*글쓰기*/

#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;max-width:1340px;margin:auto;padding:50px 0 80px;}

#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_select select {width:100%;height:40px;border:1px solid #d0d3db;border-radius:3px;}
#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 .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0;}
#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 .bo_w_tit {position:relative;}
#bo_w .bo_w_tit .frm_input {padding-right:120px;}
#bo_w .wr_content.smarteditor2 iframe {background:#fff;}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#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_btn_bt {margin-top:20px;}


@media (max-width:1380px) {
	#bo_list, #bo_v, #bo_w {padding:50px 10px;}
}
@media (max-width:1024px) {
	#bo_cate {text-align:center;}
	#bo_cate a {font-size:1em;}
	#bo_cate li+li {margin-left:20px;}
	#bo_tbl table tbody tr td.td_subject a.bo_tit {font-size:1.05em;}
	#bo_v_title {font-size:1.8em;}
	#bo_v_title .bo_v_cate {margin-bottom:10px;}
}
@media (max-width:768px) {
	#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_v_title {font-size:1.5em;}
	#bo_v_con {font-size:1em;text-align:inherit;}
	#bo_w .desc {font-family:inherit;font-size:.88em;}
	#bo_w .btn {padding:0 10px;font-size:1em}
	.bo_vc_w .bo_vc_info li {max-width:40%;}
	.bo_vc_w .bo_vc_info li input {max-width:100%;}
}