/* =========================================================
   »óÃá°íÅà Æ÷Åä¾Ù¹ü °Ô½ÃÆÇ
   - Ä«Æä24 ºô´õÈ£½ºÆà Àü¿ë
   - º¸´õ ÃÖ¼ÒÈ­
   - radius Á¦°Å
   - ¹öÆ° ¿øº» À¯Áö
   - ¸®½ºÆ® Ä«µåÇü À¯Áö
   - ÀбâÆäÀÌÁö À̹ÌÁö È®´ë ¹æÁö + °¡¿îµ¥ Á¤·Ä
========================================================= */




/* ---------------------------------------------------------
   0. °øÅë
--------------------------------------------------------- */
.sc-photo-board-wrap {
  width: 100%;
}


.sc-photo-board-wrap table {
  max-width: 100%;
}


.sc-photo-board-wrap img {
  max-width: 100%;
  height: auto;
  display: block;
}


.sc-photo-board-wrap a {
  text-decoration: none;
}




/* ---------------------------------------------------------
   1. ÃÖ»ó´Ü °Ô½ÃÆÇ ·¡ÆÛ Å×À̺í Á¤¸®
--------------------------------------------------------- */
.sc-photo-board-wrap > table {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  table-layout: fixed;
}


.sc-photo-board-wrap > table > tbody > tr > td {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}




/* »ó´Ü ¾ãÀº ȸ»ö¼± ¿ÏÈ­ */
.sc-photo-board-wrap table tr td[bgcolor="#E5E5E5"],
.sc-photo-board-wrap table tr td[bgcolor="#e5e5e5"] {
  background: #f5f5f5 !important;
  height: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}




/* ---------------------------------------------------------
   2. ¸®½ºÆ® °Ô½ÃÆÇ Ä«µåÇü
--------------------------------------------------------- */
.sc-photo-board-wrap table.board {
  width: calc(100% + 24px) !important;
  margin: 0 -12px !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  table-layout: fixed !important;
}


.sc-photo-board-wrap table.board > tbody > tr {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


.sc-photo-board-wrap table.board > tbody > tr > td {
  width: calc(33.333% - 24px) !important;
  margin: 0 12px 24px !important;
  border: 0 !important;
  background: #fff !important;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
  vertical-align: top !important;
  float: none !important;
  display: block;
  padding: 0 !important;
}


.sc-photo-board-wrap table.board > tbody > tr > td:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.10);
}




/* ---------------------------------------------------------
   3. ½æ³×ÀÏ
--------------------------------------------------------- */
.sc-photo-board-wrap .webzine_type_img,
.sc-photo-board-wrap .list_img,
.sc-photo-board-wrap .thumb,
.sc-photo-board-wrap .photo,
.sc-photo-board-wrap td .img,
.sc-photo-board-wrap td .image {
  display: block;
  width: 100%;
  overflow: hidden;
  background: #f7f4ef;
}


.sc-photo-board-wrap .webzine_type_img img,
.sc-photo-board-wrap .list_img img,
.sc-photo-board-wrap .thumb img,
.sc-photo-board-wrap .photo img,
.sc-photo-board-wrap td .img img,
.sc-photo-board-wrap td .image img,
.sc-photo-board-wrap table.board > tbody > tr > td img {
  width: 100% !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}


.sc-photo-board-wrap table.board > tbody > tr > td:hover img {
  transform: scale(1.03);
}




/* ---------------------------------------------------------
   4. ¸®½ºÆ® ÅؽºÆ®
--------------------------------------------------------- */
.sc-photo-board-wrap .webzine_type_text,
.sc-photo-board-wrap .txt,
.sc-photo-board-wrap td .text_area,
.sc-photo-board-wrap td .contents {
  padding: 15px 16px 16px !important;
}


.sc-photo-board-wrap .subject,
.sc-photo-board-wrap .title {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #222 !important;
  word-break: keep-all;
}


.sc-photo-board-wrap .name,
.sc-photo-board-wrap .writer,
.sc-photo-board-wrap .date,
.sc-photo-board-wrap .hit,
.sc-photo-board-wrap .comment {
  font-size: 13px;
  line-height: 1.5;
  color: #8a8175;
}


