#page_blogIndex{background:#fff;}
#page_blogIndex .pageContainer{width:100%; margin:auto; padding:0 var(--main-page-margin) 120px; box-sizing:border-box;}
#page_blogIndex .pageTitle{padding:30px 0; text-align:center; font-size:60px; font-family:"acuminprosemicond-regular";}
#page_blogIndex .bannerBar{display:flex;}
#page_blogIndex .bannerBar .picBar{width:66%;}
#page_blogIndex .bannerBar .pic{padding-top:62.5%; background-position:center; background-size:cover; background-repeat:no-repeat;}
#page_blogIndex .bannerBar .wordBar{width:34%; box-sizing:border-box; padding-left:25px; display:flex; flex-direction:column; justify-content:center;}
#page_blogIndex .bannerBar .wordBar .title{line-height:1; font-size:60px; font-family:"acuminprosemicond-regular";}
#page_blogIndex .bannerBar .wordBar .subTitle{font-size:28px; margin-top:10px;}
#page_blogIndex .bannerBar .wordBar .readMore{display:inline-block; font-size:25px; margin-top:45px; text-decoration:underline;}

#pc_blogIndex_list{display:flex; flex-wrap:wrap; border-top:1px solid #262626; margin-top:50px;}
#pc_blogIndex_list .blogLi{width:32%; margin-left:2%; margin-top:50px;}
#pc_blogIndex_list .blogLi:nth-child(3n+1){margin-left:0;}
#pc_blogIndex_list .blogLi:hover{text-decoration:none;}
#pc_blogIndex_list .blogLi .imgBar{padding-top:62.5%; background:#fff center no-repeat; background-size:cover;}
#pc_blogIndex_list .blogLi .date{margin-top:10px; color:#999; font-size:16px; font-family:"acuminprosemicond-light";}
#pc_blogIndex_list .blogLi .title{font-size:24px; line-height:1; margin-top:10px; font-family:"acuminprosemicond-bold";}
#pc_blogIndex_list .blogLi .btnRead{margin-top:20px; padding-bottom:20px; font-size:16px; line-height:1; text-decoration:underline;}

@media(max-width:1024px){
  #page_blogIndex .pageContainer{padding:0;}
  #page_blogIndex .bannerBar{display:block;}
  #page_blogIndex .bannerBar .picBar{width:100%;}
  #page_blogIndex .bannerBar .wordBar{width:100%; padding:45px 25px 0;}
  #page_blogIndex .bannerBar .wordBar .title{font-size:35px;}
  #page_blogIndex .bannerBar .wordBar .subTitle{font-size:18px;}
  #page_blogIndex .bannerBar .wordBar .readMore{font-size:18px; margin-top:25px;}

  #pc_blogIndex_list{display:block; padding:55px 25px; margin-top:50px;}
  #pc_blogIndex_list .blogLi{display:block; width:100%; margin-top:50px;}
  #pc_blogIndex_list .blogLi:first-child{margin-top:0;}
  #pc_blogIndex_list .blogLi:hover{text-decoration:none;}
  #pc_blogIndex_list .blogLi .title{font-size:24px;}
  #pc_blogIndex_list .blogLi .desc{font-size:17px;}
  #pc_blogIndex_list .blogLi .btnRead{font-size:16px;}
}