/* sub category & sub group */
.container {
width:100%;
margin-top: 40px;
text-align: center;
}
.main ul{
list-style:none;
}

.grp_lst {
text-align: left;
display: inline-block;
vertical-align: top;
margin:20px 5px 0 0;
width:21%;
border-right:solid 1px #ccc;

color: #363636;
}
.grp_lst a{
font-size: 12px;
color: #363636;
text-decoration: none;
}
.grp_lst a:hover{
color:#6e1e1e;
}
.grp_lst_unit {
margin:2em 0;
}
.lst_unitcatl {
text-align: left;
display: inline-block;
vertical-align: top;
margin-top: 20px;
width:78%;
}
div.lst_unitcat{
margin:0 15px 40px;
width:270px;
}
div.lst_unitcat a img{
/*width:270px;*/
max-height: 270px;
max-width:270px;
}
@media screen and (max-width:1280px) {
.grp_lst {
text-align: left;
display:block;
margin:3% auto 5%;
width:98%;
border-right:none;
}
.grp_lst p{
margin-bottom:1%;
}
.grp_lst_unit{
display: inline;
margin:0 1.5% 2% 1.5%;
}
.lst_unitcatl {
text-align:center;
margin-top:5%;
width:78%;
}
}
/*.grp_lst {
  position: relative;
  clear: both;
  margin-left: -2.127%;
  padding-top: 2em;
list-style:none;
}
.grp_lst_unit {
  float: left;
  margin-bottom: 15px;
  margin-left: 2.083%;
  width: 17.916%;
  word-break: break-all;
}
  .grp_lst_unit a {
    display: block;
    padding: .5em;
    background-color: #f1f1f1;
    color: #000;
    text-decoration: none;
  }
  .grp_lst_unit a:hover {
    text-decoration: underline;
  }
  .grp_lst_img {
    display: block;
    margin: 0 auto .5em;
    max-width: 100%;
    height: inherit;
  }
.category_desc_2 {
  padding-top: 2em;
}*/