.main {
  padding-top: 3rem;
}

.main section .mds_box {
  text-align: center;
}
.main section .mds_box p.f20 {
  line-height: 1.3;
  color: #a5987c;
  margin-top: 0.8%;
}

.main .case .btn_box a span::after,
.main .case .btn_box a span::before,
.main .case::before {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.main .case {
  position: relative;
  margin-top: 7%;
  margin-bottom: 7%;
}
.main .case .btn_box {
  text-align: center;
  margin-top: 4%;
}
.main .case .btn_box a {
  position: relative;
  color: #a5987c;
  line-height: 1.4;
}
.main .case .btn_box a span {
  padding-right: 30px;
  padding-left: 40px;
  position: relative;
}
.main .case .btn_box a span::before {
  position: absolute;
  content: "";
  background-image: url(../img/common/insta_icon_c.png);
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.main .case .btn_box a span::after {
  position: absolute;
  content: "";
  background-image: url(../img/common/arrow.png);
  width: 15px;
  height: 9px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transition: 0.3s;
}
.main .case .btn_box a::after {
  position: absolute;
  content: "";
  background-color: #000;
  height: 2px;
  width: 100%;
  bottom: -40%;
  left: 0;
  transform: rotate(-0.5deg);
}
.main .case .btn_box a:hover span::after {
  right: -1vw;
}


.main .case .search_block .container {
  max-width: 1000px;
  width: 92%;
  margin: auto;
  margin-top: 5rem;
}
.main .case .search_block .search_flex {
  display: flex;
  align-items: center;
}
.main .case .search_block .search_box {
  position: relative;
  flex: 0 0 22.75%;
  margin-right: 3%;
}
.main .case .search_block .search_box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 16px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L8 8.5L15.5 0.500001' stroke='%23A5987C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px 9px;
  background-position: center;
  transform: translateY(-50%);
  pointer-events: none;
}
.main .case .search_block .search_box select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background-color: #fff;
  border: 1px solid #A5987C;
  border-radius: 5px;
  padding: 1rem 2.4rem 1rem 1.4rem;
  font-size: 15px;
  color: #A5987C;
  cursor: pointer;
}
.main .case .search_block .search_box select::-ms-expand {
  display: none;
}
.main .case .search_block .search_box:last-child {
  margin-right: 0;
}
.main .case .search_block .search_btn {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 30px;
  margin-top: 2rem;
  margin-left: 9rem;
}
.main .case .search_block .search_btn .btn {
  border: 0;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  line-height: 1;
  letter-spacing: 0.12em;
  cursor: pointer;
}
.main .case .search_block .search_btn .btn::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.main .case .search_block .search_btn .btn_reset::before {
  width: 17px;
  height: 14px;
}
.main .case .search_block .search_btn .btn_search {
  max-width: 233px;
  width: 92%;
  padding: 1.2rem 0;
  background-color: #C9B996;
  color: #fff;
}
.main .case .search_block .search_btn .btn_search::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2939 12.5786H13.3905L13.0703 12.2699C14.2298 10.9252 14.867 9.20836 14.8656 7.43282C14.8656 5.96275 14.4297 4.52569 13.613 3.30337C12.7963 2.08105 11.6354 1.12837 10.2772 0.565793C8.91907 0.00322052 7.42457 -0.143974 5.98275 0.142823C4.54092 0.42962 3.21652 1.13753 2.17702 2.17702C1.13753 3.21652 0.42962 4.54092 0.142823 5.98275C-0.143974 7.42457 0.00322052 8.91907 0.565793 10.2772C1.12837 11.6354 2.08105 12.7963 3.30337 13.613C4.52569 14.4297 5.96275 14.8656 7.43282 14.8656C9.27387 14.8656 10.9663 14.191 12.2699 13.0703L12.5786 13.3905V14.2939L18.2962 20L20 18.2962L14.2939 12.5786ZM7.43282 12.5786C4.58548 12.5786 2.28702 10.2802 2.28702 7.43282C2.28702 4.58548 4.58548 2.28702 7.43282 2.28702C10.2802 2.28702 12.5786 4.58548 12.5786 7.43282C12.5786 10.2802 10.2802 12.5786 7.43282 12.5786Z' fill='white'/%3E%3C/svg%3E");
}
.main .case .search_block .search_btn .btn_reset {
  max-width: 122px;
  width: 92%;
  padding: 0.7rem 0;
  background-color: #BDBDBD;
  color: #fff;
}
.main .case .search_block .search_btn .btn_reset::before {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.96552 14C11.3568 14 12.7169 13.5895 13.8737 12.8203C15.0305 12.0511 15.9321 10.9579 16.4645 9.67879C16.997 8.3997 17.1363 6.99224 16.8648 5.63437C16.5934 4.2765 15.9234 3.02922 14.9396 2.05026C13.9559 1.07129 12.7024 0.404603 11.3379 0.134506C9.97332 -0.13559 8.55892 0.003033 7.27354 0.532846C5.98815 1.06266 4.88952 1.95987 4.11656 3.11101C3.3436 4.26216 2.93103 5.61553 2.93103 7V10.6167L0.82069 8.51667L0 9.33333L3.51724 12.8333L7.03448 9.33333L6.21379 8.51667L4.10345 10.6167V7C4.10345 5.84628 4.44725 4.71846 5.09138 3.75918C5.73552 2.79989 6.65105 2.05222 7.7222 1.61071C8.79335 1.16919 9.97202 1.05368 11.1091 1.27876C12.2463 1.50384 13.2908 2.05941 14.1106 2.87521C14.9304 3.69102 15.4888 4.73042 15.7149 5.86198C15.9411 6.99353 15.825 8.16642 15.3814 9.23232C14.9377 10.2982 14.1863 11.2093 13.2223 11.8502C12.2583 12.4912 11.1249 12.8333 9.96552 12.8333V14Z' fill='white'/%3E%3C/svg%3E");
}

