/* 질문 게시판 */
.cont_body { width: 100%; overflow: hidden;}
.board_search { width: 100%; margin: 0 auto; text-align: right;}
.search_box { position: relative; width: auto; border: 1px solid #b9b9b9; padding: 10px; text-align: left; display: inline-block;}
input[type="text"].input_search { width: 250px; font-size: 14px; color: #555; border: none; outline: none;}
.search_ico { position: absolute; background-color: #FFF; top: 0; right: 10px; margin-top: 7px; vertical-align: top; border: none; cursor: pointer;}
.board_cont { width: 100%; margin: 0 auto; margin-top: 10px;}
.board_write_cont { width: 1014px; margin: 0 auto; margin-top: 20px;}
.btn_cont { width: 100%; margin: 0 auto; margin-top: 20px;}
.btn_cont_r { width: 100%; margin: 0 auto; margin-top: 20px; text-align: right;}

table.qna { width: 100%; border-collapse: collapse;}
table.qna thead th { height: 30px; border-top: 2px solid #666; font-size: 13px; color: #222; font-weight: 500; text-align: center; padding: 4px 6px;}
table.qna tbody tr { display: table-row;}
table.qna tbody td { height: 30px; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; font-size: 13px; color: #000; font-weight: 350; padding: 4px 10px; display: table-cell;}
table.qna tbody td.subject { text-align: left;}
table.qna tbody td.txt_col_red { color: #F00;}
table.qna tbody td a { color: #000;}
table.qna_write { width: 100%; border-collapse: collapse;}
table.qna_write tbody tr { display: table-row;}
table.qna_write tbody td { height: 44px; border-bottom: 1px solid #d7d7d7; font-size: 13px; color: #000; text-align: left; padding: 6px 10px; display: table-cell;}
table.qna_write tbody td.top { border-top: 2px solid #666;}
table.qna_write tbody td.titl { background-color: #ededed; text-align: center;}
table.qna_write input[type="text"].inputbox_subject { width: 80%; padding: 5px;}

.view_top_cont { border-bottom: 1px solid #CCC; border-top: 2px solid #666; padding: 16px 0; margin-top: 40px; overflow: hidden;}
.view_subject { font-size: 22px; color: #333; font-weight: 400; text-align: left;}
.view_top { margin-top: 16px;}
.view_top_txt { font-size: 13px; color: #999; float: left;}
.view_top_txt span { vertical-align: top; margin-top: -1px; display: inline-block;}
.view_top_txt_line { width: 1px; height: 16px; margin: 0 16px; background-color: #4f9648; float: left;}
.view_body_cont { border-bottom: 1px solid #e5e5e5; padding: 20px 0; text-align: left; overflow: hidden;}
.qna_txt_group { width: 100%; display: inline-block;}
.qna_txt_group_a { width: 100%; border-bottom: 1px solid #eb6d6d; padding-bottom: 15px; margin-top: 15px; display: inline-block;}
.qna_detail_txt { width: 100%; font-size: 14px; color: #000; line-height: 26px; font-weight: 300; vertical-align: top; float: left;}
.qna_detail_txt p, .qna_detail_txt span {
	font-family: 'Noto Sans KR', sans-serif !important;
	color: #000 !important;
}
.qna_l { width: 60px; float: left;}
.qna_l_mobile { width: 60px; float: left; display: none;}
.qna_r { width: 93%; font-size: 14px; color: #333; line-height: 24px; font-weight: 300; text-align: left; vertical-align: top; margin-top: -2px; float: left;}
table.qna .qna-col1 {
	width: 5%;
}
table.qna .qna-col2 {
	width: 10%;
}
table.qna .qna-col3 {
	width: 60%;
}
table.qna .qna-col4 {
	width: 10%;
}
table.qna .qna-col5 {
	width: 15%;
}

@media screen and (max-width:899px) {
	.board_search { width: auto; text-align: right;}
	input[type="text"].input_search { width: 80%; font-size: 0.9em;}
	.board_cont { width: auto; padding: 0;}
	.btn_cont_r { width: auto; text-align: center;}
	table.qna thead th { font-size: 0.95em;}
	table.qna thead th.mobile_none { display: none;}
	table.qna tbody td.mobile_none { display: none;}
	table.qna tbody td { font-size: 0.95em; padding: 6px 6px;}
	table.qna tbody td a.ellip { width: 80%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display: block; overflow: hidden;}
	.board_write_cont { width: auto;}
	table.qna_write tbody td { font-size: 1em; padding: 5px 6px;}
	table.qna_write tbody td.titl { width: 20%;}
	table.qna_write tbody td.r_inner { width: 30%;}
	.view_top_txt { line-height: 22px;}
	.view_top_txt_line { margin: 3px 16px 0 16px;}
	.btn_cont { width: auto; margin: 0 auto; margin-top: 20px;}
	.qna_l { display: none;}
	.qna_l_mobile { width: 60px; float: left; display: block;}
	.bullet_answer { background-color: #e03232; font-size: 11px; color: #FFF; text-align: center; padding: 8px 6px; margin-bottom: 3px;}
	table.qna .qna-col4 {
		display: none;
	}
	table.qna .qna-col5 {
		display: none;
	}
}
@media screen and (max-width:640px) {
	table.qna colgroup {
		display: none;
	}
	.search_box {
		width: 100%;
	}
}

/* 공지사항 */
.view_body_cont_notice { border-bottom: 1px solid #CCC; padding: 20px 0; text-align: left; overflow: hidden;}
button.btn_list {
	min-width: 100px;
    height: 36px;
    background-color: #ddd;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 0 18px;
    cursor: pointer;
}
button.btn_list:hover {
	color: #666;
    background-color: #ccc;
    border-color: #ccc;
}
.atth-ico img {
	width: auto;
	max-width: none;
}

/* paging */
.paging_inner { width:100%; text-align:center; overflow:hidden;}
.paging { display:inline-block; padding-left:0; margin:20px 0 6px 0; border-radius:3px;}
.paging>li { display:inline;}
.paging>li>a, .paging>li>span { position:relative; font-family:Arial, Helvetica, sans-serif; float:left; padding: 10px 12px; margin-left:-1px; line-height:1; color:#333333; text-decoration:none; background-color:#fff; border:1px solid #ddd;}
.paging>li:first-child>a,.paging>li:first-child>span { margin-left:0; border-top-left-radius:3px; border-bottom-left-radius:3px;}
.paging>li:last-child>a,.paging>li:last-child>span { border-top-right-radius:3px; border-bottom-right-radius:3px;}
.paging>li>a:focus,.paging>li>a:hover,.paging>li>span:focus,.paging>li>span:hover {z-index:3; color:#333; background-color:#f5f5f5; border-color:#ddd;}
.paging>.active>a,.paging>.active>a:focus,.paging>.active>a:hover,.paging>.active>span,.paging>.active>span:focus,.paging>.active>span:hover{ z-index:4; color:#fff; cursor:default; background-color:#717171; border-color:#717171;}
.paging>.disabled>a,.paging>.disabled>a:focus,.paging>.disabled>a:hover,.paging>.disabled>span,.paging>.disabled>span:focus,.paging>.disabled>span:hover{ color:#bbb; cursor:not-allowed; background-color: transparent; border-color:#ddd;}