@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 게시판 목록 */
.faq_table{width:100%; border-top:2px solid #e5e5e5; margin-bottom:20px; }
.faq_table .th_ask,
.faq_table .th_chk{width:60px !important; }
.faq_td{padding:0px !important; margin:0px; border-bottom:0px !important; }
.faq_list{width:100%; margin:0px; padding:0px; list-style:none; }
.faq_list > li{width:100%; border-bottom:1px solid #e5e5e5; margin:0px; padding:0px; }
.faq_list > li > dl{width:100%; overflow:hidden; text-align:left; margin:0px; padding:0px; }
.faq_list > li > dl > dt{width:100%; position:relative; margin:0px; padding:0px; }
.faq_list > li > dl > dd{margin:0px; padding:0px; overflow:hidden; }
.faq_list > li > dl > dt .faq_ask,
.faq_list > li > dl > dd .faq_answer{width:60px; font-family:Times New Roman; font-size:22px; font-weight:bold; text-align:center; }
.faq_list > li > dl .faq_ask{color:#999; }
.faq_list > li > dl .faq_answer{color:#990000; }
.faq_list > li > dl > dt .faq_subject{padding:0 0 0 60px; overflow:hidden; position:relative; z-index:3; font-size:14px; }
.faq_list > li > dl > dt .faq_subject a{display:block; padding:20px 50px 20px 0; }
.faq_list > li > dl > dt .faq_subject a.faq_open{font-weight:normal; color:#333; font-size:15px; cursor:pointer; }
.faq_list > li > dl > dt .faq_subject a.faq_open span{font-weight:normal; }
.faq_list > li > dl > dt .faq_subject a:focus,
.faq_list > li > dl > dt .faq_subject a:active,
.faq_list > li > dl > dt .faq_subject a:hover{color:#000; text-decoration:none; }
.faq_list > li > dl > dt .faq_chk{position:absolute; left:0px; top:20px; text-align:center; width:60px; z-index:102; }
.faq_list > li > dl > dt .faq_md{position:absolute; right:70px; top:15px; text-align:center; width:60px; z-index:101; }
.faq_list > li > dl .faq_ask{position:absolute; left:0px; top:15px; text-align:center; }
.faq_list > li > dl .faq_answer{position:absolute; left:0px; top:20px; text-align:center; width:60px; }
.faq_list > li > dl > dd{width:100%; position:relative; background:#fafafa; display:none; border-top:1px dashed #e5e5e5; }
.faq_list > li > dl > dd .faq_cont{font-size: 14px; padding:25px 25px 25px 70px; overflow:hidden; line-height: 1.4em; }
.faq_list > li > dl > dd .faq_cont img{max-width:100%; }
.faq_list > li > dl > dt .faq_sh{width:30px; height:30px; position:absolute; right:0px; top:50%; margin-top:-15px; z-index:1; }

.faq_list > li > dl > dt .faq_sh i{display:block; width:100%; height:30px; line-height:30px; }
.faq_list > li > dl > dt .faq_sh .fa-chevron-up{display:none; }
.faq_list > li > dl > dt .faq_sh .fa-chevron-down{display:block; color:#999; }
.faq_list > li > dl > dt .listnum{display:block; position:absolute; left:0px; top:-100px; }

.faq_list > li.show dl .faq_ask{color:#000; }
.faq_list > li.show dl dt .faq_subject a{color:#000; }
.faq_list > li.show dl dt .faq_sh .fa-chevron-up{display:block; color:#990000; }
.faq_list > li.show dl dt .faq_sh .fa-chevron-down{display:none; }
.faq_list > li > dl > dd .btn_rb{float:right; margin:0 10px 10px 0; }

.fileDownList_downBtn {padding-top:15px;}
.fileDownList_downBtn a{ display:inline-block; margin:10px 10px 0 0; border:3px solid #ddd;}
.fileDownList_downBtn a b,
.fileDownList_downBtn a span{ display:inline-block; vertical-align:middle;}
.fileDownList_downBtn a b{height:22px; line-height:22px; max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fileDownList_downBtn a i{color:RGBA(0,0,0,0.2); font-size:26px; vertical-align:middle; margin-left:8px;}

.fileDownList_downBtn a:hover{border:3px solid #000 !important; background:#000;color:RGBA(255,255,255,0.5);}
.fileDownList_downBtn a:hover i{color:#fff;}

@media all and (max-width: 800px)
{

	.faq_list > li > dl > dt .faq_ask,
	.faq_list > li > dl > dd .faq_answer{width:30px; font-size:18px; }
	.faq_list > li > dl .faq_ask{top:20px; }
	.faq_list > li > dl > dt .faq_subject{padding:0 0 0 30px; }
	.faq_list > li > dl > dt .faq_chk{left:30px; }
	.faq_list > li > dl > dd .faq_cont{padding:15px 15px 15px 40px; overflow:hidden; line-height: 1.4em; }
}

.bo_center_wrap { display: flex; justify-content: center; align-items: center; margin-top:20px; }
.bo_center_wrap #bo_schWr { float: none; width: auto; height: auto; overflow: visible; margin: 0; }
.bo_center_wrap #bo_schIn { position: static; top: auto; right: auto; margin:0; }

.noDataArea { font-size: 1.25em; }

/* 헤더 스타일 (Basic 스킨과 동일하게 적용) */
.faq_list > li.likeTblTh {
    display: table;
    width: 100%;
    table-layout: fixed;
    background: #f8f8f8;
    border-bottom: 0 !important; /* 기본 li border 제거 */
}

.faq_list > li.likeTblTh > div {
    display: table-cell;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

/* 컬럼 너비 설정 (Basic 스킨 기준 - 헤더) */
.faq_list .td_chk { width: 40px; text-align: center; } /* 체크박스 */
.faq_list .td_num2 { width: 50px; text-align: center; font-size: 14px; } /* 번호 */
.faq_list .td_datetime { width: 100px; text-align: center; color: #999; font-size: 13px; font-family: verdana; } /* 날짜 */
.faq_list .td_num { width: 80px; text-align: center; color: #999; font-size: 14px; } /* 조회수 */

/* 본문 컬럼 스타일 및 위치 조정 */
/* 테이블 형태 레이아웃 적용 (Basic 스킨 스타일) */

.faq_list > li > dl > dt.likeTblTd {
    display: table;
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.faq_list > li > dl > dt.likeTblTd > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5; /* li border와 겹치지 않게 조정 필요시 수정 */
    font-size: 14px;
    color: #444;
}

/* 체크박스 */
.faq_list .td_chk { width: 40px; }

/* 번호 */
.faq_list .td_num2 { width: 50px; color: #777; text-align: center; }

/* 제목 (아코디언 트리거) */
.faq_list .td_subject { 
    width: auto; /* 나머지 공간 모두 차지 */
    text-align: left !important; 
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.faq_list .td_subject a.faq_open {
    display: inline-block;
    font-weight: normal;
    color: #333;
    font-size: 15px;
    cursor: pointer;
    vertical-align: middle;
    max-width: 80%; /* 버튼 공간 확보 필요시 조정 */
}

/* Row Hover Effect */
.faq_list > li > dl > dt.likeTblTd:hover {
    background-color: #fcfcfc;
}
.faq_list > li > dl > dt.likeTblTd:hover .faq_subject a {
    color: #000;
}

/* 날짜 */
.faq_list .td_datetime { width: 100px; color: #999; font-size: 13px; font-family: verdana; }

/* 조회수 */
.faq_list .td_num { width: 80px; color: #999; font-size: 13px; font-family: verdana; }


/* 모바일 반응형 처리 */
@media all and (max-width: 800px) {
    .faq_list .td_subject { padding: 5px 10px !important; }
    
    .faq_list .td_datetime, 
    .faq_list .td_num { display: inline-block; width: auto; font-size: 12px; color: #999; margin-right: 10px; }
    .faq_list .td_datetime:after { content: " | "; color: #ccc; margin-left: 10px; }
}

/* 기사 원문 보기 버튼 스타일 */
.faq_list .btn_original_wrap {
    margin-top: 15px; 
    text-align: left; /* 왼쪽 정렬 */
}

.faq_list .btn_original {
    display: inline-block;
    padding: 12px 24px; /* 버튼 크기 확대 */
    background: #363636;
    color: #fff;
    border: 1px solid #363636;
    font-size: 15px; /* 폰트 크기 확대 */
    font-weight: bold;
    border-radius: 3px;
    text-decoration: none;
    transition: all 0.2s;
}

.faq_list .btn_original:hover {
    background: #555;
    border-color: #555;
    color: #fff;
}

/* 콘텐츠 정보 (날짜, 조회수) 스타일 */
.faq_list .content_info {
    font-size: 12px;
    color: #888;
    margin-bottom: 15px;
    font-family: verdana;
}

.faq_list .content_info span {
    display: inline-block;
    margin-right: 10px;
}

.faq_list .content_info .info_hit:before {
    content: "|";
    display: inline-block;
    margin-right: 10px;
    color: #ddd;
}