@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 820px) {
	
	.header__group							{ height: 120px;	}
	.header__navWrap						{ display: none;}
	.header__inner-group 				{ flex-direction: column; align-items: baseline; padding-top: 20px;  padding-left: 20px; padding-right: 20px; height: 120px; }

	.hamburger-btn              { display: block;}
	.header__title_wrap					{ max-width: 300px; height: 50px; gap: 5px;	}
	.header__title_wrap img			{	width: 50px;}
	.header__title							{ font-size: 2.0rem; line-height: 130%; }
	.logo-m-right								{ margin-right: unset; }
	.header__sub-title					{ font-size: 1.0rem; letter-spacing: 0.5px;	}
	.header__inner_right				{ justify-content: center; height: unset; max-width: unset;	}
	.pt_90											{ padding-top: 120px;	}

	.categoryList_wrap					{ padding-left: 30px; padding-right: 30px;	}
	.categoryList_group					{ gap: 30px;	}
	.categoryList_group_list		{ max-width: unset;	}
	.about_inner__flexWrap			{ flex-direction: column;	}
	.about_inner__flexWrap_leftImg	{ max-width: unset; }
	.about_inner__listWrap			{ width: 100%;	}
	.about_inner__list p				{ font-size: 1.4rem; line-height: 150%; display: block; padding-top: 5px; padding-right: 10px;	}

	.news_list									{ font-size: 1.4rem; height: auto !important; min-height: 60px; padding: 12px 0; flex-wrap: wrap; }
	.news_list_date							{ font-size: 1.2rem; padding: 0; height: auto !important; min-height: unset; width: 100%; margin-bottom: 4px; }
	.news_list p								{ font-size: 1.4rem; line-height: 170%; padding-right: 20px; height: auto !important; min-height: unset; width: 100%; }
	.news_list p::after					{ right: 0px; }
	table.access_table th					{ font-size: 1.4rem; 	}
	table.access_table td					{ font-size: 1.4rem;	}
	.access_table tbody td			{ padding: 2px;	}
	th.access_table_time , td.access_table_time				{ white-space: nowrap; width: auto; font-size: 1.2rem;	}
	
	.access_wrap								{ padding: 30px 20px;	}
	.access_innerWrap						{ flex-direction: column; height: unset; gap: 30px;	}
	.access_innerWrap_left			{ max-width: unset; padding: 20px; }
	.access_button							{ width: 140px; font-size: 1.4rem;	}
	.access_button::after				{ right: 10px;	}
	
	.access_flex-left						{ padding: 20px;	}
	.access_flex-right					{ width: 100%;	}
	.access_innerWrap_right			{	flex-direction: column; height: unset; }
	.access_flex-right iframe		{ position: relative;	}


	.footer_wrap								{ height: unset; padding: 40px 20px 50px 20px;	}
	.footer_innerWrap						{ flex-direction: column-reverse; gap: 50px;	}
	.footer_wrap_right					{ max-width: unset;	}
	.footer_wrap_right_innerGroup	{ flex-direction: column;	}
	.footer_wrap_right_inner-navGroup nav	{ width: 100%; padding-left: 10px; padding-right: 10px; font-size: 1.2rem; justify-content: space-between;	}

	.button_l 									{ height: 60px; text-align: center; line-height: 130%;	}
	.button_l::after						{ top: 15px;	}

	.important-notice_Wrap			{ flex-direction: column; height: unset;	}
	.important-notice_Wrap__left { width: 100%; padding: 30px; text-align: center; }
	.important-notice_Wrap__right	{ width: 100%; padding: 30px 30px 30px 50px; }

	.greeting__wrap							{ flex-direction: column-reverse; padding-left: 20px; padding-right: 20px; gap: 100px;	}
	.greeting__wrap_left				{ max-width: unset; 	}
	.greeting__wrap_right				{ max-width: unset;	}

	.initials_flexWrap					{ flex-direction: column-reverse;	}
	.initials_flex-right-image	{ margin-bottom: 20px;	}
	.initials_flex-left-list		{ line-height: 130% !important;	}
	.features__image-gridWrap		{ grid-template-columns: 1fr; gap: 20px; }

	.consultationWrap						{ padding: 30px;	}
	.consultationWrap_title			{ margin-bottom: 150px;	}
	.consultation_list_image01	{ right: unset; top: 100px; width: 100px; height: 100px;	}
	.consultation_list_image02	{ right: unset; top: 100px; left: 170px; width: 100px; height: 100px;	}
	.consultation_list_image03	{	width: 150px; height: 150px; right: unset; top: 80px; left: 50%; transform: translateX(-50%);	}

	.service_flow_listWrap			{ flex-direction: column;	}
	.service_flow_list					{ max-width: unset;	}
	.service_prepareGroup				{ flex-direction: column;	}
	.service_prepareGroup_left	{ width: 100%; border-radius: unset;	}
	.service_prepareGroup_right	{ width: 100%; text-align: center; display: unset; line-height: 3; height: unset; padding-right: 20px; padding-left: 20px; min-height: 50px; height: 100%;	}
	.reserve_btnWrap						{ flex-direction: column; align-items: center; gap: 30px;	}
	.reserve_btnWrap_btn				{	text-align: center; }

	.beauty-aga__group					{ flex-direction: unset;	}
	.beauty-aga__group_left			{ height: unset; line-height: unset; border-bottom-left-radius: 3px; border-top-left-radius: 3px;	}
	.beauty-aga__group_right-check		{ height: unset; line-height: unset; text-align: left;	}
	.beauty-aga__group_left-check	{ height: unset; border-bottom-left-radius: 3px; border-top-left-radius: 3px;	}
	
	.beauty-aga__group_table_td-a	{ display: block; width: 100%; text-align: center; border-right: unset; border-bottom: 0.5px solid #e3e3e3; font-weight: bold;  padding-top: 10px; padding-bottom: 10px;	}
	.beauty-aga__group_table_td-b	{ display: block; width: 100%; text-align: center; border-bottom: 0.5px solid #e3e3e3; padding-top: 10px; padding-bottom: 10px; 	}
	.beauty-aga__group_table_td-c	{ display: block; width: 100%; text-align: center; border-left: unset; padding-top: 10px; padding-bottom: 10px;	}
	.beauty-aga__group_table tr 	{ border: 3px solid #e3e3e3; height: unset;	}
	.faq__item[open] .faq__answer	{ max-height: 1500px;	}	

	.internal_medicine_table_td-a	{ display: block; width: 100%; text-align: center; border-right: unset; border-bottom: 0.5px solid #e3e3e3; font-weight: bold; padding-top: 10px; padding-bottom: 10px; 	}
	.internal_medicine_table_td-b	{ display: block; width: 100%; text-align: center; border-bottom: 0.5px solid #e3e3e3;  padding-top: 10px; padding-bottom: 10px;	}
	.internal_medicine_table_td-c	{ display: block; width: 100%; text-align: center; border-left: unset; padding-top: 10px; padding-bottom: 10px;	}
	.internal_medicine_table tr 	{ border: 3px solid #e3e3e3; height: unset;	}
	
	.diet_flexWrap   							{ flex-direction: column;	}
	.diet_flex-list								{ max-width: unset;	}

	.p-policy_table th						{ display: block; table-layout: unset; width: 100%; margin-top: -1px;	}
	.p-policy_table td						{ display: block; }



























  /* ========================================
     Hero Section - Mobile
     ======================================== */
  .hero_wrap {
    padding: 32px 16px;
  }
  .hero_title {
    font-size: 20px;
    line-height: 1.5;
  }
  .hero_subtitle {
    font-size: 12px;
    letter-spacing: 1px;
  }
  .hero_lead {
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
  .hero_buttons {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .hero_btn {
    width: 100%;
    max-width: 280px;
    justify-content: center;
    padding: 12px 20px;
    font-size: 14px;
  }
  .hero_note {
    font-size: 11px;
    margin-top: 8px;
  }

  /* ========================================
     Online 3-Step Section - Mobile
     ======================================== */
  .online-steps_wrap {
    padding: 36px 16px;
  }
  .online-steps_title {
    font-size: 18px;
  }
  .online-steps_subtitle {
    font-size: 12px;
    margin-bottom: 24px;
  }
  .online-steps_grid {
    flex-direction: column;
    gap: 8px;
  }
  .online-steps_card {
    width: 100%;
    padding: 20px 16px;
  }
  .online-steps_arrow {
    transform: rotate(90deg);
    font-size: 16px;
  }
  .online-steps_number {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  .online-steps_card_title {
    font-size: 15px;
  }
  .online-steps_card_desc {
    font-size: 12px;
  }
  .online-steps_buttons .hero_btn {
    width: 100%;
    max-width: 280px;
  }
  .online-steps_buttons .hero_btn--red {
    font-size: 14px;
    padding: 12px 20px;
  }

  /* ========================================
     General Mobile Overflow Prevention
     ======================================== */
  body {
    overflow-x: hidden;
  }
  img {
    max-width: 100%;
    height: auto;
  }

  /* ========================================
     Price Section - Mobile
     ======================================== */
  .about_wrap {
    padding-left: 16px;
    padding-right: 16px;
  }
  .about_innerWrap {
    padding-left: 0;
    padding-right: 0;
  }
  .about_inner__title {
    font-size: 1.8rem;
  }

  /* ========================================
     Important Notice - Mobile Enhancement
     ======================================== */
  .important-notice_Wrap__right {
    padding: 20px 16px 20px 16px;
  }
  .important-notice_list-des {
    font-size: 1.3rem;
    line-height: 170%;
  }

  /* ========================================
     Medical Column & News - Mobile
     ======================================== */
  .medicalColumn_innerWrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* ========================================
     Footer - Mobile
     ======================================== */
  .footer_innerWrap {
    padding: 20px 16px;
  }


}