@charset "utf-8";
/* 게시판 목록 */
.brd_top {margin-top:70px;}
#brd_list,#brd_view,#brd_write {width:1500px;margin:100px auto;height:auto;overflow: hidden}
.list_tb_wrap {width:100%;}
.faq-brd {margin:30px 0;}
.faq-brd li {font-size: 17px;color:#555;}
.faq-brd li .header {position:relative; border-bottom: 1px solid #ededed;padding:0 15px;}
.faq-brd li .header:after {content:'\e942'; position: absolute; top: 0; right: 15px; font-family: 'xeicon'; line-height:50px; transition: transform 0.3s ease}
.faq-brd li.open .header:after {transform:rotate(180deg)}
.faq-brd li .header > .chk {float:left; width:25px; padding:15px 0}
.faq-brd li .header > a {display:inline-block; color:#555; padding: 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;vertical-align:middle}
/*.faq-brd li .header > .chk+a {margin-left:25px}*/
.faq-brd li .header > span.question {display: inline-block;height: 30px;line-height: 30px;font-weight:600; vertical-align: middle;background: #333; width: 30px; text-align: center;color: #fff;font-size: 15px;border-radius: 5px}
.faq-brd li .body {display:none; padding:15px; background:#fafafa}
.faq-brd li .body > span.answer {width: 30px;height: 30px;line-height: 30px;font-size:15px;float: left; background: #fd4242;color: #fff; font-weight: 600;text-align: center;border-radius: 5px;margin-right: 15px;display: inline-block;vertical-align: middle}
.faq-brd li .body > p {font-size: 15px;margin-left: 45px}
.tb_brd tbody td p.notice {display: inline-block; background: #333; color: #fff; padding: 2px 5px;border-radius: 4px;font-size: 12px}
.cmt_num {font-size: 12px; background: #ccb080;color: #fff;padding: 3px 5px;border-radius: 3px;text-align: center;display: inline-block;line-height: 15px;margin-left: 3px}

.td_subject img {margin-left:3px}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {}
#brd_list_total {float:left;padding-top:5px}
.btn_bo_user {float:right;}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.bo_notice td {background:#f9f9f9}
.bo_notice td a {font-weight:500}
.td_num strong {color:#000}
.bo_cate_link {font-size: 13px; display: inline-block; padding: 5px 10px;background: #222;color: #fff !important;border-radius: 3px; margin-right: 5px;} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
#brd_list .cnt_cmt {display:inline-block;}

#brd_search {width: 100%;background: #f5f5f5;border: 0;padding: 30px 0;text-align: center}
#brd_search legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.search_select {border: 1px solid #ccc;border-radius: 2px; padding: 10px 25px 10px 7px;font-family: inherit}
.search_input {border: 1px solid #ccc;border-radius: 2px;margin:0 5px; padding: 11px 15px;vertical-align: middle;width: 300px;font-size: 15px}
.btn_search {background: #73c6be;color: #fff;padding: 9px 20px;font-size:15px;display: inline-block;border-radius: 2px;cursor:pointer;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
.btn_search:hover {background:#25b7aa;transition:all 0.3s ease}

/* 게시판 쓰기 */
#write_title {font-size: 24px; margin:20px 0;}
.write_tb_wrap {width: 100%}
.wr_table {width: 100%}
.wr_table tbody th {padding: 15px 0;font-size: 14px;font-weight: 400;border-top:1px solid #222}
.wr_table tbody td {padding: 15px;border-top:1px solid #ddd;}
.wr_table tbody td > #wr_link1,.wr_table tbody td > #wr_link2 {width:100%}

#chk_notice {display: inline-block;padding: 7px 10px; border-radius: 2px}

#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}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 읽기 */
#bo_v_table {display: none}

/*게시글 제목, 작성자, 작성일 등등*/
.view_info {position:relative;width: 100%; height:auto;text-align: center;overflow: hidden;border-bottom: 1px solid #ddd;padding-bottom: 30px;}
#view_title {font-size: 28px;margin-bottom:20px;width:930px;margin:0 auto}
#view_title .category {font-size: 15px;display: inline-block;padding:5px 15px;border-radius:3px;background: #222;color: #fff;vertical-align: middle;margin-right: 5px}
.view_info > ul.view_user_info {width: 100%;margin-top:20px;}
.view_info > ul.view_user_info > li {display: inline-block;margin:0 5px;}

.view_nav {width: 100%;	position: absolute;top:10px}
.view_nav li {position: absolute; font-size: 40px; color: #666;}
.view_nav li.left {left:0}
.view_nav li.right {right:0}

/*관련링크*/
#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {width: 100%}
#bo_v_link li {padding:5px 20px;border-bottom:1px solid #ddd;background:#f9f9f9}
#bo_v_link a {display:inline-block;padding:5px;color:#000;word-wrap:break-word}
#bo_v_link a span.add_link {background: #719222; color: #fff; padding: 3px 5px; border-radius: 3px;font-size: 12px;display: inline-block;text-align: center;line-height:15px}
#bo_v_link a p {display: inline-block;font-weight: 600;margin-left: 5px;}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_bot {width: 100%}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {}

.bo_v_nb {width: 100%;height: auto; overflow: hidden;}
.bo_v_nb li {display: inline-block;}
.bo_v_nb li.right {float: right}
.bo_v_com {width: 100%;height: auto;overflow: hidden;margin: 20px 0;text-align: right;}
.bo_v_com li {display: inline-block;}

#bo_v_atc {height:auto !important;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

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

/*게시물 본문내용*/
#bo_v_con {width: 100%;overflow: hidden; margin: 30px auto;border-bottom:1px solid #ddd; padding-bottom:50px;line-height: 2}
#bo_v_con p {line-height:2;font-size: 15px;width: 100%;word-break: break-all}
#bo_v_con img {display: block;margin:20px auto}

#bo_v_act {display: none}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {display: inline-block;}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}


/*모바일 게시판*/
@media screen  and (max-width:1500px) {
	#brd_list,#brd_view,#brd_write {width:100%;padding:0 15px}
}

@media screen  and (max-width:768px) {
	#brd_list, #brd_view, #brd_write {margin:50px auto}
	.tb_brd thead th.th_subject {width:300px}
	.tb_brd tbody td.td_subject a {width:300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block}
	#view_title {width:100%;line-height:1.6;font-size:20px}
	.view_nav li {display: none}
}

@media screen  and (max-width:414px) {
	#brd_list,#brd_view,#brd_write {margin:50px auto}
	h2.brd_subject {float: none;text-align: center;margin-bottom: 30px;font-size: 24px}

	#brd_search input[type="text"] {width: 150px;font-size:12px}
	.search_select {width:100px;min-width: auto;font-size:12px}
	.btn_search {font-size:12px}

	.faq-brd li .header > a,.faq-brd li .body > p {font-size:13px}

	#autosave_wrapper #wr_subject {width:100%}
	#autosave_wrapper button {margin:10px 0}

	.write_input {font-size:13px}

	.bo_v_com li {margin:0 2px 5px 0}

	.wr_table,.wr_table tbody,.wr_table tbody tr,.wr_table tbody th,.wr_table tbody td {display: block}
	.wr_table tbody th,.wr_table tbody td {padding:15px 0}
	.wr_table tbody td .input_normal {width: 100%;margin-bottom:10px}
}

@media screen  and (max-width:375px) {
	.search_select {width:80px;padding:5px 10px}
	#brd_search input[type="text"] {width: 100px;padding:7px 5px}
	.btn_search {padding:5px 15px}

	.faq-brd li .header > a {width:200px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden}
}