/* -----------------------------------------------------------
  ------ bbs_title_box ( 상단 셀렉트박스 및 설명 ) ------
--------------------------------------------------------------  */
.bbs_title_box .gnb-sub-menu {
  display: flex;
  align-items: center;
  margin: 5px 0 15px 0;
}

.recently-photo-reviews .title h2 {
  display: none;
}

.photo2-list-wrap .menu-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 8px;
}
.photo2-list-wrap .menu-wrap .sorting-menu .search-detail {
  position: relative;
}
.photo2-list-wrap .menu-wrap .sorting-menu .search-detail.on .btn-search-detail-pop {
  color: var(--main-color);
}
.photo2-list-wrap .menu-wrap .sorting-menu .search-detail.on .btn-search-detail-pop span {
  transform: rotate(180deg);
}
.photo2-list-wrap .menu-wrap .sorting-menu .search-detail .btn-search-detail-pop {
  display: flex;
  align-items: center;

  font-size: var(--font-size-l);
  font-weight: 700;
}
.photo2-list-wrap .menu-wrap .sorting-menu .search-detail .btn-search-detail-pop span {
  margin-left: 5px;
}

/* 상세검색 팝업 */
.photo2-list-wrap .menu-wrap .search-detail-popup {
  display: none;
  position: absolute;
  bottom: -14px;
  left: 0;
  transform: translateY(100%);

  width: 830px;
  padding: 20px;

  box-shadow: 1px 4px 12px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background: #ffffff;
  font-size: 16px;
  box-sizing: border-box;
  z-index: 2;
}
.photo2-list-wrap .menu-wrap .search-detail.on .search-detail-popup {
  display: block;
}
/* ----------수정필요 -------- .search-detail.on -> .search-detail-popup.on */
.photo2-list-wrap .menu-wrap .search-detail .search-detail-popup.on {
  display: block;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .input-wrap,
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap {
  --list-width: 48%;

  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap {
  align-items: stretch;
  margin: 30px 0 20px;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .input-wrap > li,
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap > li {
  width: var(--list-width);
}
.photo2-list-wrap .menu-wrap .search-detail-popup ul .type-wrap,
.photo2-list-wrap .menu-wrap .search-detail-popup ul .detail-wrap {
  display: flex;
  justify-content: space-between;
}
.photo2-list-wrap .menu-wrap .search-detail-popup ul .detail-wrap .common-text-field {
  width: 45%;
}

.photo2-list-wrap .menu-wrap .search-detail-popup ul :is(.graft-wrap, .age-wrap, .date-wrap) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.photo2-list-wrap .menu-wrap .search-detail-popup ul :is(.graft-wrap, .age-wrap, .date-wrap) .common-text-field {
  flex: 1;
}
.photo2-list-wrap .menu-wrap .search-detail-popup ul :is(.graft-wrap, .age-wrap, .date-wrap) .division {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10%;
  height: 100%;

  color: var(--gray-font-color);
}

/* 탈모타입별 check 이미지 */
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap {
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap label {
  cursor: pointer;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap input[type="checkbox"] {
  display: none;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap label .txt {
  font-size: 16px;
  color: #9394a4;
  white-space: nowrap;
  margin-top: 10px;
  text-align: center;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .type-wrap [class^="type_"] input[type="checkbox"]:checked + label .icon,
.photo2-list-wrap .menu-wrap .search-detail-popup .type-wrap [class^="type_"] input[type="checkbox"] + label .icon {
  background-size: 100%;
  width: 32px;
  height: 32px;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_m1 label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/type_m1.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_m2 label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/type_m2.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_d label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/type_d.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_a label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/type_a.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_o label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/type_o.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_etc label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/etc.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap input[type="checkbox"]:checked + label .txt {
  color: var(--main-color);
  font-weight: 700;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_m1 input[type="checkbox"]:checked + label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/type_m1_on.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_m2 input[type="checkbox"]:checked + label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/type_m2_on.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_d input[type="checkbox"]:checked + label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/type_d_on.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_a input[type="checkbox"]:checked + label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/type_a_on.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_o input[type="checkbox"]:checked + label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/type_o_on.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap .type_etc input[type="checkbox"]:checked + label .icon {
  background-image: url("https://image.daedamo.com/images/img/renew/talmo_step/etc_on.png");
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .cate-wrap {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .cate-wrap .how_box,
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .cate-wrap .gender_box {
  display: flex;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .cate-wrap .title {
  width: 100px;
  color: var(--gray-font-color);
}

.photo2-list-wrap .menu-wrap .search-detail-popup .btn-search {
  display: block;
  width: 300px;
  padding: 15px;
  margin: 15px auto;

  border: 1px solid var(--main-color);
  border-radius: 6px;
  background: none;
  color: var(--main-color);

  cursor: pointer;
  transition: all 0.2s;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .btn-search:hover {
  background: var(--main-color);
  color: #fff;
}

.photo2-list-wrap .menu-wrap .search-detail-popup .form-footer {
  text-align: center;
}
.photo2-list-wrap .menu-wrap .search-detail-popup .form-footer .history_cnt {
  font-size: 14px;
  color: #9394a4;
}

.photo2-list-wrap .menu-wrap .info {
  display: flex;
  align-items: center;
}
.photo2-list-wrap .menu-wrap .info ul {
  display: flex;
  align-items: center;
}
.photo2-list-wrap .menu-wrap .info ul li {
  position: relative;
  margin-right: 15px;
  color: var(--gray-font-color);
}
.photo2-list-wrap .menu-wrap .info ul li button {
  color: var(--gray-font-color);
}

.photo2-list-wrap .photo2-list {
  padding: 0 18px;
  margin-top: 30px;
}
.photo2-list-wrap .photo2-list > li .img-wrap {
  position: relative;
  height: 190px;
}
.photo2-list-wrap .photo2-list > li .img-wrap a {
  display: block;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.photo2-list-wrap .photo2-list > li .img-wrap img {
  min-height: 100%;
  object-fit: cover;
}
.photo2-list-wrap .photo2-list > li .info {
}
.photo2-list-wrap .photo2-list > li .info .options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.photo2-list-wrap .photo2-list > li .info .options li {
  margin: 0 5px 5px 0;
  padding: 5px;
  border-radius: 4px;
  background: rgba(122, 191, 255, 0.16);
  color: var(--sub-color);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

/* -----------------------------------------------------------
  ------ mobile ------
--------------------------------------------------------------  */
.mobile .recently-photo-reviews .title h2 {
  display: block;
}
.mobile .photo2-list-wrap .menu-wrap {
  flex-wrap: wrap;
  margin: 0;
  background: var(--gray-bg-color2);
}
.mobile .photo2-list-wrap .menu-wrap .sorting-menu {
  display: flex;
  margin-bottom: 0;
  padding: 10px var(--inner-margin);
}
.mobile .photo2-list-wrap .menu-wrap .sorting-menu li:not(:last-child) {
  margin-right: 15px;
}
.mobile .photo2-list-wrap .menu-wrap .sorting-menu li button {
  display: flex;
  align-items: center;
  font-size: var(--font-size-l);
}
.mobile .photo2-list-wrap .menu-wrap .sorting-menu .search-detail {
  margin-bottom: 0;
}
.mobile .photo2-list-wrap .menu-wrap .sorting-menu .search-detail .btn-search-detail-pop {
  font-weight: normal;
}
.mobile .photo2-list-wrap .menu-wrap .search-hospital-popup {
  display: none;
  width: 100%;
  background: #fff;
  border-bottom: 10px solid #f4f4f4;
}
.mobile .photo2-list-wrap .menu-wrap .search-hospital-popup.on {
  display: block;
}
.mobile .photo2-list-wrap .menu-wrap .search-hospital button.btn-search-hospital-pop.on {
  font-weight: 700;
  color: var(--main-color);
}
.mobile .photo2-list-wrap .menu-wrap .search-hospital button.btn-search-hospital-pop.on span {
  transform: rotate(180deg);
}

.mobile .photo2-list-wrap .menu-wrap .search-hospital-popup .hos-list {
  display: flex;
  flex-wrap: wrap;
  padding: 10px var(--inner-margin);
}
.mobile .photo2-list-wrap .menu-wrap .search-hospital-popup .hos-list li {
  width: 48%;
  margin: 1%;
}
.mobile .photo2-list-wrap .menu-wrap .search-hospital-popup .hos-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 0;
  border: 1px solid #9394a4;
  border-radius: 20px;
  font-size: var(--font-size-sm);
  color: var(--gray-font-color);

  line-height: 1.2;
}
.mobile .photo2-list-wrap .menu-wrap .search-hospital-popup .hos-list li.on a {
  background: var(--main-color);
  color: #fff;
}
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup.on {
  display: block;
  position: relative;
  left: 0;
  bottom: 0;
  transform: translate(0, 0);
  border-bottom: 10px solid #f4f4f4;
  border-radius: 0;
  box-shadow: none;
}
.mobile .photo2-list-wrap .menu-wrap .search-detail button.btn-search-detail-pop.on {
  font-weight: 700;
  color: var(--main-color);
}
.mobile .photo2-list-wrap .menu-wrap .search-detail button.btn-search-detail-pop.on span {
  transform: rotate(180deg);
}

.mobile .photo2-list-wrap .brand-list-wrap .common-btn-more {
  width: 90%;
  margin: 10px auto;
  padding: 15px 0;
  border-radius: 6px;

  line-height: 1.2;
}
.mobile .photo2-list-wrap .brand-list {
  overflow: hidden;
  height: 240px;
  margin-bottom: 0;
}
.mobile .photo2-list-wrap .brand-list-wrap.on .brand-list {
  height: auto;
}
.mobile .photo2-list-wrap .brand-list-wrap.on .btn-more {
  display: none;
}
.mobile .photo2-list-wrap .brand-list > li {
  display: flex;
  align-items: center;
  padding: 10px var(--inner-margin);
}
.mobile .photo2-list-wrap .brand-list > li:not(:last-child) {
  border-bottom: 1px solid var(--gray-line-color);
}
.mobile .photo2-list-wrap .brand-list > li a.hospital {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 30%;
  min-width: 120px;
}
.mobile .photo2-list-wrap .brand-list > li a .img-wrap {
  overflow: hidden;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.mobile .photo2-list-wrap .brand-list > li a .img-wrap img {
  width: 100%;
  height: 100%;
}
.mobile .photo2-list-wrap .brand-list > li a p {
  margin-bottom: 0;
  margin-left: 9px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile .photo2-list-wrap .brand-list > li .title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  margin: 0 10px;
}
.mobile .photo2-list-wrap .brand-list > li .nums-comment {
  display: flex;
  align-items: center;
}
.mobile .photo2-list-wrap .brand-list > li .nums-comment span {
  margin-right: 5px;
}

/*  상세검색 팝업 */
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup {
  width: 100vw;
}
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .common-select-box.text-field-ui {
  height: 35px;
}
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .cate-wrap,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .input-wrap {
  flex-wrap: wrap;
}

.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .age-wrap,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .type-wrap,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .date-wrap,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .graft-wrap,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .cate-wrap,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .price-wrap,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .detail-wrap,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .cate-wrap .how_box,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .cate-wrap .gender_box {
  width: 100%;
}
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .cate-wrap .how_box,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .type-wrap,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .graft-wrap {
  margin-bottom: 12px;
}
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .cate-wrap .how_box {
  margin-bottom: 18px;
}
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .price-wrap .common-radio-field {
  margin-top: 12px;
}

.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .age-wrap .common-select-box.text-field-ui .current,
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup ul .common-radio-field input + label {
  font-size: 16px;
}
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap {
  margin: 20px 0 10px;
}
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .type-wrap label .txt {
  font-size: 14px;
  font-weight: 400;
}

.mobile .photo2-list-wrap .menu-wrap .search-detail-popup .check-wrap .cate-wrap .title {
  flex-shrink: 0;
  min-width: 70px;
  max-width: 85px;
}

.mobile .photo2-list-wrap .menu-wrap .search-detail-popup .form-footer .history_cnt {
  margin: 26px 0 18px;
}
.mobile .photo2-list-wrap .menu-wrap .search-detail-popup .btn-search {
  width: 100%;
  margin: 0;
  padding: 14px;
  font-size: 14px;
}

.mobile .photo2-list-wrap .photo2-list {
  padding: 0;
  margin: 0;
}
.mobile .photo2-list-wrap .article-ul-list > li .info .title .sub {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.mobile .photo2-list-wrap .photo2-list > li .img-wrap .num {
  padding: 0 4px;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 9px;
}

.mobile .photo2-list-wrap .photo2-list > li .info .common-info-list {
  margin-bottom: 0;
  /* margin-left: 5px; */
}