.sc-photo-board-wrap table.board > tbody > tr > td {
  font-size: 15px;
  line-height: 1.65;
  color: #333;
}




/* ---------------------------------------------------------
   5. Ä«Å×°í¸®
--------------------------------------------------------- */
.sc-photo-board-wrap .category,
.sc-photo-board-wrap .category-button-wrapper,
.sc-photo-board-wrap .board-category {
  margin-bottom: 20px;
}


.sc-photo-board-wrap .category a,
.sc-photo-board-wrap .category-button-wrapper a {
  display: inline-block;
  padding: 8px 14px;
  margin: 0 6px 6px 0;
  border: 1px solid #ddd6cd;
  background: #fff;
  color: #5e5449 !important;
  font-size: 14px;
  transition: all 0.2s ease;
}


.sc-photo-board-wrap .category a:hover,
.sc-photo-board-wrap .category-button-wrapper a:hover {
  background: #5f4b32;
  border-color: #5f4b32;
  color: #fff !important;
}




/* ---------------------------------------------------------
   6. ÆäÀÌ¡
--------------------------------------------------------- */
.sc-photo-board-wrap .paging {
  padding: 28px 0 10px !important;
  text-align: center !important;
}


.sc-photo-board-wrap .paging a,
.sc-photo-board-wrap .paging strong,
.sc-photo-board-wrap .paging span {
  display: inline-block;
  min-width: 34px;
  line-height: 34px;
  margin: 0 3px;
  text-align: center;
  font-size: 14px;
  color: #5f5549;
  background: transparent;
  border: 0 !important;
}


.sc-photo-board-wrap .paging strong {
  color: #111;
  font-weight: 700;
}




/* ---------------------------------------------------------
   7. ¹öÆ°Àº ¿øº» ±×´ë·Î À¯Áö
--------------------------------------------------------- */
.sc-photo-board-wrap input[type="button"],
.sc-photo-board-wrap input[type="submit"],
.sc-photo-board-wrap input[type="image"],
.sc-photo-board-wrap button,
.sc-photo-board-wrap .btn,
.sc-photo-board-wrap a[class*="btn"] {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  line-height: normal !important;
  font-size: inherit !important;
}


.sc-photo-board-wrap a img,
.sc-photo-board-wrap input[type="image"] {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  vertical-align: middle;
  transform: none !important;
}


/* ¹öÆ° ¿µ¿ª Á¤·ÄÀº ¿øÇü À¯Áö */
.sc-photo-board-wrap table[align="center"][width="100%"] td,
.sc-photo-board-wrap td[align="right"],
.sc-photo-board-wrap td[align="center"],
.sc-photo-board-wrap td[align="left"] {
  vertical-align: middle;
}




/* ---------------------------------------------------------
   8. °Ë»ö¿µ¿ª
--------------------------------------------------------- */
.sc-photo-board-wrap form,
.sc-photo-board-wrap .board-search-form,
.sc-photo-board-wrap .search {
  margin-top: 18px;
}


.sc-photo-board-wrap input[type="text"],
.sc-photo-board-wrap select,
.sc-photo-board-wrap textarea {
  max-width: 100%;
  border: 1px solid #ddd6cd;
  padding: 10px 12px;
  font-size: 14px;
  background: #fff;
  box-sizing: border-box;
  border-radius: 0 !important;
}




/* ---------------------------------------------------------
   9. Àбâ ÆäÀÌÁö ±âº» Á¤¸®
--------------------------------------------------------- */
.sc-photo-board-wrap table.board[border="1"] {
  border: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}


.sc-photo-board-wrap table.board[border="1"] > tbody > tr {
  display: table-row;
}


.sc-photo-board-wrap table.board[border="1"] > tbody > tr > td {
  width: auto !important;
  margin: 0 !important;
  display: table-cell !important;
  border: 0 !important;
  border-bottom: 1px solid #fff !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: none !important;
  padding: 16px 20px !important;
  background: #fff !important;
}


.sc-photo-board-wrap table.board[border="1"] > tbody > tr > td:hover {
  transform: none !important;
  box-shadow: none !important;
}




