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

#boardlist {width:100%}
#boardlist .category {display: flex; justify-content: center; margin-bottom:48px;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 {font-size: 16px; font-weight: 500; display: flex !important; align-items: center; border: 1px solid #737373; border-radius: 200px; display:block; position:relative; color:#737373; line-height:24px; padding: 12px 16px;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a {background: #000; color:white; border: 1px solid #737373;}
#boardlist .board_col {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;}
#boardlist .board_col caption {padding-bottom:20px; font-weight:bold; text-align:left;}
#boardlist .board_col > thead > tr > th {color: #262626; padding:15px 0; border-top:2px solid black; background:#fafafa; border-bottom:1px solid #e0e0e0; text-align:center; vertical-align:middle;font-size:16px; font-weight: 600; line-height: 24px;}
#boardlist .board_col > tbody > tr > td {padding:16px 0; border-bottom:1px solid #e5e5e5; text-align:center; vertical-align:middle;font-size:14px}
#boardlist .board_col > tbody > tr > td,
#boardlist .board_col > tbody > tr > td * {color:#262626;font-size:16px;font-weight: 400;}
#boardlist .board_col > tbody > tr > td.tal {padding-left:15px !important;}
#boardlist .board_col > tbody > tr > td.notice > a {font-weight: 500;}
#boardlist .board_col > tbody > tr > td.subject img {margin-right:5px; vertical-align:middle;}
#boardlist .page_write {position:relative; min-height:34px; margin-top:30px;}
#boardlist .page_write .write {position:absolute; right:0; top:0;}
#boardlist .board_search {clear:both; text-align:center;}
#boardlist .board_search form {display:inline-block; margin:32px auto 0; ; text-align:center;}
#boardlist .board_search select {border:1px solid #D4D4D4;padding-right: 10px; min-height: 48px;}
#boardlist .board_search input.form_input.search {min-height: 48px; width:288px; border-width:0 1px; padding:5px; border:1px solid #D4D4D4;}
#boardlist .board_search .btn_search {border-radius: 4px; color: white;display:inline-block; width:60px; min-height:48px; background: #262626; vertical-align:top; cursor:pointer;}


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

#boardview .board_row {table-layout:fixed; width:100%; border-top:2px solid black;}
#boardview .board_row tr > th {padding:32px 0 16px 0px; border-bottom:0px solid #e0e0e0; font-weight:bold; text-align:left; vertical-align:middle;font-size:20px;line-height: 30px;}
#boardview .board_row tr > td {padding:0px 0px 32px 0px; border-bottom:1px solid #E5E5E5; text-align:left; vertical-align:middle;font-size:16px}
#boardview .board_row tr > td,
#boardview .board_row tr > td * {color:#737373;font-size:16px; font-weight: 400; line-height: 24px;}
#boardview .board_row tr > td > span:not(:last-child)::after {content: "|";margin: 0 8px;color: #E5E5E5; }
#boardview .board_row tr > td > span > span {color:#262626;font-size:16px; font-weight: 600; line-height: 24px;padding-right: 8px;}
#boardview .boxview {padding:48px 0; border-bottom:1px solid #E5E5E5; 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;font-size:14px}
#boardview .boxview > div img {max-width:100%;}
#boardview .btn {padding:32px 0; text-align:center;}
#boardview .btn .modelete {float:left;}
#boardview .boxview > div *{color:unset;font-weight:unset} 
#boardview .boxview > div b{font-weight:bold}
.box_btn.white * {color: #737373 !important; font-weight: 400 !important; padding: 12px 16px;border-radius: 4px;border: 1px solid #737373}
.box_btn.w100 > * {width: auto !important;}

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

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