.main_brand {position: relative; display: flex; flex-wrap: wrap; justify-content:flex-start; align-items: flex-start; position: relative; width:100%; max-width:1280px; height:auto; margin:0 auto;}
.main_brand ul.brand_tit {font-size:26px; font-weight: 700; margin-bottom: 20px; color:#2e2e2e;}


/* 추가시작 */
/* 추가끝 */

/* 추가시작 */
.sub_brand {position: relative; display: flex; flex-wrap: wrap; justify-content:flex-start; align-items: flex-start; position: relative; width:100%; max-width:1280px; height:1380px; margin:0 auto;}
.sub_brand ul.brand_tit {font-size:26px; font-weight: 700; margin-bottom: 20px; color:#2e2e2e;}
/* 추가끝 */



.tab-wrap {position: relative; width: 100%; height: content; border: 1px solid #ddd; border-radius: 20px; overflow: hidden;background: #f9f9f9;}

.tab-menu {
background: #eee;
overflow-x: auto;
}

.tabs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
	padding: 10px;
    margin: 0;
    list-style: none;
    gap: 10px;
    overflow-x: auto;
}

.tabs::-webkit-scrollbar { display: none; -ms-overflow-style: none; scrollbar-width: none; }

        .tabs li {
	        font-size:16px;
	        font-weight: 500;
            padding: 10px 15px;
            cursor: pointer;
            color: #555;
            border-radius: 100px;
            white-space: nowrap;
            -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;	

        }
        
        .tabs li:hover {background: #ddd;}

        .tabs li.active {
            background: #f54b40;
            color: #fff;
            font-weight: 700;
        }
        
        
        .tabs li.active .count {
            background: #459DD1;
        }
		
		.count {border-radius: 100px; background:rgba(0, 0, 0, 0.25); color:#fff; font-weight: 700; padding:2px 5px; font-size:11px; margin-left:3px; }
		
        .content-wrapper {
            height: 350px;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 30px;
            background: #f9f9f9;
        }
/* 추가시작 */
		.content-wrapper2 {
            height: 1220px;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 30px;
            background: #f9f9f9;
        }

/* 추가끝 */


		

        
        
        
.content-wrapper::-webkit-scrollbar {display: block;width: 1px;background: #fff; }
.content-wrapper::-webkit-scrollbar-thumb {background: linear-gradient(transparent,#F64B40,transparent);}
.content-wrapper::-webkit-scrollbar-track {background:#eee;}


        .brand-logos {
            display: none;
            flex-wrap: wrap;
            gap: 23px;
            justify-content: flex-start;
            
        }
		
        
        .brand-logos.active {
            display: flex;
        }

        .brand-logos img {
            width: 78px;
            height: 78px;
            object-fit: cover;
            border-radius: 15px;
            padding:10px;
            border: 1px solid #ddd;
            background: #fff;
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;	

        }
        .brand-logos img:hover {
	      border: 1px solid #666;
        }

/* 추가시작 */
.content-wrapper2::-webkit-scrollbar {display: block;width: 1px;background: #fff; }
.content-wrapper2::-webkit-scrollbar-thumb {background: linear-gradient(transparent,#F64B40,transparent);}
.content-wrapper2::-webkit-scrollbar-track {background:#eee;}


        .brand-logos2 {
            display: none;
            flex-wrap: wrap;
            gap: 32px;
            justify-content: flex-start;
            
        }
		
        .brand-logos2.active {
            display: flex;
        }

        .brand-logos2 img {
            width: 79px;
            height: 79px;
            object-fit: cover;
            border-radius: 15px;
            padding:10px;
            border: 1px solid #ddd;
            background: #fff;
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;	

        }
        .brand-logos2 img:hover {
	      border: 1px solid #666;
        }



/* 추가끝 */


        @media (max-width: 768px) {

.main_brand {width:88%; max-width:1280px; height:auto;}
.main_brand ul.brand_tit {font-size:23px; margin-bottom: 15px;}
            

.tab-wrap {height: 240px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;background: #f9f9f9;}


        .tabs li {
	        font-size:14px;
            padding: 10px;

        }
        

            .tabs {
                display: flex;
                overflow-x: auto;
                scrollbar-width: thin;
                padding:6px;
                gap:3px;
            }

            .tabs::-webkit-scrollbar {
                height: 6px;
            }

            .tabs::-webkit-scrollbar-thumb {
                background-color: #ccc;
                border-radius: 3px;
            }


.content-wrapper {
    height:1730px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    background: #f9f9f9;
    
}
        
            .brand-logos {
                flex-wrap: wrap;
                gap: 4px;
            }

            .brand-logos img {
                width: 50px;
                height: 50px;
                padding:4px;
            }
        }


/* 추가시작 
.content-wrapper2 {
    height:1080px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    background: #f9f9f9;
    
}
        
            .brand-logos2 {
                flex-wrap: wrap;
                gap: 32px;
            }

            .brand-logos2 img {
                width: 79px;
                height: 79px;
                padding:10px;
            }
        }

추가끝 */