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

#boardlist {width:100%;}
div.category {width: 100%; justify-content: center; display:flex; text-align:center; padding-top: 48px;}
@media all and (max-width: 500px) {div.category {padding: 16px;}}
div.category > ul {display:table-row;}
div.category > ul > li {display:table-cell; vertical-align:top;}
div.category > ul > li > a { font-size: 16px; font-weight: 500; display: flex !important; align-items: center; border: 1px solid #e5e5e5; border-radius: 200px; display:block; position:relative; color:#737373; line-height:24px;padding: 12px 16px;}
div.category > ul > li.cate_all > a,
div.category > ul > li.selected > a {background-color:#262626; font-weight:bold; border-color:#262626; color: white;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px; }
#boardlist table {table-layout:fixed; width:100%;}
#boardlist table tr > td {padding-bottom:40px; text-align:left; vertical-align:top; width:610px;}
#boardlist table tr > td .box {width:610px; margin:0 auto; text-align:center;}
#boardlist table tr > td .box .img {width:610px; height:300px; border:1px solid #dcdcdc;}
#boardlist table tr > td .box .img img {width:100%; height:100%;object-fit: cover;}
#boardlist table tr > td .subject {padding:20px 0 10px;font-size:14px}
#boardlist table tr > td .subject strong a{font-size:14px}
#boardlist table tr > td .date {color:#888; font-size:14px;}
#boardlist table tr > td.notice {position:relative; padding:0 70px 15px 0;}
#boardlist table tr > td.notice > .date {position:absolute; right:0; top:0;}
#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:30px auto 0; padding:5px; border:1px solid #dcdcdc; text-align:center;}
#boardlist .board_search select {border:0;}
#boardlist .board_search input.form_input.search {width:300px; border-width:0 1px;}
#boardlist .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('/board/_skin/gallery_general/img/btn_search.png') no-repeat center; vertical-align:top; text-indent:-9999px; 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;}
#boardview .boxview > div img {max-width:100%;}
#boardview .btn {padding:32px 0; text-align:center;}
#boardview .btn .modelete {float:left;}
.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 적용
/*-----------------------------------------------------------------*/