/* ==============================
BOARD 15 RESET
============================== */


#sh_content .board,
#sh_content .board * {
box-sizing: border-box;
}


#sh_content .board {
width: 100% !important;
border: 0 !important;
border-collapse: collapse !important;
font-family: "Pretendard", "Noto Sans KR", "¸¼Àº °íµñ", sans-serif !important;
color: #222 !important;
background: #fff !important;
}


#sh_content .board a {
color: inherit !important;
text-decoration: none !important;
}


#sh_content table[bgcolor="#E5E5E5"],
#sh_content td[bgcolor="#E5E5E5"],
#sh_content table[bordercolor="#E5E5E5"] {
border: 0 !important;
background: none !important;
}



/* ==============================
GALLERY LIST PAGE
============================== */


body.list_form #sh_content .board > tbody > tr {
display: flex;
flex-wrap: wrap;
gap: 38px 16px;
}


body.list_form #sh_content .board > tbody > tr > td {
display: block !important;
width: calc((100% - 48px) / 4) !important;
padding: 0 !important;
border: 0 !important;
text-align: left !important;
vertical-align: top !important;
}


body.list_form #sh_content .board > tbody > tr > td > table,
body.list_form #sh_content .board > tbody > tr > td > table > tbody,
body.list_form #sh_content .board > tbody > tr > td > table > tbody > tr,
body.list_form #sh_content .board > tbody > tr > td > table > tbody > tr > td,
body.list_form #sh_content .bbsnewf5 > table,
body.list_form #sh_content .bbsnewf5 > table > tbody,
body.list_form #sh_content .bbsnewf5 > table > tbody > tr,
body.list_form #sh_content .bbsnewf5 > table > tbody > tr > td {
display: block !important;
width: 100% !important;
border: 0 !important;
padding: 0 !important;
text-align: left !important;
}


body.list_form #sh_content .bbsnewf5 {
width: 100% !important;
padding: 0 !important;
font-size: 14px !important;
font-family: inherit !important;
color: #222 !important;
}


body.list_form #sh_content .bbsnewf5 img {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 1 / 1;
object-fit: cover;
border: 0 !important;
background: #f5f5f5;
}


body.list_form #sh_content .gallery_subject {
padding-top: 13px !important;
text-align: left !important;
}


body.list_form #sh_content .gallery_title {
display: block;
width: 100%;
padding-top: 10px;
font-size: 16px !important;
line-height: 1.45;
font-weight: 500;
color: #111 !important;
letter-spacing: -0.04em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


body.list_form #sh_content .gallery_subject a:hover .gallery_title {
text-decoration: underline;
}


body.list_form #sh_content .gallery_etc {
display: none !important;
}



/* ==============================
READ FORM PAGE
body.read_form Àü¿ë
============================== */


body.read_form #sh_content .board > tbody > tr {
display: table-row !important;
}


body.read_form #sh_content .board > tbody > tr > td {
display: table-cell !important;
width: auto !important;
padding: 0 !important;
border: 0 !important;
}


body.read_form #sh_content .board {
table-layout: fixed !important;
}


/* Á¦¸ñ ¶óº§ */
body.read_form #sh_content .board .board_bgcolor {
display: table-cell !important;
width: 120px !important;
padding: 16px 10px !important;
background: #fafafa !important;
border-bottom: 1px solid #eee !important;
text-align: center !important;
}


body.read_form #sh_content .board .board_bgcolor font {
font-size: 13px !important;
color: #777 !important;
}


/* Á¦¸ñ ³»¿ë */
body.read_form #sh_content .board .board_desc {
display: table-cell !important;
width: auto !important;
padding: 16px 20px !important;
border-bottom: 1px solid #eee !important;
font-size: 14px !important;
font-weight: normal !important;
color: #555 !important;
text-align: left !important;
line-height: 1.6 !important;
}


/* º»¹® ¿µ¿ª */
body.read_form #sh_content .board .board_description {
display: table-cell !important;
width: 100% !important;
padding: 50px 20px !important;
border: 0 !important;
overflow: visible !important;
text-align: center !important;
}


body.read_form #sh_content #post_area {
width: 100% !important;
padding: 0 !important;
overflow: visible !important;
font-size: 15px !important;
line-height: 1.8 !important;
color: #333 !important;
text-align: center !important;
}


body.read_form #sh_content #post_area * {
text-align: center !important;
}


body.read_form #sh_content #post_area img {
display: block !important;
max-width: 100% !important;
height: auto !important;
margin: 0 auto !important;
}


/* ÇÏ´Ü ¹öÆ° ¿µ¿ª */
body.read_form #sh_content .bbsnewf5 {
padding-top: 24px !important;
font-size: 14px !important;
}



/* ==============================
BUTTON IMAGE FIX
============================== */


