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

#boardlist {width:100%;}
#boardlist .cateList {display:table; width:100%; height:50px; margin-bottom:20px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; 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:48px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; color:#888; font-size:14px !important; line-height:48px;}
#boardlist .cateList > ul > li > a > strong {display:block; height:inherit; border-bottom:1px solid #fff; font:inherit; color:#333; font-weight:bold; line-height:inherit;}
#boardlist .cateList > ul > li > a.active,
#boardlist .cateList > ul > li.active > a {border-bottom:1px solid #fff; color:#333; font-weight:bold;}
#boardlist .board_search {margin:20px 0; padding:20px; text-align:center; background:#f5f5f5;}
#boardlist .board_search .box {position:relative; padding:0 50px 0 80px; text-align:left;}
#boardlist .board_search .box select {position:absolute; left:0; top:0; width:70px; border:0; background:none;}
#boardlist .board_search .box .basic_search {border:0; background:transparent; font-size:14px;}
#boardlist .board_search .box .btn {position:absolute; right:0; top:7px;}
#boardlist .board_search .box:after {position:absolute; right:35px; top:4px; width:1px; height:25px; background:#c9c8c8; content:'';}
#boardlist .board_col {table-layout:fixed; width:100%; border-bottom:1px solid #e0e0e0;}
#boardlist .board_col > thead {display:none;}
#boardlist .board_col > tbody > tr > th,
#boardlist .board_col > tbody > tr > td {padding:15px; border-top:1px solid #e0e0e0; color:#333; font-weight:normal; text-align:center; vertical-align:middle;}
#boardlist .board_col > tbody > tr > td {padding-left:0;}
#boardlist .board_col > tbody > tr > td * {color:#666;}
#boardlist .board_col > tbody > tr > td.faq_notice {padding:15px;}
#boardlist .board_col > tbody > tr > th .icon {display:inline-block; width:24px; height:24px; border-radius:50%; background:#777474; color:#fff; font-family:'arial'; text-align:center; line-height:24px;}
#boardlist .board_col > tbody > tr > th .icon.answer {background:#ef6363;}
#boardlist .board_col .faqcnt {background:#f5f5f5; word-break:break-all; word-wrap:break-word;}
#boardlist .board_col .faqcnt .contents * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardlist .board_col .faqcnt .btn {padding-top:10px; text-align:left;}
#boardlist .page_write {position:relative; min-height:34px; margin-top:30px;}
#boardlist .page_write .write {position:absolute; right:0; top:0;}


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

#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 적용
/*-----------------------------------------------------------------*/