.blogH_header {flex: 1; padding: 20px; display: flex; flex-direction: column; justify-content: flex-end;}
.blogH_header h1 {font-size: 26px; line-height: 1.1; margin: 0; padding: 5px 0px; font-weight: 700; color: #000;}
.blogH_header h2 {font-size: 18px; line-height: 1.2; margin: 0; padding: 10px 0px; font-weight: 600; color: #777;}
.blogH_header .blogH_date {font-size: 12px; line-height: 1.2; margin: 0; padding: 10px 0px; padding-top: 0px; font-weight: 500; color: #797979;}
.ql-editor {padding-top: 20px;}
.ql-editor h1 {font-size: 30px; line-height: 1.2; margin: 0; padding: 5px 0px; font-weight: 700; color: #3175ac;}
.ql-editor h2 {font-size: 22px; line-height: 1.2; margin: 0; padding: 5px 0px; font-weight: 700; color: #999;}
.ql-hidden {display: none;}
.blogH_headerHeight {height: 170px;}
.blogH_headerBox {background-color: #fafafa; margin: 0; padding: 0; box-shadow: 0px 0px 14px 0px #aaa; position: relative; z-index: 2;}
.blogH_headerInnerBox {display: flex; flex-direction: row; padding: 0;}
.blogH_breadcrumb {font-size: 11px; color: #999; padding: 10px 0px; padding-bottom: 0px; line-height: 1.5;}
.blogH_breadcrumbLink {font-size: 11px; color: #999; }
.blogH_imageBox {width: 400px;}

@media only screen and (max-width: 1024px) {
  .blogH_imageBox {width: 320px;}
  .blogH_header { padding: 15px;}
  .blogH_header h1 {font-size: 22px; line-height: 1.3;}
  .blogH_header h2 {font-size: 17px; line-height: 1.3;}
}
@media only screen and (max-width: 900px) {
  .blogH_headerHeight {height: 97px;}
  .blogH_header { padding: 15px 10px;}
}
@media only screen and (max-width: 720px) {
  .blogH_imageBox {width: 100%;}
  .blogH_headerInnerBox {flex-direction: column-reverse;}
  .blogH_header h1 {text-align: left;font-size: 19px; line-height: 1.3;}
  .blogH_header h2 {text-align: left;font-size: 16px; line-height: 1.3;}
  .blogH_header .blogH_date {text-align: left;}
  .blogH_breadcrumb {text-align: left;}
    .blogH_headerHeight {height: 97px;}
}