#sh_content img[src*=".gif"] {
width: auto !important;
height: auto !important;
max-width: none !important;
aspect-ratio: auto !important;
}



/* ==============================
PAGING
============================== */


#sh_content .paging {
padding-top: 40px;
font-size: 14px !important;
color: #111 !important;
text-align: center;
}


#sh_content .paging a {
margin: 0 5px;
color: #777 !important;
font-size: 14px !important;
}


#sh_content .paging a:hover {
color: #111 !important;
}



/* ==============================
ADMIN AREA
============================== */


#sh_content .board .board_admin_bgcolor table tbody tr td {
display: inline !important;
}



/* ==============================
RESPONSIVE
============================== */


@media (max-width: 1024px) {


#sh_content{ padding: 0 16px 0; }

body.list_form #sh_content .board > tbody > tr > td {
width: calc((100% - 32px) / 3) !important;
}
}


@media (max-width: 768px) {


#sh_content{ padding: 0 16px 0; }

body.list_form #sh_content .board > tbody > tr {
gap: 30px 12px;
}


body.list_form #sh_content .board > tbody > tr > td {
width: calc((100% - 12px) / 2) !important;
}


body.list_form #sh_content .gallery_title {
font-size: 14px !important;
}


body.read_form #sh_content .board .board_bgcolor {
width: 90px !important;
}


body.read_form #sh_content .board .board_desc {
padding: 14px 12px !important;
}


body.read_form #sh_content .board .board_description {
padding: 40px 10px !important;
}
}


@media (max-width: 480px) {
body.list_form #sh_content .board > tbody > tr > td {
width: 100% !important;
}
}



body.list_form #sh_content .board > tbody > tr > td.board_admin_bgcolor table tbody tr td{ display: inline !important; }





/* ==============================
WRITE / UPDATE FORM PAGE
============================== */


body.write_form #sh_content table,
body.update_form #sh_content table {
border: 0 !important;
border-collapse: collapse !important;
}


body.write_form #sh_content .board,
body.update_form #sh_content .board {
display: table-row !important;
}


body.write_form #sh_content .board_bgcolor,
body.update_form #sh_content .board_bgcolor {
width: 120px !important;
padding: 16px 10px !important;
background: #fafafa !important;
border-bottom: 1px solid #eee !important;
text-align: center !important;
font-size: 13px !important;
color: #777 !important;
}


body.write_form #sh_content .board_bgcolor span,
body.update_form #sh_content .board_bgcolor span {
font-size: 13px !important;
color: #777 !important;
}


body.write_form #sh_content .board_desc,
body.update_form #sh_content .board_desc {
padding: 16px 20px !important;
border-bottom: 1px solid #eee !important;
text-align: left !important;
font-size: 14px !important;
color: #555 !important;
}


body.write_form #sh_content input[type="text"],
body.write_form #sh_content input[type="password"],
body.write_form #sh_content input[type="file"],
body.update_form #sh_content input[type="text"],
body.update_form #sh_content input[type="password"],
body.update_form #sh_content input[type="file"] {
height: 38px !important;
padding: 0 12px !important;
border: 1px solid #ddd !important;
font-size: 14px !important;
font-family: "Pretendard", "Noto Sans KR", sans-serif !important;
color: #333 !important;
box-sizing: border-box;
}


body.write_form #sh_content input[name="subject"],
body.update_form #sh_content input[name="subject"] {
width: 100% !important;
max-width: 600px !important;
}


body.write_form #sh_content .nneditor-container,
body.update_form #sh_content .nneditor-container {
width: 100% !important;
border: 1px solid #ddd !important;
box-sizing: border-box;
}


body.write_form #sh_content .seLayout,
body.update_form #sh_content .seLayout {
width: 100% !important;
}


body.write_form #sh_content .nneditor-toolbar-container,
body.update_form #sh_content .nneditor-toolbar-container {
background: #fafafa !important;
border-bottom: 1px solid #eee !important;
}


body.write_form #sh_content .nneditor-table td,
body.write_form #sh_content .seLayout td,
body.update_form #sh_content .nneditor-table td,
body.update_form #sh_content .seLayout td {
display: table-cell !important;
width: auto !important;
padding: 0 !important;
}


body.write_form #sh_content img[src*=".gif"],
body.write_form #sh_content input[type="image"],
body.update_form #sh_content img[src*=".gif"],
body.update_form #sh_content input[type="image"] {
width: auto !important;
height: auto !important;
max-width: none !important;
aspect-ratio: auto !important;
}


body.write_form #sh_content table[align="center"] td,
body.update_form #sh_content table[align="center"] td {
padding-top: 24px !important;
}


body.write_form #sh_content .bbsnewf5,
body.update_form #sh_content .bbsnewf5 {
text-align: center !important;
}