.main .case .case_list {
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin-top: 5rem;
  background-color: #fff;
}
.main .case .case_list .container {
  max-width: 1000px;
  width: 92%;
  margin: auto;
}
.main .case .case_list .case_list_block .case_list_item {
  display: flex;
}
.main .case .case_list .case_list_block .case_list_item:nth-child(n+2) {
  margin-top: 4rem;
}
.main .case .case_list .case_list_block .case_list_item .img_box {
  flex: 0 0 30%;
}
.main .case .case_list .case_list_block .case_list_item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.main .case .case_list .case_list_block .case_list_item .info_box {
  display: flex;
  flex-direction: column;
  flex: auto;
  border-right: 1px solid #D4C8AB;
}
.main .case .case_list .case_list_block .case_list_item .info_box .case_ttl {
  padding: 12px 1.5rem;
  background-color: #C9B996;
  color: #fff;
}
.main .case .case_list .case_list_block .case_list_item .info_box .detail_category {
  display: flex;
  flex-wrap: wrap;
  padding: 0 1.5rem;
  margin-top: 1rem;
  gap: 0.5rem;
}
.main .case .case_list .case_list_block .case_list_item .info_box .detail_category span {
  padding: 5px 9px;
  background-color: #FFE9C0;
  color: #B08F48;
  border-radius: 5px;
}
.main .case .case_list .case_list_block .case_list_item .info_box .detail_box {
  display: flex;
  justify-content: space-between;
  padding: 0 1.5rem;
  margin-top: 1rem;
}
.main .case .case_list .case_list_block .case_list_item .info_box .detail_box .sub_box {
  display: flex;
  align-items: center;
  flex: 0 0 48%;
}
.main .case .case_list .case_list_block .case_list_item .info_box .detail_box .sub_box p:first-child {
  background-color: #D6CAAE;
  padding: 0.5rem 1rem;
  color: #fff;
}
.main .case .case_list .case_list_block .case_list_item .info_box .detail_box .sub_box p:last-child {
  margin-left: 0.5rem;
}
.main .case .case_list .case_list_block .case_list_item .info_box .detail_box .sub_box.doctor p:last-child {
  text-decoration: underline;
}
.main .case .case_list .case_list_block .case_list_item .info_box .last_box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 1.5rem;
  margin-top: 1rem;
}
.main .case .case_list .case_list_block .case_list_item .info_box .last_box .general_box {
  display: flex;
  flex-direction: column;
  flex: 0 0 48%;
}
.main .case .case_list .case_list_block .case_list_item .info_box .last_box .general_box h4 {
  padding: 8px 0;
  background-color: #D6CAAE;
  color: #fff;
  text-align: center;
}
.main .case .case_list .case_list_block .case_list_item .info_box .last_box .general_box .txt_box {
  flex: 1;
  padding: 10px 15px;
  background-color: #FAF8F5;
  border: 1px solid #D6CAAE;
  line-height: calc(18 / 14);
  max-height: 115px;
  overflow: scroll;
}  
.main .case .case_list .case_list_block .case_list_item .info_box .comment {
  padding: 0 1.5rem;
  margin-top: 0.6rem;
}
.main .case .case_list .case_list_block .case_list_item .info_box .comment p {
  line-height: 1.6;
}
.main .case .case_list .case_list_block .case_list_item .info_box .detail_btn {
  margin-top: auto;
  background-color:#EEEDE9;
  border-top: 1px solid #D4C8AB;
  border-bottom: 1px solid #D4C8AB;
}
.main .case .case_list .case_list_block .case_list_item .info_box .detail_btn .btn {
  position: relative;
  display: block;
  text-align: center;
  color: #B08F48;
  padding: 1rem 2rem 1rem 0;
}
.main .case .case_list .case_list_block .case_list_item .info_box .detail_btn .btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 7px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 12.5L6.5 6.5L0.5 0.5' stroke='%23B08F48' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 7px 13px;
  background-position: center;
  transform: translateY(-50%);
  pointer-events: none;
}
.main .case .case_list .case_pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2.5rem;
}
.main .case .case_list .case_pagination .page-numbers {
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D4C8AB;
  color: #B08F48;
  background-color: #fff;
  line-height: 1;
}
.prev.page-numbers {
  transform: rotate(0deg);
}
.main .case .case_list .case_pagination .page-numbers::after {
  display: none;
}
.main .case .case_list .case_pagination a.page-numbers:hover {
  opacity: 0.8;
}
.main .case .case_list .case_pagination .page-numbers.current {
  background-color: #D6CAAE;
  border-color: #D6CAAE;
  color: #fff;
}
.main .case .case_list .case_pagination .page-numbers.dots {
  border: 0;
  min-width: auto;
  padding: 0 4px;
  color: #666;
}

