@charset "utf-8";
/* CSS Document */
/*********** Base Style ***********/



table.boardList td {padding:30px 10px;}


.listImgWrap {overflow:hidden; position:relative; width:120px; height:120px;}
.listImgWrap img {position:absolute; top:0; left:0; width:100%; height:auto; min-height:100%;}

.boardList .td_subject {vertical-align:top;}
.boardList .etc {font-size:18px; color:#8154af;}
.boardList .title {margin-top:0; font-size:20px; color:#1a1a1a; line-height:27px;}
.boardList .cont {display:block; height:40px; margin:5px 0; font-size:15px; color:#595959; line-height:20px;}
.boardList .btn {width:75px; min-width:75px; padding:0 10px;}


.bListInfo .writer {color:#4a80ce;}

#board_content {
  padding: 100px 0;
}

.blogSkin {}
.blogSkin .boardHeader {
  display: flex;
  gap: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 48px;
}
.blogSkin .boardHeader .thumbnail {
  width: 400px;
  aspect-ratio: 720 / 400;
  border-radius: 4px;
  overflow: hidden;
}
.blogSkin .boardHeader .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogSkin .boardHeader .subjectContainer {
  flex: 1;
  color: #171717;
}
.blogSkin .boardHeader .subjectContainer .subject {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 16px;
}
.blogSkin .boardHeader .subjectContainer .description {
  font-size: 16px;
  line-height: 1.5;
  white-space: pre-wrap;
  color: #595959;
}
.blogSkin .boardHeader .subjectContainer .tags {
  font-size: 14px;
  color: #A88879;
  margin-top: 16px;
}
.blogSkin .boardHeader .subjectContainer .date {
  font-size: 12px;
  color: #a3a3a3;
  margin-top: 16px;
}
.blogSkin .contents {
  color: #171717;
}
.blogSkin .contents img {
  max-width: 95%;
  height: auto;
  border-radius: 4px;
  margin: 16px auto;
}

#blogCategoryBox {}
#blogCategoryBox .category {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
  margin-bottom: 16px;
}
#blogCategoryBox .category li {
  padding: 6px 12px;
  border-bottom: 2px solid transparent;
  color: #868686;
  font-size: 14px;
}
#blogCategoryBox .category li.select {
  border-bottom: 2px solid #A88879;
  color: #A88879;
  font-weight: 500;
}

.blogList {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.blogList .blogItem {
  display: flex;
  gap: 24px;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 24px;
}
.blogList .blogItem .thumbnail {
  width: 300px;
  aspect-ratio: 720 / 400;
  border-radius: 4px;
  overflow: hidden;
}
.blogList .blogItem .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogList .blogItem .subjectContainer {
  flex: 1;
  color: #171717;
}
.blogList .blogItem .subjectContainer .subject {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 8px;
}
.blogList .blogItem .subjectContainer .description {
  font-size: 18px;
  line-height: 1.5;
  color: #595959;
}
.blogList .blogItem .subjectContainer .contentPreview {
  font-size: 16px;
  line-height: 1.5;
  color: #595959;
  margin-top: 12px;
}
.blogList .blogItem .subjectContainer .tags {
  font-size: 14px;
  color: #A88879;
  margin-top: 12px;
}
.blogList .blogItem .subjectContainer .date {
  font-size: 12px;
  color: #a3a3a3;
  margin-top: 12px;
}