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

#boardlist {width:100%;}
#boardlist .category {width:100%; height:50px; margin:48px 0; text-align:center;}
#boardlist .category > ul {display:flex; gap: 8px;}
#boardlist .category > ul > li {display:table-cell; vertical-align:top;}
#boardlist .category > ul > li > a {border: 1px solid #E5E5E5; display:block;border-radius: 8px; padding: 0 16px; position:relative; height:40px; color:#888; line-height:40px;font-size:16px; font-weight: 500;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a { border:1px solid black; background-color: black; color:white;}
#boardlist .board_search {margin: 16px 0; text-align:start; }
#boardlist .board_search .box {display: flex; text-align:left; height: 48px;}
#boardlist .board_search .box select { left:0; top:0;width:70px; max-height: 48px !important;}
#boardlist .board_search .box .basic_search {margin-top: 0; margin: 0 8px;border:1px solid #D4D4D4; height: 100% !important;}
#boardlist .board_search .box .btn {background-color: black; font-weight: 600; padding: 4px 16px; color: white;  border-radius: 4px;}
#boardlist .board_search .box:after { 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:16px 0; border-top:1px solid #e0e0e0; color:#262626; font-weight:normal; text-align:center;}
#boardlist .board_col > tbody > tr > td {padding-left:0;}
#boardlist .board_col > tbody > tr > td * {color:#262626; font-size: 16px !important; font-style: normal;font-weight: 400 !important; line-height: 24px !important;  }
#boardlist .board_col > tbody > tr > td.faq_notice {padding:15px;}
#boardlist .board_col > tbody > tr > th .icon {display:inline-block; width:32px; height:32px; border-radius:50%; background:#A1A1A1; color:#fff; font-size: 16px; font-weight: 600; align-content: center;line-height: 24px;}
#boardlist .board_col > tbody > tr > th .icon.answer {background:#262626;}
#boardlist .board_col .faqcnt {background:#FAFAFA; 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;}
#boardlist .btn-primary {font-size: 16px; font-weight: 500; line-height: 150%;background-color: white; border-radius: 8px; border: 1px solid #262626;padding: 12px 16px;}


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

#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:#333333; 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 > div {position:relative; margin-bottom:10px;}
#boardwrite fieldset > div:last-child {margin-bottom:0;}
#boardwrite fieldset > div > label {display:none;}
#boardwrite fieldset > div.name {min-height:34px; padding-right:180px; line-height:34px; font-weight:bold;}
#boardwrite fieldset > div.name .form_input {width:90%;}
#boardwrite fieldset > div.name .check {position:absolute; right:0; top:3px;}
#boardwrite fieldset > div.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 적용
/*-----------------------------------------------------------------*/