/* ---------------------------------------------------------
   10. ÀбâÆäÀÌÁö º»¹® À̹ÌÁö
   - °­Á¦ È®´ë ¹æÁö
   - °¡¿îµ¥ Á¤·Ä
   - ¿øº» ºñÀ² À¯Áö
--------------------------------------------------------- */
.sc-photo-board-wrap .board img,
.sc-photo-board-wrap .board td img,
.sc-photo-board-wrap .board div img,
.sc-photo-board-wrap .board span img {
  max-width: 100% !important;
  height: auto !important;
}


.sc-photo-board-wrap .board td[style*="word-break"],
.sc-photo-board-wrap .board .content,
.sc-photo-board-wrap .board .view_content,
.sc-photo-board-wrap .board .read_content {
  font-size: 15px;
  line-height: 1.9;
  color: #2f2f2f;
  text-align: left !important;
}


/* ÀбâÆäÀÌÁö À̹ÌÁö ÃÖÁ¾ */
.sc-photo-board-wrap .board td img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  margin: 20px auto !important;
}


/* HTML¿¡ width / height ¹ÚÇô À־ °­Á¦ º¸Á¤ */
.sc-photo-board-wrap .board img[width],
.sc-photo-board-wrap .board img[height] {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}


.sc-photo-board-wrap .board a img {
  border: 0 !important;
}




/* ---------------------------------------------------------
   11. ´ñ±Û/Ãßõ/Æò°¡
--------------------------------------------------------- */
.sc-photo-board-wrap .comment,
.sc-photo-board-wrap .comment_list,
.sc-photo-board-wrap .comment_write,
.sc-photo-board-wrap .board-comment {
  margin-top: 20px;
}




/* ---------------------------------------------------------
   12. ºÒÇÊ¿äÇÑ º¸´õ Á¦°Å
--------------------------------------------------------- */
.sc-photo-board-wrap table[border="1"],
.sc-photo-board-wrap table[border="0"] {
  border-color: transparent !important;
}


.sc-photo-board-wrap hr {
  border: 0;
  border-top: 1px solid #eee8e0;
}




/* ---------------------------------------------------------
   13. ¾ãÀº ȸ»ö ±¸ºÐ¼± Á¦°Å
--------------------------------------------------------- */
.sc-photo-board-wrap td[colspan="3"][bgcolor="#E5E5E5"],
.sc-photo-board-wrap td[colspan="3"][bgcolor="#e5e5e5"] {
  display: none !important;
}


/* ¸®½ºÆ® ÇÏ´Ü ÆäÀÌ¡/±Û¾²±â ¿µ¿ª ¿©¹é */
.sc-photo-board-wrap table[align="center"][width="100%"] > tbody > tr > td {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}




/* ---------------------------------------------------------
   14. ¹ÝÀÀÇü
--------------------------------------------------------- */
@media (max-width: 1024px) {
  .sc-photo-board-wrap table.board > tbody > tr > td {
    width: calc(50% - 24px) !important;
  }
}


@media (max-width: 767px) {
  .sc-photo-board-wrap table.board {
    width: 100% !important;
    margin: 0 !important;
  }


  .sc-photo-board-wrap table.board > tbody > tr {
    display: block;
  }


  .sc-photo-board-wrap table.board > tbody > tr > td {
    width: 100% !important;
    margin: 0 0 18px !important;
    display: block !important;
  }


  .sc-photo-board-wrap .webzine_type_img img,
  .sc-photo-board-wrap .list_img img,
  .sc-photo-board-wrap .thumb img,
  .sc-photo-board-wrap .photo img,
  .sc-photo-board-wrap td .img img,
  .sc-photo-board-wrap td .image img,
  .sc-photo-board-wrap table.board > tbody > tr > td img {
    aspect-ratio: 4 / 3;
  }


  .sc-photo-board-wrap input[type="text"],
  .sc-photo-board-wrap select,
  .sc-photo-board-wrap textarea {
    width: 100%;
  }
}




/* ---------------------------------------------------------
   15. ¸ð¹ÙÀÏ Àбâ Ç¥ ±úÁü ¹æÁö
--------------------------------------------------------- */
@media (max-width: 767px) {
  .sc-photo-board-wrap table,
  .sc-photo-board-wrap tbody,
  .sc-photo-board-wrap tr,
  .sc-photo-board-wrap td {
    max-width: 100%;
  }


  .sc-photo-board-wrap .board td {
    word-break: break-word;
  }
}