.page-content {max-width:1170px; margin:0 auto; line-height:22px; word-break: keep-all; word-wrap: break-word;}

.subpage_title {margin:10px 0 30px; padding:0 5px 10px; border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
}
.subpage_title p {font-size:14px; margin:0 0 0; letter-spacing:-0.75px; color:#777;}

/* brand */

#brand_list {clear:both; margin:0 auto; width:100%;}
#brand_list ul {list-style:none; padding:0px; margin:0px;}
#brand_list ul li {border-left:1px solid #dedede; border-bottom:1px solid #dedede;}

#brand_list .brand_item {
    float:left; width:19%; text-align:center;
    letter-spacing: -0.05em; font-family: "Noto Sans KR", "Noto Sans KR", "Noto Sans KR", "Noto Sans KR"; margin:0.33%;
}
#brand_list .brand_item a {display:block; text-decoration:none; ;}
#brand_list .brand_item a:hover {border:1px solid rgb(248, 181, 0);}
/*#brand_list .brand_item a:hover .brand_name {background-color:rgb(248, 181, 0); color:#fff;}*/
/*#brand_list .brand_item a:hover .brand_img {border-bottom:1px solid rgb(248, 181, 0);}*/

#brand_list .brand_img {border-bottom:1px solid #dedede;}
#brand_list .brand_img img {width:100%; height:auto; }/* ??? width: 180px; height: 155px; */
#brand_list .brand_name {height:45px; padding:13px 10px 0 10px; background-color:#f8f8f8; font-size:14px; line-height:1.3em; color:#555;}

@media screen and (max-width:1199px) {
    #brand_list .brand_item {width:19%; margin:0.5%;}
}

@media screen and (max-width:1024px) {
    #brand_list .brand_item {width:24%;}
}

@media screen and (max-width:768px) {
    #brand_list .brand_item {margin:1%; width:31.33%;}
}

@media screen and (max-width:600px) {
    #brand_list .brand_item {width:48%;}
}

.brand_item p{
    text-align: left;
}

.page-content p{
    margin-bottom: 0 !important;
}

.man-title{
    color: rgb(248, 181, 0);
    font-weight: bold;
}