.section-header {
	
	color:rgba(0, 0, 0, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    padding-bottom: 15px;
}

.section-header h2 {
    font-size: 28px;
    font-weight: 600;
}
.search-box {
    position: relative;
}

.search-box input {
	color:rgba(102, 102, 102, 1);
	background-color: #F4F4F4;
	
	text-align: left;
    width: 180px;
    height: 40px;
    padding: 0 15px 0 35px;
    border: 1px solid #ddd;
}

.search-box img {
    position: absolute;

	  width: 15px; /* 원하는 너비 */
  height: auto; /* 비율 유지 */

    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}
.search-box input::placeholder {
    text-align: right;
}

.search-box {
    position: relative;
}


.manual-slider {
	   justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
    gap: 40px;
}

.manual-list {

	margin-top:40px;
  transition: transform 0.4s ease;
	
    display: flex;
    gap: 20px;
     
    width: 840px;     
}
.manual-view {
    width: 840px;        /* 카드 3개 */
    overflow: hidden;  
}
.manual-card {
    width: 260px;
    
    flex-shrink: 0;
}

.manual-card img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.manual-card .date {
    font-size: 12px;
    color: #aaa;
}

.manual-card .title {
	 display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
	color:rgba(0, 0, 0, 1);
    font-weight: 400;
}
.manual-card .title img {
    height: 14px;  
    width: auto;
}
.nav {
    background: none;
    border: none;
    font-size: 32px;
    cursor: pointer;
}


.download-wrap {
    display: flex;
    gap: 150px;
    margin-top: 20px;
      width: 100%;
}

.filter-col {
    width: 180px;
}
.download-list {
    margin-top: 0;
     width: 100%;
}

.download-item {
    display: flex;
    justify-content: space-between;  
    width:100%;
     align-items: flex-start;
    padding-top:20px;
    
 	padding-bottom:20px; 
 	      
    border-bottom: 1px solid rgba(136, 136, 136, 1);	
}

.download-item .left h4 {
	color:rgba(0, 0, 0, 1);
    font-weight: 600;
    margin-bottom: 30px;
    
}



.download-item .meta {
	
	display: flex;
    gap: 50px;
    margin-top: 30px;
    font-size: 12px;
    color: #aaa;
}
.download-item .left p {
	 max-width: 380px; 
	color:rgba(51, 51, 51, 1);
}

.download-item .right {
    display: flex;
    gap: 30px;
    align-items: center;
	    margin-top: auto;	
}

.download-item .right a {
    cursor: pointer;
    color: #666;
     
}
.filter-row {
	max-width: 600px;	
    margin-top: 20px;
}

.filter-box {
	color:rgba(51, 51, 51, 1);
    display: inline-flex;
    align-items: center;
    gap: 10px;
 background-color: #F4F4F4;
    padding: 10px 15px;
    cursor: pointer;
    
    width:160px;
        justify-content: space-between;
    
}

/*mobile~~~~~~~~~~~~*/

@media (max-width: 768px) {

  .download-wrap {
    flex-direction: column;
    gap: 20px;
  }

  .filter-col {
    width: 100%;
  }

  .download-list {
    width: 100%;
  }
  .filter-box {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    padding: 0 16px;
    font-size: 14px;
  }
  
  .download-item {
    flex-direction: column;
    gap: 10px;
  }

  .download-item .left {
    width: 100%;
  }

  .download-item .left h4 {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .download-item .left p {
    font-size: 14px;
    max-width: 100%;
  }

  .download-item .meta {
    gap: 15px;
    margin-top: 10px;
  }

  /* 다운로드 버튼 오른쪽 → 아래로 */
  .download-item .right {
    width: 100%;
    justify-content: flex-end;
    margin-top: 10px;
  }
   .search-box input {
    width: 100%;
    height: 44px;
  }

  .section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  
    .manual-list {
    gap: 10px;
  }

    .manual-view {
    width: 260px;   /* 카드 1개만 보이게 */
    margin: 0 auto; /* 가운데 정렬 */
  }


  .manual-list {
  display: flex;
  
}

   .manual-card {
    width: 260px; /* PC 그대로 유지 */
  }
  
 .manual-card > img {
  width: 100%;

}
  .download-item .left p {
  word-break: keep-all;
}

.download-section {
  padding-bottom: 40px;
}
}