@charset "UTF-8";

.main #about.blogDetail .blog_inner,
.main #about.blogListMain .blog_inner{
    border-bottom: 0;
    padding:0;
    margin-bottom:40px;
}

.shop .main #about.blogListMain .blog_publish .publish_date ,
#about .blogDetail .publish_date{
font-size:13px;
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  letter-spacing:0.02rem;
}
.shop .main #about.blogListMain .blog_publish{margin: 0;}

.main #about .blog_inner .blog_contents div.read_more{
background:none;
margin-top:30px;
padding:0;
bottom:auto;
position: relative;
text-align:center;
}
.main #about .blog_inner .blog_contents div.read_more a{color:var(--black);padding:8px 15px;display:block;
font-size:14px;
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  letter-spacing:0.02rem;
  background-color: var(--btn-bg);}
.main #about .blog_inner .blog_contents div.read_more a:hover{background-color:var(--hover-bg);}

.main #about.blogListMain .blog_inner .blog_contents {
    height: auto;
    overflow: hidden;
}

@media (max-width:767px){ .blogListMain, .blogDetail{margin:30px;}}
@media (min-width:768px){ .blogListMain, .blogDetail{margin:30px auto 40px;width:calc(100vw - 80px);}}
@media (min-width:1024px){ .blogListMain, .blogDetail{margin:30px auto 80px;width:calc(100vw - 110px);}}
@media (min-width:1400px){ .blogListMain, .blogDetail{width:1200px;}}
@media (min-width:1920px){ .blogListMain, .blogDetail{width:1700px;}}

@media (min-width:768px){
.main #about.blogListMain .blog_inner{
display:grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 35px 20px auto;
gap:15px 40px;}
.blog_head_image{	grid-row: 1 / 4;	grid-column: 1 / 2;}
.blog_title{	grid-row: 1 / 2;	grid-column: 2 / 3;}
.blog_publish{	grid-row: 2 / 3;	grid-column: 2 / 3;}
.blog_contents{	grid-row: 3 / 4;	grid-column: 2 / 3;}
}

@media (min-width:1280px){.blogListMain{grid-template-columns: 3fr 5fr;gap:15px 40px;}}



.main #about.blogDetail .blog_contents div{font-size:14px;margin-top:10px;}
.main #about.blogDetail .blog_contents div br{display:none;}
.main #about.blogDetail .blog_contents .social{display:none;}