@media screen and (max-width: 768px) {
  .main .case .search_block .search_btn .btn_search {
    font-size: 14px;
  }
  .main .case .case_list .case_list_block .case_list_item {
    align-items: flex-start;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box {
    border-left: 1px solid #D4C8AB;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .case_ttl {
    font-size: 16px;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .last_box .general_box .txt_box .f14,
  .main .case .case_list .case_list_block .case_list_item .info_box .detail_box .sub_box.doctor p:last-child,
  .main .case .case_list .case_list_block .case_list_item .info_box .detail_box .sub_box p:last-child {
    font-size: 12px;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .detail_btn {
    margin-top: 5%;
  }
}
@media screen and (max-width: 480px) {
  .main .case {
    margin-top: 10%;
    margin-bottom: 15%;
  }
  .main .case .btn_box {
    text-align: left;
    width: 92%;
    margin: 0 auto;
    margin-top: 10%;
  }
  .main .case .btn_box a {
    font-size: 16px;
  }
  .main .case .btn_box a span {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main .case .btn_box a::after {
    bottom: -15%;
  }
  .main section .mds_box .f66 {
    font-size: 32px;
  }
  .main section .mds_box p.f20 {
    font-size: 15px;
  }
  .main .case .case_list .case_pagination {
    margin-top: 2rem;
    gap: 6px;
  }
  .main .case .case_list .case_pagination .page-numbers {
    min-width: 36px;
    height: 36px;
    font-size: 14px;
  }
  .main .case .case_list .case_list_block .case_list_item {
    display: block;
  }
  .main .case .search_block .search_btn {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .main .case .search_block .search_btn .btn_search {
    padding: 12px 0;
  }
  .main .case .search_block .search_btn .btn_reset {
    margin-top: 20px;
  }
  .main .case .search_block .search_btn .btn::before {
    width: 12px;
    height: 12px;
  }
  .main .case .search_block .search_btn .btn_reset::before {
    width: 12px;
    height: 9px;
  }
  .main .case .search_block .search_flex {
    flex-wrap: wrap;
  }
  .main .case .search_block .search_box {
    flex: 0 0 48%;
  }
  .main .case .search_block .search_box:nth-child(2n) {
    margin-right: 0;
  }
  .main .case .search_block .search_box:nth-child(n+3) {
    margin-top: 20px;
  }
  .main .case .search_block .search_box select {
    padding: 1rem 2rem 1rem 1rem;
    font-size: 14px;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .case_ttl {
    padding-right: 1rem;
    padding-left: 1rem;
    line-height: 1.4;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .last_box,
  .main .case .case_list .case_list_block .case_list_item .info_box .detail_box,
  .main .case .case_list .case_list_block .case_list_item .info_box .detail_category {
    padding: 0 1rem;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .last_box {
    display: block;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .last_box .general_box.risks {
    margin-top: 1.5rem;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .last_box .general_box h4 {
    font-size: 14px;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .detail_box .sub_box p:first-child {
    font-size: 12px;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .detail_box .sub_box p:last-child {
    font-size: 12px;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .detail_box .sub_box.doctor p:last-child {
    font-size: 12px;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .last_box .general_box .txt_box .f14 {
    font-size: 12px;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .last_box .general_box .txt_box .f14 {
    font-size: 14px;
  }
  .main .case .case_list .case_list_block .case_list_item .info_box .detail_btn .btn {
    padding: 1rem;
    font-size: 16px;
  }
}