@charset "utf-8";

/* 게시판 목록 */
#bo_list {position:relative}
	#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
	#bo_list .alert {margin:0;padding:15px 0;border:1px solid #ccc;border-radius:40px;text-align:center;background:#fafafa;}
#bo_cate {position:relative;margin-top:5px;padding-right:20px;border-bottom:1px solid #efefef;text-align:right;}
	#bo_cate ul {display:inline-block;list-style:none;margin:0 auto;padding:0;}
	#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
	#bo_cate ul li {float:left;}
	#bo_cate ul li+li {margin-left:3px;}
	#bo_cate ul li a {display:inline-block;min-width:100px;margin-bottom:-4px;padding:10px;border:1px solid #ccc;border-bottom:1px solid #fff;border-radius:3px 3px 0 0;text-align:center;}
	#bo_cate ul li a:hover {color:#419bb9;background:#f0f0f0;}
	#bo_cate ul li a#bo_cate_on {color:#fff;border:1px solid #333;background:#4c4c4c;}

.bo_list {position:relative;}
	.bo_list ul {list-style:none;margin:0;padding:0;}
	.bo_list ul:after {display:block;visibility:hidden;clear:both;content:""}
	.bo_list ul li {float:left;text-align:center;}
	.bo_list ul li.num {width:5%;}
	.bo_list ul li.tit {width:71%;}
	.bo_list ul li.name {width:7%;}
	.bo_list ul li.date {width:10%;}
	.bo_list ul li.hit {width:7%;}
	.bo_list_hd li {border-top:1px solid #808080;border-bottom:3px solid #f0f0f0;line-height:50px;background:linear-gradient(#fff 50%,#f3f3f3 100%);}
	.bo_list_con li {border-bottom:1px solid #d9d9d9;line-height:38px;}
	.bo_list_con li.tit {text-align:left;}
	.bo_list_con li.tit a {display:inline-block;}
	.bo_list_con li.tit a.bo_cate_link {width:80px;color:#808080;text-align:center;}
	.bo_list_con li.tit span.end {display:inline-block;margin-right:5px;padding:3px 7px;border:1px solid transparent;border-radius:2px;font-size:.82em;color:#fff;background:#e30;}
	.bo_list_con li.date {font-size:.88em;}
	.bo_list_con .title_icon {margin-left:2px}
	.bo_list_con .fa {display:inline-block;width:16px;height:16px;margin-right:2px;border-radius:2px;font-size:10px;line-height:16px;text-align:center;vertical-align:middle;}
	.bo_list_con .fa-download {color:#fff;background:#e89f31;}
	.bo_list_con .fa-link {color:#fff;background:#ad68d8;}
	.bo_list_con .new_icon {color:#ff0;background:#6db142;}
	.bo_list_con .fa-lock {color:#4f818c;background:#cbe3e8;}

/* 1025px 이상 해상도를 위한 코드 */
@media all and (min-width:1025px) {
	.pc_none {display:none;}
}

/* 게시판 쓰기 */
#bbs_write {margin-top:30px !important;padding:15px 20px;border:1px solid #ededed;border-radius:3px;background-color:#fafafa;}
	#bbs_write ul {list-style:none;margin:0;padding:0;}
	#bbs_write ul li {padding:3px 0;}
	#bbs_write ul li.option {margin-bottom:10px;border-bottom:1px solid #ededed;text-align:right;}
	#bbs_write ul li.option label {cursor:pointer;}
	#bbs_write ul li.option input {margin-left:15px;cursor:pointer;}
	#bbs_write ul li span.tit {display:block;margin-bottom:8px;font-family:'Noto Sans KR','NanumGothic','나눔고딕',Dotum;font-size:1.1em;font-weight:400;}
	#bbs_write ul li span.tit label {font-family:'Noto Sans KR','NanumGothic','나눔고딕',Dotum;}
	#bbs_write ul li span.tit strong {font-weight:500;color:#ff3061;}
	#bbs_write ul li input.frm_input, #bbs_write ul li input.frm_file {width:100%;height:45px;padding-left:7px;border:1px solid #e5e5e5;line-height:2em;background-color:#fff !important;}
	#bbs_write ul li input.frm_file {margin-bottom:10px;}
	#bbs_write ul li input.frm_file:last-child {margin:0;}
	#bbs_write ul li input.captcha_box {width:200px !important;}
	#bbs_write ul li select {height:35px;border:1px solid #e5e5e5;background:#fff !important;cursor:pointer;}
	#bbs_write ul li textarea {width:100%;border:1px solid #e5e5e5;}
	#bbs_write ul li.wr_cate {margin-bottom:5px;}
	#bbs_write ul li.wr_cate input {display:inline-block;margin-right:5px;}
	#bbs_write ul li.wr_cate input+input {margin-left:20px;}
	#bbs_write ul li.bo_chk {text-align:right;}
#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_v {}
	#bo_v .h2_tit {margin-bottom:15px;padding-bottom:15px;border-bottom:4px double #ccc;text-align:center;}
	#bo_v .h2_tit:before {content:"";margin:0;}
	#bo_v .h2_tit span.sm {font-size:.78em;}
.bo_v_base {position:relative;margin-bottom:15px;}
	.bo_v_base ul {list-style:none;margin:0;padding:0;font-size:.92em;}
	.bo_v_base ul:after {display:block;clear:both;content:"";}
	.bo_v_base ul li.name {float:left;}
	.bo_v_base ul li.name:before {content:"\f2bd";font-family:"FontAwesome";color:#236dae;}
	.bo_v_base ul li.name span {display:inline-block;}
	.bo_v_base ul li.name span:before {display:inline-block;margin:0 3px 0 10px;font-family:"FontAwesome";color:#236dae;}
	.bo_v_base ul li.name span.email:before {content:"\f003";}
	.bo_v_base ul li.name span.site:before {content:"\f0c1";}
	.bo_v_base ul li.date {float:right;color:#999;}
.bo_v_con {position:relative;padding:20px;border:1px solid #333;border-radius:12px;}
/* bo_v 안의 것만 인쇄할 수 있게 처리 */

#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block;text-align:center;}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con img {max-width:100%;height:auto}

#bo_v_file {padding:10px 20px;border:1px solid #e5e5e5;border-radius:3px;background-color:#f2f2f2;}
	#bo_v_file ul {list-style:none;margin:0;padding:0;}
	#bo_v_file ul li {padding:0 10px;border-bottom:1px solid #fff;line-height:2em;}
	#bo_v_file ul li:last-child {border:none;}
	#bo_v_file ul li a.view_file_download {font-size:.9em;}
	#bo_v_file ul li a.view_file_download:hover {color:#f51a48;}
	#bo_v_file ul li a.view_file_download:before {margin-right:5px;content:"\f019";font-family:"FontAwesome";color:#f51a48;}
	#bo_v_file ul li span.bo_v_file_cnt {display:inline-block;font-size:.8em;color:#999;}
	#bo_v_file ul li span.bo_v_file_cnt:before, #bo_v_file ul li span.bo_v_file_cnt:after {content:"|";margin:0 15px;}
	#bo_v_file ul li span.bo_v_file_date {display:inline-block;font-size:.8em;color:#999;}
#bo_v_link {margin-bottom:30px;}
	#bo_v_link ul {list-style:none;margin:0;padding:0;}
	#bo_v_link ul li {}
	#bo_v_link ul li a {display:block;padding:0 30px;border-bottom:1px solid #e5e5e5;font-size:.9em;line-height:2em;}
	#bo_v_link ul li a:hover {color:#236dae;}
	#bo_v_link ul li a:before {margin-right:10px;content:"\f0c1";font-family:"FontAwesome";color:#236dae;}
	#bo_v_link ul li a span.bo_v_link_cnt {display:inline-block;font-size:.8em;color:#999;}
	#bo_v_link ul li a span.bo_v_link_cnt:before {content:"|";margin:0 15px;}


/* 코멘트 */
#bo_vc {padding:20px;border-radius:4px;background-color:#edf7fa;}
.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 {list-style:none;margin:0;padding:0;zoom:1;}
	.bo_vc_wrap footer ul:after {display:block;clear:both;content:"";}
	.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 {font-family:"fontAwesome";font-size:14px;line-height:22px;}
	.bo_vc_wrap footer ul li a.re:after {content:"\f086";}
	.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 {list-style:none;margin:10px 0 0;padding:0;}
.bo_vc_w li {position:relative;padding-right:100px;}
.bo_vc_w li textarea {width:100%;height:100px;margin-right:40px;padding:7px;border:1px solid #e5e5e5;border-right:none;font-size:.92em;line-height:1.3em;background-color:#fff !important;}
.bo_vc_w li .btn_submit {display:block;position:absolute;right:0;top:0;width:100px;height:100px;border:none;border-radius:0 !important;background-color:#f43b51;}

.infor {margin:10px 0;padding:25px;border-radius:40px;text-align:center;background:#f2f2f2;}
	.infor .mail:before {margin:0 7px 0 12px;content:"\f003";font-family:"FontAwesome";}
	.infor .tel:before {margin:0 7px 0 12px;content:"\f095";font-family:"FontAwesome";}
/* 1024px 미만 해상도를 위한 코드 */
@media all and (max-width:1024px) {
	.bo_list_hd, .bo_list_con li.num {display:none;}
	.bo_list_con {border-top:1px solid #808080;}
	.bo_list_con ul li {float:none;width:auto;border:none;line-height:1em;}
	.bo_list_con ul {position:relative;padding:3%;border-bottom:1px solid #d9d9d9;}
	.bo_list_con li.tit {width:100% !important;padding-bottom:6%;}
	.bo_list_con li.tit a {width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.bo_list_con li.hit {display:none;}
	.bo_list_con li.name {position:absolute;left:10px;bottom:5px;width:auto !important;font-size:.8em;color:#888;}
	.bo_list_con li.date {position:absolute;right:10px;bottom:5px;width:auto !important;font-size:.8em;color:#888;}
	.bo_list_con li.name .fa, .bo_list_con li.date .fa {margin-right:7px;font-size:.8em;color:#5f6ad2;}
	#bo_v {padding:0 2%;}
	#bo_v .h2_tit {font-size:1.2em;line-height:1.2em;text-align:left;}
	.bo_v_base ul li.name span.email, .bo_v_base ul li.name span.site {display:block;margin-top:7px;}
	.bo_v_base ul li.name span:before {display:inline-block;margin:0 7px 0 0;}
	#bo_v_file {padding:5px;}
	#bo_v_file ul li span.bo_v_file_cnt, #bo_v_file ul li span.bo_v_file_date, #bo_v_link ul li a span.bo_v_link_cnt {display:none;}
	#bo_v_con {margin-bottom:10px;border:1px solid #ccc;border-radius:5px;padding:3%;}
	.bo_vc_w li {padding-right:0;}
	.bo_vc_w li textarea {margin:0;border-right:1px solid #e5e5e5;}
	.bo_vc_w li .btn_submit {display:block;position:relative;width:100%;height:auto;border:none;border-radius:0 !important;background-color:#000;}
	.infor {padding:10px;border-radius:0;}
	.infor .mail, .infor .tel {display:block;margin:10px 0;color:#c30;}
	.infor a {color:#c30;}
}