/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/

#boardlist {width:100%;}
#boardlist .cateList {display:table; width:100%; height:36px; margin-bottom:20px; text-align:center;}
#boardlist .cateList > ul {display:table-row;}
#boardlist .cateList > ul > li {display:table-cell; width:5%; vertical-align:top;}
#boardlist .cateList > ul > li > a {display:block; position:relative; height:36px; color:#000; font-size:13px; line-height:36px; border-top:2px solid #000; border-bottom:2px solid #000;}
#boardlist .cateList > ul > li > a:after {position:absolute; top:0; right:0; width:2px; height:34px; background:#000; content:'';}
#boardlist .cateList > ul > li.active a {border-color:#CEBFA5;}
#boardlist .cateList > ul > li.active a:after {background:#CEBFA5;}
#boardlist .cateList > ul > li.active a:before {position:absolute; top:-2px; left:-2px; width:2px; height:36px; background:#cebfa5; content:''; z-index:2;}
#boardlist .cateList > ul > li:first-child.active a:before {background:#cebfa5;}
#boardlist .cateList > ul > li:first-child a:before {position:absolute; top:0; left:0; width:2px; height:34px; background:#000; content:'';}
#boardlist .cateList > ul > li:hover a,
#boardlist .cateList > ul > li:hover strong {color:#606060;}
#boardlist .cateList > ul > li > a > strong {display:block; height:inherit; font:inherit; color:#333; line-height:inherit;}
#boardlist .cateList > ul > li.active > a {color:#000;}


#boardlist .board_faq {}
#boardlist .board_faq li {padding-bottom:10px;}
#boardlist .board_faq li dl {}
#boardlist .board_faq li dl dt {display:inline-block; width:100%; }
#boardlist .board_faq li dl dt.content_dt {display:inline-block; padding:10px 30px 40px 45px; background-color:#fff;}
#boardlist .board_faq li dl dt.content_dt *{font-size:13px; color:#929292; line-height:20px;}
#boardlist .board_faq li dl dt > a {display:inline-block; width:100%; padding:19px 20px; background-color:#ebebeb;}
#boardlist .board_faq li dl dt a span {padding-left:25px; font-size:16px; line-height:24px; color:#606060; background:url('img/down_arrow.png')no-repeat left; background-size:14px 8px; }
#boardlist .board_faq li dl.active dt a span {background:url('img/up_arrow.png')no-repeat left; background-size:14px 8px; }
#boardlist .page_write {position:relative; min-height:34px; margin-top:30px; text-align:center;}
#boardlist .page_write .write {position:absolute; right:0; top:0;}
#boardlist .other_qna_wrap {padding-top:80px;}
#boardlist .other_qna_wrap .other_qna_box {display:inline-block; width:100%; padding-top:40px; border-top:1px solid #ebebeb; text-align:center;}
#boardlist .other_qna_wrap .other_qna_box p.txt_1 {font-size:13px; color:#606060;}
#boardlist .other_qna_wrap .other_qna_box p.txt_2 {font-size:23px; color:#000; padding:10px 0 30px 0;}
#boardlist .other_qna_wrap .other_qna_box a {display:inline-block; padding:12px 40px; background:#000;}
#boardlist .other_qna_wrap .other_qna_box a span {font-size:13px; color:#fff; line-height:13px;}


/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/

#boardview .board_row {table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;}
#boardview .board_row tr > th {padding:15px 0 15px 30px; border-bottom:1px solid #e0e0e0; color:#33; font-weight:normal; text-align:left; vertical-align:middle;}
#boardview .board_row tr > td {padding:15px 10px; border-bottom:1px solid #e0e0e0; color:#666; text-align:left; vertical-align:middle;}
#boardview .boxview {padding:30px; border-bottom:1px solid #e0e0e0; text-align:left;}
#boardview .boxview > div {word-break:break-all; word-wrap:break-word;}
#boardview .boxview > div * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview .boxview > div img {max-width:100%;}
#boardview .btn {padding:20px 0; text-align:right;}
#boardview .btn .modelete {float:left;}


/*-----------------------------------------------------------------*/
/* 쓰기
/*-----------------------------------------------------------------*/

#boardwrite {width:100%; background:#f5f5f5; text-align:center;}
#boardwrite form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;}
#boardwrite fieldset .fld {position:relative; margin-bottom:10px;}
#boardwrite fieldset .fld:last-child {margin-bottom:0;}
#boardwrite fieldset .fld > label {display:none;}
#boardwrite fieldset .fld.name {min-height:34px; padding-right:180px; line-height:34px; font-weight:bold;}
#boardwrite fieldset .fld.name .form_input {width:90%;}
#boardwrite fieldset .fld.name .check {position:absolute; right:0; top:3px;}
#boardwrite fieldset .fld.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding:20px 0; text-align:center;}


/*-----------------------------------------------------------------*/
/* 비밀번호 확인
/*-----------------------------------------------------------------*/

#boardpw {padding:40px 0; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;}
#boardpw h3 {padding-bottom:15px;}
#boardpw p {margin-bottom:20px; color:#888;}
#boardpw .form_input {width:330px; margin-bottom:20px;}


/*-----------------------------------------------------------------*/
/* 댓글목록, 댓글쓰기 - 스킨공통css 적용
/*-----------------------------------------------------------------*/