/* -start- title-area -공통- */
.title-area { position: relative; }
.title-area .top-main-img-box { width: 100%; max-width: 1920px; height: 350px; }
.title-area .top-main-img-box .d-img-top-main { width: 100%; height: 100%; display: block; object-fit: cover; }
.title-area .top-main-text-box { position: absolute; top: 35%; left: 0; right: 0; }
.title-area .top-main-text-box .area-title-h1 { font-size: 1.875rem; font-weight: 500; text-align: center; color: #fff; padding-bottom: 1.25rem; }
.title-area .top-main-text-box .area-category-list { font-size: 1rem; font-weight: normal; text-align: center; color: #fff; }
.title-area .top-main-text-box .icon-next { vertical-align: bottom; }
/* -end- title-area -공통- */

/* -start- 공통사항 */
.title-h1 { font-size: 2.5rem; font-weight: bold; letter-spacing: 6px; text-align: center; color: #202020; }
.text-essential-input { font-size: 0.875rem; line-height: 1; text-align: right; color: #202020; margin-top: 2.125rem; }
.text-red { font-size: 0.875rem; line-height: 1; color: #d7163a; }
.btn-adding:link,
.btn-adding:visited,
.btn-adding:hover,
.btn-adding { border: solid 1px #fafafa; background-color: #d9d9d9; font-size: 1rem; font-weight: 500; line-height: 1; text-align: center; color: #202020; padding: 0.812rem 0; width: 100%; max-width: 60px; }
.btn-delete:link,
.btn-delete:visited,
.btn-delete:hover,
.btn-delete { border: solid 1px #fafafa; background-color: #d9d9d9; font-size: 1rem; font-weight: 500; line-height: 1; text-align: center; color: #202020; padding: 0.812rem 0; width: 100%; max-width: 60px; }
.btn-select-file:link,
.btn-select-file:visited,
.btn-select-file:hover,
.btn-select-file { border: solid 1px #202020; background-color: #fff; font-size: 1rem; font-weight: 500; line-height: 1; text-align: center; color: #202020; padding: 0.812rem 0; width: 100%; max-width: 120px; }
.btn-cancel:link,
.btn-cancel:visited,
.btn-cancel:hover,
.btn-cancel { border: 1px solid #202020; background-color: #fff; padding: 0.625rem 0; font-size: 0.937rem; font-weight: 500; text-align: center; color: #202020; width: 100%; max-width: 120px; display: inline-block; }
.btn-write:link,
.btn-write:visited,
.btn-write:hover,
.btn-write { display: inline-block; border: 1px solid #005c5e; background-color: #005c5e; padding: 0.625rem 0; font-size: 0.937rem; font-weight: 500; text-align: center; color: #fff; width: 100%; max-width: 120px; }
.btn-consults-modify:link,
.btn-consults-modify:visited,
.btn-consults-modify:hover,
.btn-consults-modify { display: inline-block; border: 1px solid #202020; background-color: rgba(217, 217, 217, 0); width: 100%; max-width: 120px; padding: 0.625rem 0; font-size: 0.937rem; font-weight: 500; text-align: center; color: #202020;  }
.btn-consults-delete:link,
.btn-consults-delete:visited,
.btn-consults-delete:hover,
.btn-consults-delete { display: inline-block; border: 1px solid #202020; background-color: #fff; width: 100%; max-width: 120px; padding: 0.625rem 0; font-size: 0.937rem; font-weight: 500; text-align: center; color: #202020;  }
.btn-consults-list:link,
.btn-consults-list:visited,
.btn-consults-list:hover,
.btn-consults-list { display: inline-block; border: 1px solid #202020; background-color: #fff; width: 100%; max-width: 120px; padding: 0.625rem 0; font-size: 0.937rem; font-weight: 500; text-align: center; color: #202020;  }
.btn-enter:link,
.btn-enter:visited,
.btn-enter:hover,
.btn-enter { border: 1px solid #005c5e; background-color: #005c5e; font-size: 0.937rem; font-weight: 500; text-align: center; color: #fff; width: 100%; max-width: 208px; padding: 0.625rem 0; display: block; }
/* -end- 공통사항 */

/* -start- 온라인상담 리스트 */
.wrap-consults { width: 100%; max-width: 1100px; margin: 7.5rem auto; }
.wrap-consults .title-h1 { padding-bottom: 3.75rem; }

.wrap-consults .consults-search { display: flex; justify-content: flex-end; align-items: center; }
.wrap-consults .consults-select { max-width: 170px; display: inline-block; border-radius: 0; font-size: 0.937rem; font-weight: normal; line-height: normal; color: #202020; padding: 0.625rem 0.687rem; margin-right: 0.937rem; border: 1px solid #d9d9d9; }
.wrap-consults .consults-select:focus { border-color: #d9d9d9; box-shadow: 0 0 0 0.25rem rgba(0,92,94,.25); }
.wrap-consults .wrapping-search { width: 100%; max-width: 300px; float: right; }
.wrap-consults .wrapping-search .input-search { border: 1px solid #d9d9d9; border-right: 0; border-radius: 0; font-size: 0.937rem; font-weight: normal; line-height: normal; color: #808080; padding: 0.625rem 0.812rem; }
.wrap-consults .wrapping-search .input-search:focus { box-shadow: 0 0 0 0.25rem rgba(0,92,94,.25); }
.wrap-consults .wrapping-search .btn-search { border: 1px solid #d9d9d9; border-left: 0; border-radius: 0; padding: 0; }
.wrap-consults .wrapping-search .btn-search:hover { background-color: #fff; }
.wrap-consults .wrapping-search .btn-search .icon-search { color: #666666; padding: 0.625rem; font-size: 1.312rem; border-left: 1px solid #d9d9d9; }

.wrap-consults table { clear: both; width: 100%; padding-top: 1rem; text-align: center; margin-top: 1rem; }
.wrap-consults table thead { border-top: 2px solid #202020; border-bottom: 0.6px solid #202020; }
.wrap-consults table thead tr th { font-size: 0.937rem; font-weight: 500; color: #202020; padding: 1.125rem 0 1.025rem; }
.wrap-consults table tbody tr { border-bottom: 0.6px solid #d2d2d2; }
.wrap-consults table tbody tr td { font-size: 0.937rem; font-weight: normal; color: #202020; padding: 1.125rem 0 1.025rem; }
.wrap-consults table .consults-list-title { text-align: left; }
.wrap-consults table .answer-on { font-weight: bold;  }

.wrap-consults .wrap-pagenation { display: flex; justify-content: space-between; align-items: center; padding-top: 1rem; }
.wrap-consults .wrap-pagenation .page.navigation { margin: 0 auto; }
.wrap-consults .wrap-pagenation .consults-page{ 
  justify-content: center; 
  border-width: 0; 
  color: #999999; 
  --bs-pagination-focus-box-shadow: none; 
  --bs-pagination-focus-bg: #fff; 
  --bs-pagination-border-width: 0;
  margin-bottom: 0;
}
.wrap-consults .wrap-pagenation .consults-page:hover { background-color: #fff;  }
.wrap-consults .wrap-pagenation .consults-page .consults-page-link:hover { background-color: #fff; color: #202020; }
.wrap-consults .wrap-pagenation .btn-write { background-color: #005c5e; border: solid 1px #005c5e; width: 100%; max-width: 120px; padding: 0.625rem 1.625rem; font-size: 0.937rem; font-weight: 500; color: #fff; text-align: center; }
/* -end- 온라인상담 리스트 */

/* -start- 온라인상담 작성하기 */
.wrap-consults-write { width: 100%; max-width: 1100px; margin: 7.5rem auto; }
.wrap-consults-write .wrapping-consults-write { border-top: 2px solid #202020; margin-top: 1rem; padding-left: 0; }
.wrap-consults-write .wrapping-consults-write .consults-write-list { padding-top: 1.625rem; display: flex; justify-content: space-between; align-items: center; }
.wrap-consults-write .wrapping-consults-write .consults-write-list .list-flex { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 520px; }
.wrap-consults-write .wrapping-consults-write .consults-write-list .btn-select-file { margin-right: 1rem; }
.wrap-consults-write .wrapping-consults-write .list-title { font-size: 1.125rem; line-height: 1; color: #202020; width: 100%; max-width: 120px; }
.wrap-consults-write .wrapping-consults-write input { font-size: 1rem; font-weight: 500; color: #d9d9d9; border-radius: 0; border: 1px solid #d9d9d9; line-height: 1; }
.wrap-consults-write .wrapping-consults-write input:focus { box-shadow: 0 0 0 0.25rem rgba(0,92,94,.25); }
.wrap-consults-write .wrapping-consults-write .input-name,
.wrap-consults-write .wrapping-consults-write .input-password,
.wrap-consults-write .wrapping-consults-write .input-phone,
.wrap-consults-write .wrapping-consults-write .input-email{ width: 100%; max-width: 400px; padding: 0.812rem 1.25rem; }
.wrap-consults-write .wrapping-consults-write .input-write-title { padding: 0.625rem 1.25rem; width: 100%; }
.wrap-consults-write .wrapping-consults-write .input-content { width: 100%; padding: 1.062rem 1.25rem; font-size: 1rem; font-weight: 500; color: #d9d9d9; border-radius: 0; border: 1px solid #d9d9d9; line-height: 1; }
.wrap-consults-write .wrapping-consults-write .input-content:focus { box-shadow: 0 0 0 0.25rem rgba(0,92,94,.25); }
.wrap-consults-write .wrapping-consults-write .input-attachment { padding: 0.625rem 1.25rem; width: 100%; margin-right: 1rem; }
.wrap-consults-write .wrapping-consults-write .attachment-list { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 1.625rem; width: 100%; }
.wrap-consults-write .wrapping-consults-write .attachment-list .list-title { padding-top: 0.75rem; }
.wrap-consults-write .wrapping-consults-write .attachment-list .attachment-title { padding-top: 0.75rem; }
.wrap-consults-write .wrapping-consults-write .attachment-list .attachment-box { width: 100%; padding-left: 0; }
.wrap-consults-write .wrapping-consults-write .attachment-list .attachment-box .attachment-box-list { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 0.625rem; }
.wrap-consults-write .wrapping-consults-write .attachment-list .attachment-box .attachment-box-list .input-file { display: none; }
/* .wrap-consults-write .wrapping-consults-write .attachment-list .attachment-box .attachment-box-list .btn-select-file { margin-right: 1rem; } */

.wrap-consults-write .wrapping-btn { width: 100%; margin: 2.25rem auto 0; text-align: center; }
.wrap-consults-write .wrapping-btn .btn-cancel,
.wrap-consults-write .wrapping-btn .btn-write { margin: 0 0.375rem; }
/* -start- 온라인상담 작성하기 */

/* -start- 온라인상담 보기 */
.wrap-consults-detail { width: 100%; max-width: 1100px; margin: 7.5rem auto; }

.wrap-consults-detail .consults-detail-box { border-top: 2px solid #202020; border-bottom: 0.6px solid #202020; margin-top: 3.75rem; }
.wrap-consults-detail .wrapping-consults-detail { padding-left: 0; width: 100%; margin-bottom: 0; }
.wrap-consults-detail .wrapping-consults-detail .detail-title { background-color: #f9f9f9; border-bottom: solid 1px #d9d9d9; font-size: 1.062rem; font-weight: 500; color: #202020; padding: 0.937rem 1rem; }
.wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list { display: flex; justify-content: space-between; align-items: center; padding: 0.937rem 0; }
.wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-list-box { display: flex; justify-content: flex-start; align-items: center; padding-left: 1rem; }
.wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-list-box .detail-writer { font-size: 0.875rem; color: #666; padding-right: 0.625rem; }
.wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-list-box .detail-line { width: 0.7px; height: 14px; background-color: #cdcdcd; }
.wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-list-box .detail-date { font-size: 0.875rem; color: #666; padding-left: 0.625rem; padding-right: 0.625rem; }
.wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-list-box .detail-date .text-date { display: inline-block; padding-right: 3px; }
.wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-list-box .detail-answer { padding-left: 0.625rem; font-size: 0.875rem; color: #666; }
.wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-url-box { display: flex; justify-content: flex-end; align-items: center; }
.wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-url-box .detail-url { font-size: 0.75rem; font-weight: 300; text-align: right; color: #666; padding-right: 0.375rem; }
.wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-url-box .btn-url-copy { font-size: 0.625rem; font-weight: bold; text-align: center; color: #fff; padding: 0.437rem 0.5rem 0.375rem 0.562rem; border-radius: 5px; background-color: #bbb; }
.wrap-consults-detail .wrapping-consults-detail .detail-file { padding: 0 1rem 0.937rem; border-bottom: 1px solid #d9d9d9; font-size: 0.875rem; color: #202020; }
.wrap-consults-detail .wrapping-consults-detail .detail-file .detail-file-text { margin-right: 1rem; }
.wrap-consults-detail .wrapping-consults-detail .detail-file a { display: inline-block; margin-right: 1rem; }
.wrap-consults-detail .wrapping-consults-detail .detail-content { padding: 0.937rem 1rem 1.875rem; font-size: 0.937rem; color: #202020; }
.wrap-consults-detail .wrapping-consults-detail .detail-content img { width: 35.45%; }

.wrap-consults-detail .wrapping-consults-detail-answer { padding-left: 0; border-top: 2px solid #202020; width: 100%; margin-bottom: 0; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-title { background-color: #f9f9f9; border-bottom: solid 1px #d9d9d9; font-size: 1.062rem; font-weight: 500; color: #202020; padding: 0.937rem 1rem; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list { display: flex; justify-content: space-between; align-items: center; padding: 0.937rem 0; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-list-box { display: flex; justify-content: flex-start; align-items: center; padding-left: 1rem; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-list-box .detail-writer { font-size: 0.875rem; color: #666; padding-right: 0.625rem; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-list-box .detail-line { width: 0.7px; height: 14px; background-color: #cdcdcd; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-list-box .detail-date { font-size: 0.875rem; color: #666; padding-left: 0.625rem; padding-right: 0.625rem; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-list-box .detail-date .text-date { display: inline-block; padding-right: 3px; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-list-box .detail-answer { padding-left: 0.625rem; font-size: 0.875rem; color: #666; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-url-box { display: flex; justify-content: flex-end; align-items: center; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-url-box .detail-url { font-size: 0.75rem; font-weight: 300; text-align: right; color: #666; padding-right: 0.375rem; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-url-box .btn-url-copy { font-size: 0.625rem; font-weight: bold; text-align: center; color: #fff; padding: 0.437rem 0.5rem 0.375rem 0.562rem; border-radius: 5px; background-color: #bbb; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-content { padding: 0.937rem 1rem 1.875rem; font-size: 0.937rem; color: #202020; }
.wrap-consults-detail .wrapping-consults-detail-answer .detail-content img { width: 35.45%; }

.wrap-consults-detail .btn-consults-list-box { text-align: right; padding-top: 1rem; }
.wrap-consults-detail .btn-consults-list-box .btn-consults-modify,
.wrap-consults-detail .btn-consults-list-box .btn-consults-delete { margin-right: 0.75rem; }
/* -end- 온라인상담 보기 */

/* -start- 시술후기 수정하기 */
.wrap-consults-edit { width: 100%; max-width: 1100px; margin: 7.5rem auto; }
.wrap-consults-edit .wrapping-consults-edit { border-top: 2px solid #202020; margin-top: 1rem; padding-left: 0; }
.wrap-consults-edit .wrapping-consults-edit .consults-edit-list { padding-top: 1.625rem; display: flex; justify-content: space-between; align-items: center; }
.wrap-consults-edit .wrapping-consults-edit .consults-edit-list .list-flex { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 520px; }
.wrap-consults-edit .wrapping-consults-edit .attachment-list { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 1.625rem; width: 100%; }
.wrap-consults-edit .wrapping-consults-edit .attachment-list .attachment-title { padding-top: 0.75rem; }
.wrap-consults-edit .wrapping-consults-edit .attachment-list .attachment-box { width: 100%; padding-left: 0; }
.wrap-consults-edit .wrapping-consults-edit .attachment-list .attachment-box .attachment-box-list { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 0.625rem; }
.wrap-consults-edit .wrapping-consults-edit .attachment-list .attachment-box .attachment-box-list .btn-select-file { margin-right: 1rem; }
.wrap-consults-edit .wrapping-consults-edit .attachment-list .attachment-box .attachment-box-list.exist-file-list { display: block; margin-bottom: 1rem; }
.wrap-consults-edit .wrapping-consults-edit .attachment-list .attachment-box .attachment-box-list.exist-file-list .exist-file-desc { font-size: 1rem; color: #202020; }
.wrap-consults-edit .wrapping-consults-edit .attachment-list .attachment-box .attachment-box-list .input-file { display: none; }
.wrap-consults-edit .wrapping-consults-edit .list-title { font-size: 1.125rem; line-height: 1; color: #202020; width: 100%; max-width: 120px; }
.wrap-consults-edit .wrapping-consults-edit input { font-size: 1rem; font-weight: 500; color: #d9d9d9; border-radius: 0; border: 1px solid #d9d9d9; line-height: 1; }
.wrap-consults-edit .wrapping-consults-edit input:focus { box-shadow: 0 0 0 0.25rem rgba(0,92,94,.25); }
.wrap-consults-edit .wrapping-consults-edit .input-name,
.wrap-consults-edit .wrapping-consults-edit .input-password,
.wrap-consults-edit .wrapping-consults-edit .input-phone,
.wrap-consults-edit .wrapping-consults-edit .input-email{ width: 100%; max-width: 400px; padding: 0.812rem 1.25rem; }
.wrap-consults-edit .wrapping-consults-edit .input-edit-title { padding: 0.625rem 1.25rem; width: 100%; }
.wrap-consults-edit .wrapping-consults-edit .input-content { width: 100%; padding: 1.062rem 1.25rem; font-size: 1rem; font-weight: 500; color: #d9d9d9; border-radius: 0; border: 1px solid #d9d9d9; line-height: 1; }
.wrap-consults-edit .wrapping-consults-edit .input-content:focus { box-shadow: 0 0 0 0.25rem rgba(0,92,94,.25); }
.wrap-consults-edit .wrapping-consults-edit .input-attachment { padding: 0.625rem 1.25rem; width: 100%; margin-right: 1rem; }
.wrap-consults-edit .wrapping-btn { width: 100%; margin: 2.25rem auto 0; text-align: center; }
.wrap-consults-edit .wrapping-btn .btn-cancel,
.wrap-consults-edit .wrapping-btn .btn-write { margin: 0 0.375rem; }
/* -end- 시술후기 수정하기 */

/* 비밀번호 체크 */
.wrap-check-password { width: 100%; max-width: 300px; margin: 7.5rem auto; }
.wrap-check-password .text-check-password { font-size: 1.062rem; font-weight: 500; text-align: center; color: #202020; padding: 3.75rem 0 1.25rem; }
.wrap-check-password .wrapping-check-password { padding-left: 0; width: 100%; max-width: 208px; margin: 0 auto; }
.wrap-check-password .wrapping-check-password .check-password-list { padding-bottom: 0.75rem; }
.wrap-check-password .wrapping-check-password .check-password-list .input-check-password { font-size: 1rem; font-weight: 500; line-height: 1; color: #d9d9d9; border: 1px solid #cfcfcf; background-color: #fff; padding: 0.812rem 1rem; border-radius: 0; }
.wrap-check-password .wrapping-check-password .check-password-list .input-check-password:focus { box-shadow: 0 0 0 0.25rem rgba(0,92,94,.25); }
/* -end- 비밀번호 체크 */

@media (max-width: 600px) {
  /* -start- submenu -공통- */
  .wrap-mobile-submenu { background-color: #202020; width: 100%; overflow: hidden; padding: 1.062rem 0 1rem; position: fixed; top: 50px; z-index: 1; }
  #m-submenu-slides .list-submenu { font-size: 0.937rem; font-weight: 500; color: rgba(255, 255, 255, 0.5); }
  #m-submenu-slides .list-submenu.on { color: #fff; }
  #m-submenu-slides .swiper-container { padding-left: 1.562rem; padding-right: 1.25rem; }
  #m-submenu-slides .list-1 { width: 70px; }
  #m-submenu-slides .list-2 { width: 120px; }
  #m-submenu-slides .list-3 { width: 105px; }
  #m-submenu-slides .list-4 { width: 170px; }
  /* -end- submenu -공통- */

  /* -start- 공통사항 */
  .title-h1 { font-size: 1.562rem; letter-spacing: 3.75px; padding-bottom: 1.625rem; }
  .text-essential-input { font-size: 0.75rem; padding-top: 0.75rem; border-top: 2px solid #202020; margin-top: -0.132rem; }
  .btn-adding:link,
  .btn-adding:visited,
  .btn-adding:hover,
  .btn-adding { border: solid 1px #d9d9d9; font-size: 0.812rem; font-weight: normal; color: #000; padding: 0.812rem 0 0.793rem; max-width: 42px; display: inline-block; }
  .btn-delete:link,
  .btn-delete:visited,
  .btn-delete:hover,
  .btn-delete { border: solid 1px #d9d9d9; font-size: 0.812rem; font-weight: normal; color: #000; padding: 0.812rem 0 0.793rem; max-width: 42px; display: inline-block; }
  .btn-select-file:link,
  .btn-select-file:visited,
  .btn-select-file:hover,
  .btn-select-file { font-size: 0.812rem; font-weight: normal; color: #000; padding: 0.812rem 0 0.793rem; max-width: 78px; display: inline-block; }
  .btn-cancel:link,
  .btn-cancel:visited,
  .btn-cancel:hover,
  .btn-cancel { padding: 0.812rem 0; font-size: 1rem;max-width: 100%; line-height: 1; display: block; }
  .btn-write:link,
  .btn-write:visited,
  .btn-write:hover,
  .btn-write { display: block; padding: 0.812rem 0; font-size: 1rem; line-height: 1; max-width: 100%; }
  .btn-consults-modify:link,
  .btn-consults-modify:visited,
  .btn-consults-modify:hover,
  .btn-consults-modify { display: block; background-color: #fff; max-width: 100%; padding: 0.812rem 0; font-size: 1rem; line-height: 1; }
  .btn-consults-delete:link,
  .btn-consults-delete:visited,
  .btn-consults-delete:hover,
  .btn-consults-delete { display: block; max-width: 100%; padding: 0.812rem 0; font-size: 1rem; line-height: 1; }
  .btn-consults-list:link,
  .btn-consults-list:visited,
  .btn-consults-list:hover,
  .btn-consults-list { display: block; max-width: 100%; padding: 0.812rem 0; font-size: 1rem; line-height: 1; }
  .btn-enter:link,
  .btn-enter:visited,
  .btn-enter:hover,
  .btn-enter { max-width: 200px; }
  /* -end- 공통사항 */

  /* -start- 온라인상담 리스트 */
  .wrap-consults { width: 88.88%; max-width: 88.88%; margin: 5.5rem auto 5rem; }
  .wrap-consults .title-h1 { padding-bottom: 1.625rem; }
  .wrap-consults .consults-search {justify-content: space-between; }
  .wrap-consults .consults-select { width: 39.68%; max-width: 39.68%; font-size: 0.812rem; padding: 0.625rem 0.687rem; margin-right: 0.5rem; }

  .wrap-consults .wrapping-search { width: 57.81%; max-width: 57.81%; }
  .wrap-consults .wrapping-search .input-search { font-size: 0.812rem; padding: 0.625rem 0.875rem; }
  .wrap-consults .wrapping-search .btn-search .icon-search { padding: 0.625rem; font-size: 1.2rem; }

  .wrap-consults .wrapper-consults-table { padding-left: 0; margin-top: 1.125rem; clear: both; border-top: 2px solid #202020; }
  .wrap-consults .wrapper-consults-table .consults-list { padding: 0.812rem 0 0.712rem; border-bottom: 0.6px solid #d2d2d2; }
  .wrap-consults .wrapper-consults-table .consults-list .consults-title { font-size: 0.875rem; font-weight: normal; color: #202020; padding-bottom: 0.312rem; }
  .wrap-consults .wrapper-consults-table .consults-list .second-list { display: flex; justify-content: flex-start; align-items: center; padding-left: 0; }
  .wrap-consults .wrapper-consults-table .consults-list .second-list .consults-writer { font-size: 0.875rem; color: #737373; padding-right: 0.312rem; }
  .wrap-consults .wrapper-consults-table .consults-list .second-list .consults-date { font-size: 0.875rem; color: #737373; padding-left: 0.312rem; padding-right: 0.312rem; }
  .wrap-consults .wrapper-consults-table .consults-list .second-list .consults-line { width: 0.7px; height: 14px; background-color: #cdcdcd; }
  .wrap-consults .wrapper-consults-table .consults-list .second-list .consults-answer { font-size: 0.875rem; color: #737373; padding-left: 0.312rem; }
  .wrap-consults .wrapper-consults-table .consults-list .second-list .consults-answer .answer-off { font-weight: normal; display: inline-block; }
  .wrap-consults .wrapper-consults-table .consults-list .second-list .consults-answer .answer-on { font-weight: bold; display: inline-block; }
  
  .wrap-consults .page { padding-bottom: 1rem; }
  .wrap-consults .consults-page{ 
    justify-content: center; 
    border-width: 0; 
    color: #999999; 
    --bs-pagination-focus-box-shadow: none; 
    --bs-pagination-focus-bg: #fff; 
    --bs-pagination-border-width: 0;
    margin-bottom: 0;
  }
  .wrap-consults .consults-page:hover { background-color: #fff;  }
  .wrap-consults .consults-page .consults-page-link:hover { background-color: #fff; color: #202020; }
  .wrap-consults .btn-write { background-color: #005c5e; border: solid 1px #005c5e; width: 100%; max-width: 100%; padding: 0.625rem 1.625rem; font-size: 0.937rem; font-weight: 500; color: #fff; text-align: center; display: block; }  
  /* -end- 온라인상담 리스트 */

  /* -start- 온라인상담 작성하기 */
  .wrap-consults-write { width: 88.88%; max-width: 88.88%; margin: 5.5rem auto 5rem; }
  .wrap-consults-write .wrapping-consults-write { border-top: 0; margin-top: 0.25rem; }
  .wrap-consults-write .wrapping-consults-write .consults-write-list:first-child { padding-top: 0; }
  .wrap-consults-write .wrapping-consults-write .consults-write-list { padding-top: 1.493rem; display: block; }
  .wrap-consults-write .wrapping-consults-write .consults-write-list .list-flex { display: block;max-width: 100%; }  
  .wrap-consults-write .wrapping-consults-write .list-title { font-size: 0.875rem; max-width: 100%; padding-bottom: 0.75rem; display: block; }
  .wrap-consults-write .wrapping-consults-write input { font-size: 0.75rem; }
  .wrap-consults-write .wrapping-consults-write .list-password,
  .wrap-consults-write .wrapping-consults-write .list-email { padding-top: 1.493rem; }
  .wrap-consults-write .wrapping-consults-write .input-name,
  .wrap-consults-write .wrapping-consults-write .input-password,
  .wrap-consults-write .wrapping-consults-write .input-phone,
  .wrap-consults-write .wrapping-consults-write .input-email{ max-width: 100%; padding: 0.812rem 1rem 0.793rem; }
  .wrap-consults-write .wrapping-consults-write .input-write-title { padding: 0.812rem 1rem 0.793rem; width: 100%; }
  .wrap-consults-write .wrapping-consults-write .input-content {padding: 0.687rem 1rem; font-size: 0.875rem; }
  .wrap-consults-write .wrapping-consults-write .input-attachment { font-size: 0.812rem; padding: 0.615rem 1rem; margin-right: 1rem; display: inline-block; width: 100%; }
  .wrap-consults-write .wrapping-consults-write .consults-write-list .btn-select-file { margin-right: 0.5rem; }
  .wrap-consults-write .wrapping-consults-write .attachment-list { display: block; margin-top: 1.493rem; width: 100%; }
  .wrap-consults-write .wrapping-consults-write .attachment-list .attachment-title { padding-top: 0; }
  .wrap-consults-write .wrapping-consults-write .attachment-list .attachment-box .attachment-box-list { margin-bottom: 0.5rem; }  
  /* .wrap-consults-write .wrapping-consults-write .attachment-list .attachment-box .attachment-box-list .btn-select-file { margin-right: 0.5rem; } */
  .wrap-consults-write .wrapping-btn .btn-cancel,
  .wrap-consults-write .wrapping-btn .btn-write { margin: 0; }
  .wrap-consults-write .wrapping-btn .btn-write { margin-top: 0.375rem; }
  /* -end- 온라인상담 작성하기 */

  /* -start- 온라인상담 보기 */
  .wrap-consults-detail { width: 88.88%; max-width: 88.88%; margin: 5.5rem auto 5rem; }

  .wrap-consults-detail .consults-detail-box { margin-top: 0; }
  .wrap-consults-detail .wrapping-consults-detail .detail-title { font-size: 0.937rem; padding: 0.562rem 0.75rem; }
  .wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list { padding: 0.687rem 0.75rem 0.587rem; border-bottom: 1px solid #d2d2d2; }
  .wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-list-box { padding-left: 0; }
  .wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-list-box .detail-writer { font-size: 0.812rem; color: #737373; padding-right: 0.5rem; }
  .wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-list-box .detail-line { height: 13px; }
  .wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-list-box .detail-date { font-size: 0.812rem; color: #737373; padding-left: 0.456rem; }
  .wrap-consults-detail .wrapping-consults-detail .detail-wrapping-list .detail-list-box .detail-date .text-date { display: none; }
  .wrap-consults-detail .wrapping-consults-detail .detail-file { padding: 0.75rem 0.75rem; }
  .wrap-consults-detail .wrapping-consults-detail .detail-file .detail-file-text { display: block; }
  .wrap-consults-detail .wrapping-consults-detail .detail-file a { display: block; }
  .wrap-consults-detail .wrapping-consults-detail .detail-content { padding: 0.75rem 0.75rem; }
  .wrap-consults-detail .wrapping-consults-detail .detail-content img { width: 82.18%; }
  
  .wrap-consults-detail .wrapping-consults-detail-answer .detail-title { font-size: 0.937rem; padding: 0.562rem 0.75rem; }
  .wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list { padding: 0.687rem 0.75rem 0.587rem; border-bottom: 1px solid #d2d2d2; }
  .wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-list-box { padding-left: 0; }
  .wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-list-box .detail-writer { font-size: 0.812rem; color: #737373; padding-right: 0.5rem; }
  .wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-list-box .detail-line { height: 13px; }
  .wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-list-box .detail-date { font-size: 0.812rem; color: #737373; padding-left: 0.456rem; }
  .wrap-consults-detail .wrapping-consults-detail-answer .detail-wrapping-list .detail-list-box .detail-date .text-date { display: none; }
  .wrap-consults-detail .wrapping-consults-detail-answer .detail-content { padding: 0.75rem 0.75rem; }
  .wrap-consults-detail .wrapping-consults-detail-answer .detail-content img { width: 82.18%; }

  .wrap-consults-detail .btn-consults-list-box { text-align: center; }  
  .wrap-consults-detail .btn-consults-list-box .btn-consults-modify,
  .wrap-consults-detail .btn-consults-list-box .btn-consults-delete { margin-right: 0; margin-bottom: 0.375rem; }
  /* -end- 온라인상담 보기 */

  /* -start- 시술후기 수정하기 */
  .wrap-consults-edit { width: 88.88%; max-width: 88.88%; margin: 5.5rem auto 5rem; }
  .wrap-consults-edit .wrapping-consults-edit { border-top: 0; margin-top: 0.25rem; }
  .wrap-consults-edit .wrapping-consults-edit .consults-edit-list:first-child { padding-top: 0; }
  .wrap-consults-edit .wrapping-consults-edit .consults-edit-list { padding-top: 1.493rem; display: block; }
  .wrap-consults-edit .wrapping-consults-edit .consults-edit-list .list-flex { display: block;max-width: 100%; }  
  .wrap-consults-edit .wrapping-consults-edit input { font-size: 0.75rem; }
  .wrap-consults-edit .wrapping-consults-edit .list-password,
  .wrap-consults-edit .wrapping-consults-edit .list-email { padding-top: 1.493rem; }
  .wrap-consults-edit .wrapping-consults-edit .input-name,
  .wrap-consults-edit .wrapping-consults-edit .input-password,
  .wrap-consults-edit .wrapping-consults-edit .input-phone,
  .wrap-consults-edit .wrapping-consults-edit .input-email{ max-width: 100%; padding: 0.812rem 1rem 0.793rem; }
  .wrap-consults-edit .wrapping-consults-edit .input-edit-title { padding: 0.812rem 1rem 0.793rem; width: 100%; }
  .wrap-consults-edit .wrapping-consults-edit .input-content {padding: 0.687rem 1rem; font-size: 0.875rem; }
  .wrap-consults-edit .wrapping-consults-edit .list-title { font-size: 0.875rem; max-width: 100%; padding-bottom: 0.75rem; display: block; }
  .wrap-consults-edit .wrapping-consults-edit .attachment-list { display: block; margin-top: 1.493rem; width: 100%; }
  .wrap-consults-edit .wrapping-consults-edit .attachment-list .attachment-title { padding-top: 0; }
  .wrap-consults-edit .wrapping-consults-edit .attachment-list .attachment-box .attachment-box-list { margin-bottom: 0.5rem; }  
  .wrap-consults-edit .wrapping-consults-edit .attachment-list .attachment-box .attachment-box-list .btn-select-file { margin-right: 0.5rem; }
  .wrap-consults-edit .wrapping-consults-edit .input-attachment { margin-right: 0.5rem; }
  .wrap-consults-edit .wrapping-btn { margin: 2.5rem auto 0;}
  .wrap-consults-edit .wrapping-btn .btn-cancel,
  .wrap-consults-edit .wrapping-btn .btn-write { margin: 0 0 0.375rem; }
  /* -end- 시술후기 수정하기 */

  /* 비밀번호 체크 */
  .wrap-check-password { width: 88.88%; max-width: 88.88%; margin: 8.5rem auto 5rem; }
  .wrap-check-password .text-check-password { padding: 0 0 1.25rem; }
  .wrap-check-password .wrapping-check-password { max-width: 200px; }
  .wrap-check-password .wrapping-check-password .check-password-list .input-check-password { font-size: 0.875rem; padding: 0.875rem 1rem; }
  /* -end- 비밀번호 체크 */
}