.sec_head {
  background-image: url(../img/success_head_bg.png);
}

.index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn ul li {
  width: calc((100% - 100px) / 6);
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn ul li a {
  font-size: clamp(20px, 1.25vw, 24px);
  font-weight: 500;
  background-color: #e9e9e9;
  padding: 10.5px 0;
  transition: all 0.3s;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn ul li a:hover {
  background-color: #a8b062;
  color: #fff;
  font-weight: 700;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn ul li .on {
  font-weight: 700;
  background-color: #a8b062;
  color: #fff;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn_m {
  display: none;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul {
  width: 100%;
  border-top: 2px solid #555;
  border-bottom: 2px solid #555;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li {
  border-bottom: 1px solid #ddd;
  transition: background-color 0.3s;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li:hover:not(:first-child) {
  background-color: rgba(229, 240, 216, 0.2);
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li a {
  grid-template-columns: 2fr 8fr 3fr 2fr;
  padding: 15.5px 0;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li a p {
  font-size: clamp(12px, 0.94vw, 18px);
}
.sec_1 .content_list_area ul li a p:nth-child(2) {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li a p:nth-child(3) {
  color: #a8b062;
  font-weight: 700;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li a p:nth-child(3) br {
  display: none;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li:first-child {
  grid-template-columns: 2fr 8fr 3fr 2fr;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li:first-child p {
  padding: 21px 0;
  font-size: clamp(16px, 1.04vw, 20px);
  font-weight: 500;
}
.index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li:last-child {
  border: none;
}

@media (max-width: 750px) {
  .index_main .container .wrapper .sec_1 .container .wrapper .sec_tit_area p {
    word-break: keep-all;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn {
    display: none;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn_m {
    display: block;
    position: relative;
    z-index: 10;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn_m button {
    font-size: clamp(20px, 5.6vw, 42px);
    font-weight: 700;
    width: 100%;
    color: #fff;
    background-color: #a8b062;
    padding: 12.5px 0;
    position: relative;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn_m button::after {
    content: "";
    width: clamp(18px, 3.33vw, 25px);
    height: clamp(10px, 1.87vw, 14px);
    background-image: url(../img/down_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    right: clamp(20px, 5.33vw, 40px);
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn_m .down::after {
    transform: translateY(-50%) rotate(0deg);
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn_m ul {
    position: absolute;
    top: 100%;
    width: 100%;
    display: none;
    z-index: 10;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn_m ul li a {
    width: 100%;
    font-size: clamp(20px, 5.6vw, 42px);
    font-weight: 700;
    background-color: #e9e9e9;
    padding: 10px 0;
    border-top: 1px solid #ccc;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .category_btn_m .open {
    display: block;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul {
    border-bottom: none;
    text-align: left;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li:first-child {
    display: none;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li a {
    position: relative;
    padding-bottom: clamp(15px, 4vw, 30px);
    display: block;
    text-align: left;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li a p {
    padding: 0;
    padding-left: clamp(10px, 2.67vw, 20px);
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li a p:first-child {
    font-size: clamp(18px, 5vw, 37.5px);
    font-weight: 700;
    padding-top: clamp(15px, 4vw, 30px);
    padding-bottom: clamp(10px, 2.67vw, 20px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li a p:nth-child(2) {
    font-size: clamp(14px, 3.87vw, 29px);
    padding-bottom: clamp(30px, 8vw, 60px);
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li a p:nth-child(3) {
    display: block;
    font-size: clamp(18px, 5vw, 37.5px);
	padding-right: clamp(80px, 19.5vw, 146px);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li a p:last-child {
    display: inline-block;
    padding-left: 0;
    padding-right: clamp(10px, 2.67vw, 20px);
    position: absolute;
    right: 0;
    bottom: clamp(15px, 4vw, 30px);
    font-size: clamp(12px, 3.33vw, 25px);
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li:nth-child(5) {
    border-bottom: 1px solid #ddd;
  }
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li:nth-child(n+6) {
    display: none;
  }
}
@media (max-width: 750px) and (max-width: 350px) {
  .index_main .container .wrapper .sec_1 .container .wrapper .content_area .content_list_area ul li a p:nth-child(3) br {
    display: block;
  }
}