/* -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 */
.text-top-title { font-size: 2.5rem; font-weight: bold; letter-spacing: 6px; color: #202020; text-align: center; padding-bottom: 5rem; }
.text-point-title { font-size: 1.25rem; font-weight: 300; text-align: center; line-height: normal; letter-spacing: normal; color: #005c5e; padding-bottom: 2.687rem; }
.text-sub-title { font-size: 1.875rem; font-weight: bold; color: #005c5e; }
.list-title { font-size: 1.375rem; font-weight: bold; color: #202020; padding-bottom: 0.625rem; }
.text-content { font-size: 1rem; color: #202020; }

.text-bold { font-weight: bold; }
.text-center { text-align: center; }
.font-weight { font-weight: normal; }
.text-green { color: #005c5e; }
.package-hr { width: 100%; max-width: 50px; height: 4px; background-color: #005c5e; margin: 9.375rem auto; }
.pbs-30 { padding-bottom: 1.875rem; } 

/* -end- 공통사항 - title */

/* -start- 비절개 모발이식 */
.wrap-non-surgical-hair-transplantation { padding: 7.5rem 0; width: 100%; max-width: 982px; margin: 0 auto; }
.wrap-non-surgical-hair-transplantation .text-top-title { letter-spacing: normal; }

.wrapper-non-surgical-hair-definition { padding: 0 0 6.0625rem; margin: 0 auto; width: 100%; max-width: 746px; }
.wrapper-non-surgical-hair-definition .definition-img-box { width: 100%; max-width: 746px; padding: 1.875rem 0 1.25rem; }
.wrapper-non-surgical-hair-definition .definition-img-box .d-img-definition { width: 100%; display: block; }

.wrapper-character { padding: 0; margin: 0 auto; width: 100%; max-width: 748px; }
.wrapper-character .character-list:nth-child(2) { padding-top: 3.75rem; }
.wrapper-character .character-list { padding-top: 3.125rem; display: flex; justify-content: left;  }
.wrapper-character .character-list .character-img-box { width: 100%; max-width: 280px; margin-right: 1.187rem; }
.wrapper-character .character-list .character-img-box .d-img-character { width: 100%; display: block; }
.wrapper-character .character-list .character-text-box { width: 100%; max-width: 523px; }
.wrapper-character .character-list .character-text-box { padding: 0; }

.wrapper-process { padding: 0; margin: 0 auto; width: 100%; max-width: 748px; }
.wrapper-process .process-list { padding-top: 0.25rem; display: flex; justify-content: left; align-items: center; }
.wrapper-process .process-list:nth-child(2) { padding-top: 1.5rem; }
.wrapper-process .process-list .process-img-box { width: 100%; max-width: 210px; margin-right: 0.9375rem; }
.wrapper-process .process-list .process-img-box .d-img-process { width: 100%; display: block; }
.wrapper-process .process-list .process-text-box { width: 100%; max-width: 463px; padding: 0; margin: 0; }
/* -end- 비절개 모발이식 */


/* -start- 줄기세포 탈모주사 */
.wrap-stemcell-hair-care { padding: 7.5rem 0; width: 100%; max-width: 746px; margin: 0 auto; }

.wrap-stemcell-hair-care .wrapper-definition { padding: 0; margin: 0; }
.wrap-stemcell-hair-care .wrapper-definition .definition-img-box { width: 100%; max-width: 746px; padding: 1.875rem 0 2.25rem; }
.wrap-stemcell-hair-care .wrapper-definition .definition-img-box .d-img-definition { width: 100%; display: block; }

.wrapper-stemcell-hair-care-effcet { padding: 0; margin: 0 0 -0.25rem; }
.wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list { padding-top: 3.125rem; }
.wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list { display: flex; justify-content: left; }
.wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list .stemcell-hair-care-effcet-img-box { width: 100%; max-width: 280px; margin-right: 2.312rem;  }
.wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list .stemcell-hair-care-effcet-img-box .d-img-stemcell-hare-care-effect { width: 100%; display: block; }
.wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list .stemcell-hair-care-effcet-text-box { width: 100%; padding: 0; margin: 0; }
.wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list .stemcell-hair-care-effcet-text-box .stemcell-hair-care-effcet-list-title { font-size: 1.5rem; font-weight: bold; color: #202020; padding-bottom: 0.125rem; }
/* -end- 줄기세포 탈모주사 */

/* -start- 메디컬 SMP */
.wrap-medical-smp { padding: 7.5rem 0 15.437rem; width: 100%; max-width: 800px; margin: 0 auto; }

.wrap-medical-smp .text-point-title { padding-bottom: 1.062rem; }
.wrap-medical-smp .wrapper-definition { width: 100%; max-width: 746px; padding: 0 0 1.625rem; margin: 0 auto; }
.wrap-medical-smp .wrapper-definition .definition-img-box { width: 100%; max-width: 746px; padding: 1.875rem 0 1.562rem; }
.wrap-medical-smp .wrapper-definition .definition-img-box .d-img-definition { width: 100%; display: block; }

.wrapper-medical-smp-character { padding: 0; margin: 0; }
.wrapper-medical-smp-character .medical-smp-list-img { padding: 6.25rem 0 8.25rem; }
.wrapper-medical-smp-character .medical-smp-list-img .wrapper-medical-smp-icon { padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: center; }
.wrapper-medical-smp-character .medical-smp-list-img .wrapper-medical-smp-icon .medical-smp-icon-list .medical-smp-character-icon-box { width: 100%; max-width: 224px; }
.wrapper-medical-smp-character .medical-smp-list-img .wrapper-medical-smp-icon .medical-smp-icon-list .medical-smp-character-icon-box .d-img-medical-smp-character-icon { width: 100%; display: block; }
.wrapper-medical-smp-character .medical-smp-list-img .wrapper-medical-smp-icon .medical-smp-icon-list .medical-smp-character-text { font-size: 1.5rem; font-weight: bold; text-align: center; color: #202020; padding-top: 1.25rem; }
.wrapper-medical-smp-character .medical-smp-list-text { font-size: 1rem; text-align: center; color: #202020; }
.wrapper-medical-smp-character .medical-smp-list-text .medical-smp-list-text2 { font-size: 1.125rem; font-weight: bold; }
/* -end- 메디컬 SMP */

/* -start- ABC 청혈 */
.wrap-abc-bmt { padding: 7.5rem 0 9.312rem; width: 100%; margin: 0 auto; }
.wrap-abc-bmt .text-middle-title { font-size: 1.5rem; color: #202020; padding-top: 0.375rem; margin-bottom: -0.25rem; }

.wrap-abc-bmt .wrapper-abc-definition { width: 100%; max-width: 746px; margin: 0 auto; padding: 0; }
.wrap-abc-bmt .wrapper-abc-definition .definition-img-box { width: 100%; max-width: 746px; padding: 1.875rem 0 1.062rem; }
.wrap-abc-bmt .wrapper-abc-definition .definition-img-box .d-img-abc-definition { width: 100%; display: block; }
.wrap-abc-bmt .wrapper-abc-definition .wrapper-definition-icon { display: flex; justify-content: space-between; align-items: center; padding-top: 4rem; }
.wrap-abc-bmt .wrapper-abc-definition .wrapper-definition-icon .definition-icon-box { width: 100%; max-width: 140px; }
.wrap-abc-bmt .wrapper-abc-definition .wrapper-definition-icon .definition-icon-box .d-icon-abc-definition { width: 100%; display: block; }

/* .wrap-abc-bmt .wrapper-abc-effcet { margin: -4.437rem auto 0; padding: 0; }
.wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list { display: flex; justify-content: left; }
.wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list .abc-effcet-img-box { width: 100%; max-width: 227px; margin-right: 1.687rem; }
.wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list .abc-effcet-img-box .d-img-abc-effect { width: 100%; display: block; } */

.wrap-abc-bmt .wrapper-abc-effcet { width: 100%; max-width: 830px; padding: 0; margin: 0 auto; }
.wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list { padding-top: 3.75rem; display: flex; justify-content: flex-start; }
.wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list .abc-effcet-img-box { width: 100%; max-width: 227px; margin-right: 1.687rem; }
.wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list .abc-effcet-img-box .d-img-abc-effect { width: 100%; display: block; }
.wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list .abc-effcet-text-box { padding: 0; margin: 0; width: 100%; }
.wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list .abc-effcet-text-box .abc-effcet-list-title { font-size: 1.375rem; font-weight: bold; color: #202020; padding-bottom: 0.625rem; }

.wrap-abc-bmt .wrapper-abc-function { width: 100%; max-width: 830px; padding: 0; margin: 0 auto;}
.wrap-abc-bmt .wrapper-abc-function .abc-function-text-box { padding-top: 2.375rem; }
.wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title { font-size: 1.375rem; font-weight: bold; color: #202020; padding-bottom: 0.625rem; }
.wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-content { font-size: 1rem; color: #000; }

.wrap-abc-bmt .wrapper-abc-disease { width: 100%; max-width: 830px; margin: 0 auto; text-align: center; }
.wrap-abc-bmt .wrapper-abc-disease .abc-disease-box { padding: 3.125rem 0 0; width: 100%; max-width: 766px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.wrap-abc-bmt .wrapper-abc-disease .abc-disease-box .abc-disease-list { font-size: 1.375rem; font-weight: bold; text-align: center; color: #202020; width: 23.75rem; border-radius: 3.312rem; border: 1px solid #005e5c; padding: 0.625rem 0 0.687rem; margin-bottom: 0.5rem; }
.wrap-abc-bmt .wrapper-abc-disease .abc-disease-box .abc-disease-list.list-1 { width: 21.25rem; }
/* -end- ABC 청혈 */

@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: 160px; }

  .wrap-mobile-fulldownmenu { background-color: #fff; width: 100%; overflow: hidden; border-bottom: 1px solid #d9d9d9; position: fixed; top: 105px; padding-left: 1.562rem; display: block; }
  .wrap-mobile-fulldownmenu .wrapper-fulldownmenu { display: flex; justify-content: flex-start; align-items: center; }
  .wrap-mobile-fulldownmenu .wrapper-fulldownmenu .list-fulldown-menu { font-size: 0.937rem; font-weight: 500; line-height: 1; color: #202020; margin-right: 2rem; padding: 1rem 0 0.812rem; }
  .wrap-mobile-fulldownmenu .wrapper-fulldownmenu .list-fulldown-menu.on { border-bottom: 4px solid #005c5e; }
  .wrap-mobile-fulldownmenu .wrapper-fulldownmenu .list-fulldown-menu.fulldown-1,
  .wrap-mobile-fulldownmenu .wrapper-fulldownmenu .list-fulldown-menu.fulldown-2 { font-size: 0.75rem; text-align: center; }
  /* -end- submenu -공통- */

  /* -start- 공통사항 - title */
  .text-top-title { font-size: 1.562rem; letter-spacing: normal; color: #000; padding-bottom: 2.812rem; }
  .text-point-title { font-size: 1rem; padding-bottom: 0.375rem; }
  .text-sub-title { font-size: 1.25rem; }
  .m-text-middle-title { font-size: 0.75rem; letter-spacing: 0.6px; text-align: center; color: #000; }
  .text-middle-title { font-size: 1rem; }
  .list-title { font-size: 1rem; padding-bottom: 0.625rem; }
  .text-content { font-size: 0.75rem; }
  
  .package-hr { margin: 3.75rem auto 4.375rem; }
  /* -end- 공통사항 - title */

  /* -start- 비절개 모발이식 */
  .wrap-non-surgical-hair-transplantation { padding: 8.5rem 0; width: 88.88%; }

  .wrap-non-surgical-hair-transplantation .wrapper-definition { padding: 0 0 4.125rem; }
  .wrap-non-surgical-hair-transplantation .wrapper-definition .definition-img-box { max-width: 100%; padding: 1.875rem 0 1rem; }
  .wrap-non-surgical-hair-transplantation .wrapper-definition .definition-img-box .m-img-definition { width: 100%; display: block; }

  .wrapper-character { padding: 0; margin: 0 0 0.893rem; }
  .wrapper-character .character-list:nth-child(2) { padding-top: 1.187rem; }
  .wrapper-character .character-list:nth-child(3) { padding-top: 2.856rem; }
  .wrapper-character .character-list:nth-child(4) { padding-top: 2.437rem; }
  .wrapper-character .character-list { padding-top: 0; display: block; }
  .wrapper-character .character-list .character-img-box { max-width: 100%; margin-right: 0; padding-bottom: 0.60625rem; }
  .wrapper-character .character-list .character-img-box .m-img-character { width: 100%; display: block; }

  .wrapper-process .process-list { padding-top: 0.25rem; display: block; }
  .wrapper-process .process-list:nth-child(2) { padding-top: 0; }
  .wrapper-process .process-list .process-img-box { max-width: 65.6%; margin: 0 auto; }
  .wrapper-process .process-list .process-img-box .m-img-process { width: 100%; display: block; }
  .wrapper-process .process-list .process-text-box { width: 100%; text-align: center; }
  /* -end- 비절개 모발이식 */

  /* -start- 줄기세포 탈모주사 */
  .wrap-stemcell-hair-care { padding: 8.5rem 0; max-width: 88%; }

  .wrap-stemcell-hair-care .wrapper-definition { padding: 0 0 3.375rem; }
  .wrap-stemcell-hair-care .wrapper-definition .definition-img-box { max-width: 100%; padding: 1.875rem 0; }
  .wrap-stemcell-hair-care .wrapper-definition .definition-img-box .m-img-definition { width: 100%; display: block; }
  .wrap-stemcell-hair-care .wrapper-definition .definition-text { font-size: 0.75rem; color: #202020; }

  .wrapper-stemcell-hair-care-effcet { padding: 0; margin: 0 0 -0.25rem; }
  .wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list { padding-top: 2.5rem; }
  .wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list { display: block; }
  .wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list .stemcell-hair-care-effcet-img-box { max-width: 100%; margin-right: 0;  }
  .wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list .stemcell-hair-care-effcet-img-box .m-img-stemcell-hare-care-effect { width: 100%; display: block; }
  .wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list .stemcell-hair-care-effcet-text-box .stemcell-hair-care-effcet-list-title { font-size: 1rem; font-weight: bold; padding: 0.625rem 0; }
  .wrapper-stemcell-hair-care-effcet .stemcell-hair-care-effcet-list .stemcell-hair-care-effcet-text-box .stemcell-hair-care-effcet-text-content { font-size: 0.812rem; color: #202020; }

  /* -start- 메디컬 SMP */
  .wrap-medical-smp { padding: 8.5rem 0 3.5rem; max-width: 88.88%; }


  .wrap-medical-smp .text-point-title { padding-bottom: 0; margin-bottom: -0.687rem; }
  .wrap-medical-smp .wrapper-definition { max-width: 100%; padding: 0 0 1.625rem; margin: -0.75rem auto 0.937rem; }
  .wrap-medical-smp .wrapper-definition .definition-img-box { max-width: 100%; padding: 0.812rem 0; }
  .wrap-medical-smp .wrapper-definition .definition-img-box .m-img-definition { width: 100%; display: block; }

  .wrapper-medical-smp-character { padding: 0; margin: 0; }
  .wrapper-medical-smp-character .medical-smp-list-img { padding: 4.375rem 0; }
  .wrapper-medical-smp-character .medical-smp-list-img .wrapper-medical-smp-icon { padding: 0; margin: 0; display: block; }
  .wrapper-medical-smp-character .medical-smp-list-img .wrapper-medical-smp-icon .medical-smp-icon-list .medical-smp-character-icon-box { max-width: 70%; margin: 0 auto; }
  .wrapper-medical-smp-character .medical-smp-list-img .wrapper-medical-smp-icon .medical-smp-icon-list .medical-smp-character-icon-box .m-img-medical-smp-character-icon { width: 100%; display: block; }
  .wrapper-medical-smp-character .medical-smp-list-img .wrapper-medical-smp-icon .medical-smp-icon-list .medical-smp-character-text { font-size: 1rem; padding-top: 1.25rem; }
  .wrapper-medical-smp-character .medical-smp-list-img .wrapper-medical-smp-icon .medical-smp-icon-list .tp-1 { padding: 0.625rem 0 0.687rem; }
  .wrapper-medical-smp-character .medical-smp-list-img .wrapper-medical-smp-icon .medical-smp-icon-list .tp-2 { padding: 0.875rem 0 0.937rem; }
  .wrapper-medical-smp-character .medical-smp-list-img .wrapper-medical-smp-icon .medical-smp-icon-list .tp-3 { padding: 1.187rem 0 0; }
  .wrapper-medical-smp-character .medical-smp-list-text { font-size: 0.75rem; }
  .wrapper-medical-smp-character .medical-smp-list-text .medical-smp-list-text2 { font-size: 1rem; }
  /* -end- 메디컬 SMP */

  /* -start- ABC 청혈 */
  .wrap-abc-bmt { padding: 5.5rem 0; width: 88%; max-width: 88%; }
  .wrap-abc-bmt .text-sub-title { font-size: 1.125rem; }
  .wrap-abc-bmt .text-middle-title { font-size: 0.687rem; color: #000; padding-top: 0.75rem; }

  .wrap-abc-bmt .wrapper-abc-definition { max-width: 100%; }
  .wrap-abc-bmt .wrapper-abc-definition .definition-img-box { max-width: 100%; padding: 1.812rem 0 1.1125rem; }
  .wrap-abc-bmt .wrapper-abc-definition .definition-img-box .m-img-abc-definition { width: 100%; display: block; }
  .wrap-abc-bmt .wrapper-abc-definition .wrapper-definition-icon { padding-top: 2.5rem; }
  .wrap-abc-bmt .wrapper-abc-definition .wrapper-definition-icon .definition-icon-box { width: 24%; max-width: 24%; }
  .wrap-abc-bmt .wrapper-abc-definition .wrapper-definition-icon .definition-icon-box .m-icon-abc-definition { width: 100%; display: block; }

  .wrap-abc-bmt .wrapper-abc-effcet { margin: 0 auto; padding: 0; width: 100%; max-width: 100%; text-align: center; }
  .wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list { padding-top: 2.531rem; display: block; }
  .wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list .abc-effcet-img-box { width: 80%; max-width: 80%; margin: 0 auto; }
  .wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list .abc-effcet-img-box .m-img-abc-effect { width: 100%; display: block; }
  .wrap-abc-bmt .wrapper-abc-effcet .abc-effcet-list .abc-effcet-text-box .abc-effcet-list-title { font-size: 1rem; padding-top: 0.612rem; }

  .wrap-abc-bmt .wrapper-abc-function { width: 100%; max-width: 100%; }
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box { padding-top: 3rem; }
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title { font-size: 0.875rem; padding-bottom: 0.437rem; margin-left: 1.25rem; }
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-content { font-size: 0.625rem; }
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-01::before { content: "1. " }
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-02::before { content: "2. " }
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-03::before { content: "3. " }
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-04::before { content: "4. " }
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-05::before { content: "5. " }
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-06::before { content: "6. " }
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-07::before { content: "7. " }
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-01::before,
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-02::before,
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-03::before,
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-04::before,
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-05::before,
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-06::before,
  .wrap-abc-bmt .wrapper-abc-function .abc-function-text-box .function-title-list-07::before { font-size: 0.875rem; color: #202020; margin-left: -1.25rem; }
  
  .wrap-abc-bmt .wrapper-abc-disease { max-width: 100%; }
  .wrap-abc-bmt .wrapper-abc-disease .abc-disease-box { padding: 2.212rem 0 0; width: 90%; max-width: 90%; display: block; }
  .wrap-abc-bmt .wrapper-abc-disease .abc-disease-box .abc-disease-list { font-size: 1.125rem; width: 100%; padding: 0.625rem 0; margin-bottom: 0.937rem; }
  /* -end- ABC 청혈 */
}