html {scroll-behavior: smooth;}
body {
  background-color: var(--color-background);
  font-family: -apple-system, Noto Sans KR, Segoe UI, sans-serif;
  font-size: 15px;
  color: #222;
  letter-spacing: -0.01em;
  line-height: 1.8;
}

pre {
  font-family: 돋움체;
  font-weight:bold;
  font-size: 15px;
  color: blue;
  line-height: 1.5;
}
kbd {
    font-size: 1.5em;
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem;
}
a {
  color: blue;
}
em {
  font-weight:bold;
}  

.w3-table{border-collapse:collapse;border-spacing:0;width:100%;display:table; border:1px solid var(--theme-table-border);border-radius:8px; }
.w3-table th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:middle;border:1px solid #ccc;font-weight:bold;background-color: var(--theme-th);}
.w3-bordered tr{border-bottom: 1px solid var(--theme-th);}
.zzw3-table td{padding:8px 8px;display:table-cell;text-align:left;vertical-align:middle;zzborder:1px solid #ccc;}

.bbslink a:link {color:black; text-decoration:none;}     /* 게시판 제목 글자색 */
.bbslink a:visited {color:silver; text-decoration:none;} /* 게시판 제목 방문후 글자색 */
.yg-silver,.yg-hover-silver:hover{color:#000!important;background-color:silver!important} /* 기본 은색*/

.bbs_view {  /* 게시글 내용보기 */
  min-height: 300px;
  padding: 10px;
  margin-bottom: 20px;
  padding-bottom: 30px;
}

.bbs_view p  {  /* 게시글 내용의 p 문단 아래에 여백없애기 */
  margin-bottom: 0px;
}

.bbs_noflow { /* 게시글 작성자가 길 때 아래줄로 안가고 ...로 표시 */
  text-overflow: ellipsis; 
  overflow: hidden; 
  white-space:nowrap;
}

.blog_edit {  /* blog 컨텐츠 추가,수정 폰트 */
  font-family: 'D2Coding',굴림,돋움체;
  font-size: 10pt;
  padding: 10px;
}

.modal-title {  /* lightbox 모달 이미지 상단 타이틀 폰트 */
  font-size: 1rem; 
  font-weight:bold
}

.maroon {
  color: maroon;
  font-weight:bold 
}

.w10 { width: 10%}
.w20 { width: 20%}
.w80 { width: 80%}
.w90 { width: 90%}
.w100 { width: 100%}

h5, h6 { 
  font-weight:bold;
}  

.clearfix::after{ clear:both; content:""; display:block; }  

.layout2-wrap{padding:70px 40px 10px 40px}

.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child {
    padding-left: 8px;
}

@media (max-width: 800px) {

.w3-col.s9{ width:100%;}
.layout2-wrap{padding:70px 20px 10px 20px}
.m-block{ display:block;}
}