.designer_top_info {}
.designer_top_info .flex {margin-bottom: 120px; column-gap: 55px; align-items: flex-start;}
.designer_top_info .designer_img {width: 50%;}
.designer_top_info .designer_img img {}
.designer_top_info .designer_rt {width: 50%;}
.designer_top_info .designer_info {padding: 70px 0 480px;}
.designer_top_info .designer_info .title {font-size: 2.3125em;}
.designer_top_info .designer_info .date {font-size: 1.3125em; font-weight: 300; margin: 10px 0 30px;}
.designer_top_info .designer_info .cont {font-size: 1.5em; font-weight: 300;}
.designer_top_info .designer_work {display: flex; column-gap: 20px;}
.designer_top_info .designer_work li {width: calc((100% - 20px)/2);}
.designer_top_info .designer_work li .work_img {position: relative; height: 0; padding-bottom: 147.224%; overflow: hidden;}
.designer_top_info .designer_work li .work_img img {position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;}
.designer_top_info .designer_work li .work_name {font-size: 1.125em; font-weight: 300; margin-top: 10px;}

.designer_md {margin-top: 200px; text-align: right;}
.designer_md .md_banner {width: 100%; margin-bottom: 70px;}
.designer_md .md_banner img {width: 100%;}

.light_txt {font-size: 1.3125em; font-weight: 300; line-height: 165%;}

.designer_prd_wrap {margin: 180px auto 200px;}
.designer_prd_wrap .title {font-size: 1.9375em; font-weight: 500; margin-bottom: 45px;}
.designer_prd_wrap .prd_list ul {display: flex; flex-wrap: wrap; margin-top: -1px;}
.designer_prd_wrap .prd_list li {width: calc(25% + 1px); border: 1px solid #ccc; box-sizing: border-box; margin-left: -1px;}
.designer_prd_wrap .prd_list li .prd_thumb {width: 100%; height: 560px; position: relative;}
.designer_prd_wrap .prd_list li .prd_thumb::before {content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(34, 34, 34, 0.12); width: 100px; height: 100px; border-radius: 50%; opacity: 0; transition: all .3s ease-in-out, opacity 1s ease-in-out;}
.designer_prd_wrap .prd_list li:hover .prd_thumb::before {opacity: 1; width: 100%; height: 100%; border-radius: 0;}
.designer_prd_wrap .prd_list li .prd_thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 70%; max-height: 70%;}
.designer_prd_wrap .prd_list.more_prd_list {display: none;}


@media screen and (max-width: 1440px) {
  .designer_prd_wrap .prd_list li .prd_thumb {height: auto; padding-bottom: 160%;}
  .designer_top_info .designer_info {padding: 7% 0 48%;}
  .designer_top_info .designer_info .cont {font-size: 1.325em;}
}

@media screen and (max-width: 1024px) {
  .designer_prd_wrap {margin: 18% auto 15%;}
  .designer_prd_wrap .title {font-size: 1.875em; margin-bottom: 5%;}
}

@media screen and (max-width: 768px) {
  .designer_prd_wrap .title {font-size: 1.75em;}

  .designer_top_info .flex {display: block; margin-bottom: 0;}
  .designer_top_info .designer_img {width: 100%;}
  .designer_top_info .designer_rt {width: 100%;}
  .designer_top_info .designer_info {padding: 7% 0 0 0;}

  .designer_md {margin-top: 25%;}
}

@media screen and (max-width: 540px) {
  .designer_prd_wrap {margin: 25% auto 15%;}
  .designer_prd_wrap .title {font-size: 1.625em;}

  .designer_top_info .designer_info {padding: 30px 0 0 0;}
  .designer_md {margin-top: 35%;}
}