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

#bo_btn_top {
    margin: 10px 0;
}

#bo_list_total {
    float: left;
    line-height: 30px;
    font-size: 0.92em;
    color: #666;
    padding: 0px;
}

.btn_bo_user {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

.btn_bo_user li {
    float: left;
    margin-left: 5px;
}

#bo_btn_top:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

#bo_cate {
	background: #fbfbfb;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #f8f8f8;
}

#bo_cate h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

#bo_cate ul {
    text-align: center;
    zoom: 1;
	margin:0;
}

#bo_cate li {
    display: inline-block;
    padding: 2px;
}

#bo_cate a {
    display: block;
    color: #999;
    line-height: 30px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid transparent;
}

#bo_cate #bo_cate_on {
    z-index: 2;
    background: #666;
    color: #fff;
    font-weight: bold;
}

#bo_cate ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

.bo_fx {
    margin-bottom: 5px;
    float: right;
    zoom: 1;
}

.btn_bo_user {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bo_fx ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.btn_bo_user li {
    float: left;
    margin-left: 5px;
}

a.btn_b02, .btn_b02 {
    background: #666666;
    color: #ffffff;
    border: 1px solid #666666;
}

#bo_sch {
    float: left;
    border: 1px solid #444;
    background: #333;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 300px;
}

#bo_sch legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}

#bo_sch select {
    border: 0;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 90px;
    height: 40px;
    border-right: 1px solid #444;
    /*background: #333;*/
    color: #999;
}

#bo_sch .sch_input {
    height: 38px;
    border: 0;
    padding: 0 38px 0 100px;
    /*background-color: transparent;*/
    width: 100%;
}

#bo_sch .sch_btn {
    height: 38px;
    display: block;
    color: #999;
    background: none;
    border: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 15px;
}

input[type=text], input[type=password], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

/*쓰기*/

#bo_w .write_div {
    margin: 10px 0;
    position: relative;
}

#bo_w .bo_w_ico > label {
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 3px 0 0 3px;
    height: 38px;
    line-height: 38px;
    width: 40px;
    background: #555;
    text-align: center;
    color: #888;
}

.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {
    border: 1px solid #444;
    /*background: #333;*/
    color: #333;
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
}

#bo_w .bo_w_ico .frm_input {
    padding-left: 50px;
}

.frm_input {
    height: 40px;
}

.full_input {
    width: 100%;
}

#bo_w .write_div {
    margin: 10px 0;
    position: relative;
}

#bo_w .bo_w_info .frm_input {
    float: left;
    width: 33%;
}

#bo_w #wr_password {
    margin: 0 0.5%;
}

#bo_w .bo_w_tit {
    position: relative;
}

#bo_w .bo_w_info b {
    font-size: 11px;
    color: #ddd;
}

#bo_w .bo_w_info span {
    font-size: 11px;
    color: #b99e74;
}

#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;
    background: #555;
    text-align: center;
    color: #888;
}

#bo_w .bo_w_link .frm_input {
    padding-left: 50px;
}

#bo_w .bo_w_flie .file_wr {
    border: 1px solid #444;
    /*background: #333;*/
    color: #fff;
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    height: 40px;
    margin: 0;
}

#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;
    background: #555;
    text-align: center;
    color: #888;
}

#bo_w .bo_w_flie .frm_file {
    padding-left: 50px;
}
/*쓰기*/


/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}

/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {}
#bo_list .tbl_head01 a {}
#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
.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:#ff6600;}
.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;color:#999;}
.faq_list > li > dl > dt .faq_subject a.faq_open{font-weight:bold; color:#999; 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:60px; 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 #444;color:#999 !important;}
.faq_list > li > dl > dd .faq_cont{padding:25px 25px 25px 70px; overflow:hidden; line-height: 1.4em;color:#999 !important;}
.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:#fff;}
.faq_list > li.show dl dt .faq_subject a{color:fff;}
.faq_list > li.show dl dt .faq_sh .fa-chevron-up{display:block;color:#ff6600;}
.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;}


.faq_table .list_edit > a{padding:0 !important; display:inline-block !important}

@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;}
}