@charset "utf-8";

/* 게시판 목록 */
#bo_list {position:relative;margin-bottom:20px}
#bo_cate a {border-radius:30px;}

#gall_allchk.chk_box{display: inline-block; margin-right:5px;}

/* 게시판 목록 공통 */


.historyWrite ul{font-size: 0;}
.historyWrite ul li{display: inline-block; font-size: 1.6rem; vertical-align: middle;}
.historyWrite .title{width:12%; font-size:1.8rem;}
.historyWrite .cont{width:88%;}
.historyWrite .historyTxtarea{width:100%; height:150px; border:1px solid #e1e1e1; padding:10px;}
#bo_w .bo_w_flie .frm_file{margin:10px 0;}

.historyList{margin-top:60px;}

.historyList .historyUl{font-size: 0; padding:50px 0; border-bottom: 1px solid #e1e1e1; position:relative;}
  .historyList .historyUl:first-child{border-top: 1px solid #e1e1e1}
.historyList .historyUl .historyLi{ display: inline-block; font-size:1.6rem; vertical-align: top; }

.historyList .historyLi.historyYear{ width:20%; font-size: 3.5rem; font-weight: 600; line-height:1.4em }
.historyList .historyLi.historyYear span{display: block;}
.historyList .historyLi.historyYear .history_updBtn{ margin-top:15px }

.historyList .historyLi.historyMonth {width:50%; font-size: 0; padding-right:20px;}
.historyList .historyLi.historyMonth span{ display: inline-block; vertical-align: top; padding-bottom:15px }
.historyList .historyLi.historyMonth .month{ width:13%; font-size: 2rem; font-weight: 500; line-height:1.6em}
.historyList .historyLi.historyMonth .monthCnt{ width:87%; font-size: 1.6rem; line-height:1.8em}

.historyList .historyLi.historyImg{width:30%}
.historyList .historyLi.historyImg .historyThum{width:100%}

@media screen and (max-width:1024px){
  .historyList .historyUl{padding:40px 20px}
  .historyList .historyLi.historyYear{ width:100%; margin-bottom:30px}
    .historyList .historyLi.historyYear span{display: inline-block; vertical-align: middle;}
    .historyList .historyLi.historyYear .history_updBtn{ margin-top:0; margin-left:5px; vertical-align: middle;}
  .historyList .historyLi.historyMonth {width:60%;}
    .historyList .historyLi.historyMonth span{ padding-bottom:8px }
    .historyList .historyLi.historyMonth .month{ width:15%;}
    .historyList .historyLi.historyMonth .monthCnt{ width:85%}
  .historyList .historyLi.historyImg{width:40%}

}
@media screen and (max-width:768px){
  .historyList{margin-top:40px;}
  .historyList .historyLi.historyYear{ font-size: 2.8rem; }
  .historyList .historyUl{padding:40px 20px}
  .historyList .historyLi.historyMonth {width:100%;}
  .historyList .historyLi.historyImg{width:100%; margin-top:20px}
  .historyList .historyLi.historyImg .historyThum{width:80%}
}
@media screen and (max-width:560px){
  .historyList .historyUl{padding:30px 0}
  .historyList .historyLi.historyImg .historyThum{width:100%}
}