/* BASIC css start */
/* =============================================================================
   카테고리 category.html
   ========================================================================== */
#category { padding:10px 0px; height:260px; }
#category .cate-list { margin: 15px; border-top: 1px solid #e7e7e7; }
#category .cate-list li { list-style-type: none; border-bottom: 1px solid #e7e7e7; padding-right: 10px; }
#category .cate-list li a { display: block; padding: 10px 15px; font-weight: bold; font-size: .875em; color: #3d3d3d; background: url(/images/d3/m_01/bull/bull_category_list.gif) no-repeat right center; }

#category ul{width:100%; height:auto; padding-left:2px;}
#category li{ float:left; width:24%; padding-right:3px; border-bottom:3px solid #FFF; }
#category li:last-child{ padding-right:0;}
#category ul li img { width:100%; height:95px; padding:0; margin:0;}
#category .linelast{ padding:0; margin:0;}

@media screen and (min-width:420px) and (max-width:767px) {
    #category { height:400px; }
    
    #category ul li img { width:100%; height:120px; padding:0; margin:0;}

}
@media screen and (min-width:768px) {
    #category { height:600px; }
    
    #category ul li img { width:100%; height:200px; padding:0; margin:0;}
}


#category {
    height:auto !important;
    overflow-y:auto !important;
}

#category ul,
#category li {
    float:none !important;
    width:100% !important;
}

.depth2 li {
    display:block !important;
    width:100% !important;
}

#category {
    padding-bottom:80px;
}


.depth2 {
    padding:10px 0 0 30px !important;
}


.depth2 li {
    display:flex !important;
    align-items:center !important;
    height:38px;
    margin-bottom:8px;
}

.depth2 a {
    display:block;
    width:100%;
    font-size:15px;
    color:#333;
    text-decoration:none;
    line-height:1;
}

.depth2 a:active {
    color:#000;
    font-weight:600;
}
/* BASIC css end */