@charset "utf-8";

@media (max-width: 1400px) {
	/* S101 의원소개 */
	.feature-split-item:nth-child(odd) .feature-split-content {padding-right: 60px;}
	.feature-split-item:nth-child(even) .feature-split-content {padding-left: 60px;}
	.feature-split-item .feature-split-content .pc-only {display: none;}

	.split-layout-title {max-width: 400px;}

	/* S102 사람들 */
	.page-staff .staff-list .container {gap: 60px 40px;}
	.page-staff .staff-item {width: calc(33.33333% - 27px);}

	/* S103 걸어온 길 */
	.history-left {padding-right: 80px;}

	/* S201 진료안내 */
	.medical-info-schedule .schedule-item {gap: 60px;}
	.medical-info-schedule .schedule-img {max-width: 450px;}

	/* S402 재택 클리닉 */
	.home-clinic-overview .feature-split-item:nth-child(odd) .feature-split-content {padding-left: 60px;}
	.home-clinic-overview .feature-split-item:nth-child(even) .feature-split-content {padding-right: 60px;}
}

@media (max-width: 1200px) {
	

}

@media (max-width: 1024px) {
	.sub-visual {margin-top:100px;}
	.breadcrumb {padding-top: 20px; margin-bottom: 70px;}
	.breadcrumb ul {margin: 0 -16px;}
	.breadcrumb ul li {padding: 0 16px; font-size: 16px;}
	.breadcrumb ul li img {width: 22px;}
	.sub-title {font-size: 38px; margin-bottom: 50px;}
	.sub-content {padding-bottom: 160px;}
	.sub-intro {margin-bottom: 160px;}
	.sub-intro-img {height: 450px; margin-bottom: 90px;}
	.sub-intro-row02 .sub-intro-img {margin-bottom: 150px;}
	.sub-intro-title {bottom: -48px; font-size: 38px;}
	.sub-intro-row02 .sub-intro-title {bottom: -100px;}
	.sub-intro-desc {font-size: 20px;}

	/* S101 의원소개 */
	.clinic-overview {padding-bottom: 160px;}
	.feature-split-item {flex-direction: column;}
	.feature-split-item:nth-child(odd) {flex-direction: column;}
	.feature-split-item:not(:last-child) {margin-bottom: 100px;}
	.feature-split-item > div {width: 100%;}
	.feature-split-img img {width: 100%;}
	.feature-split-content {padding-top: 30px;}
	.feature-split-item:nth-child(odd) .feature-split-content {padding-right: 0;}
	.feature-split-item:nth-child(even) .feature-split-content {padding-left: 0;}
	.feature-split-content h4 {font-size: 28px; margin-bottom: 15px;}
	.feature-split-content p {font-size: 18px;}
	.feature-split-desc {margin-bottom: 20px;}
	.feature-split-detail:not(:last-child) {margin-bottom: 10px;}

	.greeting-img {height: 450px; margin-bottom: 80px;}
	.greeting-text {margin-bottom: 160px;}
	.split-layout-inner {flex-direction: column; gap: 40px;}
	.split-layout-title {max-width: none; font-size: 30px;}
	.split-layout-sub-title {font-size: 28px; margin-bottom: 30px;}
	.split-layout-desc {font-size: 18px;}
	.split-layout-desc p:not(:last-child) {margin-bottom: 30px;}
	.split-layout-desc .pc-only {display: none;}
	.greeting-name {gap: 20px; margin-top: 60px;}
	.greeting-name span {font-size: 18px;}
	.greeting-name img {width: 180px;}

	.clinic-img-list {margin: -5px;}
	.clinic-img-item {padding: 5px;}

	/* S102 사람들 */
	.page-staff .staff-list .container {gap: 50px 30px;}
	.page-staff .staff-item {width: calc(50% - 15px);}
	.page-staff .staff-img img {width: 100%;}
	.page-staff .staff-content {padding: 20px 20px 30px;}
	.page-staff .staff-info .name {font-size: 24px;}
	.page-staff .staff-info .position {font-size: 16px;} 
	.page-staff .staff-info .line {margin-top: 6px;}
	.page-staff .staff-info .major {font-size: 16px; margin-top: 6px;}
	.page-staff .staff-career li {font-size: 16px;}
	.page-staff .btn-pop-open {font-size: 15px;}

	.staff-popup .popup-header {padding: 20px 30px;}
	.staff-popup .popup-title {font-size: 22px;}
	.staff-popup .btn-close {width: 30px; height: 30px; background-size: 30px auto;}
	.staff-popup .popup-content {padding: 30px 30px 50px;}
	.staff-popup .info-item:not(:last-child) {margin-bottom: 50px;}
	.staff-popup .info-item .major {font-size: 16px; margin-bottom: 10px;}
	.staff-popup .info-item .name {font-size: 30px;}
	.staff-popup .info-item .position {font-size: 20px;}
	.staff-popup .info-item-quote p {font-size: 18px;}
	.staff-popup .info-item-career li {font-size: 16px;}
	.staff-popup .info-item-career li .date {margin-right: 10px;}

	/* S103 걸어온 길 */
	#wrapper.wrapper103 {overflow: hidden;}
	.journey-story {margin-bottom: 140px;}
	.journey-story .journey-img {height: 360px; margin-bottom: 60px;}
	.journey-story .split-layout-inner {gap: 30px;}
	.journey-value .img-1 img {width: 450px;}
	.journey-value-eyebrow {font-size: 18px;}
	.journey-value-title {font-size: 38px;}
	.journey-value-desc {font-size: 18px;}

	.journey-history {padding: 140px 0 0;}
	.history-inner {flex-direction: column;}
	.history-left {position: relative; top: auto; width: 100%; padding-right: 0; padding-bottom: 60px;}
	.history-left .history-head {margin-bottom: 30px;}
	.history-left h4 {font-size: 30px;}
	.history-current-year {display: none;}

	.history-line-progress {z-index: 1;}
	.history-list {width: 100%; padding-bottom: 160px; border-left: 1px solid #ddd;}
	.history-item {padding-left: 40px;}
	.history-item:last-child {padding-bottom: 0;}
	.history-dot {top: 77px;}
	.history-year {font-size: 36px; margin-bottom: 15px;}
	.history-month {max-width: 56px; font-size: 18px;}
	.history-desc p {font-size: 18px; padding-left: 18px;}
	.history-desc p:before {top: 13px;}
	.history-desc p img {width: 28px;}

	/* S201 진료안내 */
	.medical-info-time {padding-bottom: 140px;}
	.medical-info-time .feature-split-item:not(:last-child) {margin-bottom: 60px;}
	.medical-info-time .feature-split-content h4 {font-size: 30px;}
	.medical-info-time .feature-split-content p {font-size: 20px;}
	.medical-info-time .feature-split-detail:not(:last-child) {margin-bottom: 15px;}
	.medical-info-schedule .schedule-items {gap: 60px;}
	.medical-info-schedule .schedule-item {flex-direction: column; gap: 30px;}
	.medical-info-schedule .schedule-item:nth-child(even) {flex-direction: column;}
	.medical-info-schedule .schedule-img {max-width: none;}
	.medical-info-schedule .schedule-content {padding-top: 0;}
	.medical-info-schedule .staff-info {padding-bottom: 10px; margin-bottom: 30px;}
	.medical-info-schedule .staff-info .name {font-size: 30px; margin-right: 18px;}
	.medical-info-schedule .staff-info .position {font-size: 24px;} 
	.medical-info-schedule .staff-info .major {font-size: 18px;}
	.medical-info-schedule .table-title {font-size: 24px;}
	.table thead th {font-size: 18px; padding: 16px 10px;}
	.table tbody th {font-size: 16px;}
	.medical-info-schedule thead th {font-size: 16px;}
	.medical-info-schedule tbody td {padding: 15px 5px;}
	.medical-info-schedule .badge {min-width: 78px; font-size: 16px;}
	
	/* S202 진료비 */
	.fee-non-covered,
	.fee-visit {padding-bottom: 160px;}
	.fee-non-covered .table-unit {font-size: 16px; margin-bottom: 15px;}
	.fee-non-covered tbody td {font-size: 16px; padding: 16px 10px;}
	.fee-visit-img {height: 450px; margin-bottom: 80px;}

	.consult-section {padding: 80px 0 90px;}
	.consult-section:before {background-size: 280px; left: 2%;}
	.consult-section:after {background-size: 290px; right: 2%;}
	.consult-desc {font-size: 20px;}
	.consult-contact {font-size: 30px;}
	.consult-section .btn-more {font-size: 16px; padding: 10px 60px;}

	/* S203 찾아가는 길 */
	.page-location .location-map {margin-bottom: 20px;}
	.page-location .root_daum_roughmap {height:470px !important;}
	.page-location .root_daum_roughmap .wrap_map {height:470px !important;}
	.page-location .btn-wrap {gap: 12px; margin-bottom: 20px;}
	.page-location .btn-wrap .btn {gap:10px; padding: 10px 18px; font-size: 15px;}
	.page-location .info-item {padding-bottom: 30px;}
	.page-location .info-item:not(:first-child) {padding-top: 40px;}
	.page-location .info-title {font-size: 24px;}
	.page-location .info-content {font-size: 18px;}
	.page-location .bus {font-size: 16px; margin-right: 15px;}

	/* S301 내과·내분비내과 */
	.internal-overview {padding-bottom: 140px;}
	.sub-section-title {font-size: 30px; margin-bottom: 30px;}
	.service-list {padding: 140px 0 160px;}
	.service-items {margin: -15px -10px;}
	.service-item {padding: 15px 10px;}
	.service-item-inner {padding: 20px 20px 30px;}
	.service-title .icon {max-width: 50px;}
	.service-title h5 {font-size: 24px;}
	.service-desc {min-height: 140px;}
	.service-desc li {font-size: 16px; padding-left: 30px;}
	.service-desc li:before {top: 10px; left: 12px;}
	.service-desc ul.col-2 li {width: 100%;}
	.service-desc li .pc-only {display: none;}

	/* S302 건강검진 */
	.checkup-overview {padding-bottom: 140px;}

	/* S401 재택의료센터 */
	.intro-layout-title {font-size: 30px; margin-bottom: 20px;}
	.intro-layout-desc {font-size: 18px;}
	.intro-layout-desc .pc-only {display: none;}
	.intro-layout-img {gap: 20px;}
	.intro-layout-img figure {width: calc(50% - 10px);}
	.home-center-intro {padding-bottom: 140px;}
	.home-center-intro .intro-layout-img {margin-top: 50px;}
	.home-center-overview {padding: 120px 0 140px;}
	.home-center-overview .intro-layout-wrap:not(:last-child) {margin-bottom: 60px;}
	.home-center-service {padding-top: 140px;}
	.home-service-list {margin: -15px -10px;}
	.home-service-item {width: 50%; padding: 15px 10px;}
	.home-service-inner {min-height: 280px; padding: 20px;}
	.home-service-icon img {width: 70px;}
	.home-service-title {font-size: 22px; padding-bottom: 6px; margin-bottom: 15px;}
	.home-service-desc {font-size: 16px;}
	.home-center-process {padding: 160px 0 150px;}
	.home-process-icon img {width: 90px;}
	.home-process-title {font-size: 22px; margin-bottom: 10px;}
	.home-process-desc {font-size: 18px; padding: 0 10px;}

	/* S402 재택 클리닉 */
	.home-clinic-overview {margin-bottom: 160px;}
	.home-clinic-overview .feature-split-item {gap: 30px;}
	.home-clinic-overview .feature-split-item:nth-child(odd) {flex-direction: column;}
	.home-clinic-overview .feature-split-item:nth-child(even) {flex-direction: column;}
	.home-clinic-overview .feature-split-item:nth-child(odd) .feature-split-content {padding-left: 0;}
	.home-clinic-overview .feature-split-item:nth-child(even) .feature-split-content {padding-right: 0;}

	/* S403 재택 의료 교육·컨설팅 */
	.home-edu-img-list:not(:last-child) {margin-bottom: 100px;} 

	/* S404 함께하는 기관 */
	.partners-list {padding-bottom: 140px;}
	.partners-list tbody td {font-size: 16px; padding: 16px 5px;}
	.partners-list button {width: 240px; font-size: 16px; margin: 50px auto 0;}
	.partners-img {height: 600px;}
	.partners-text p {font-size: 26px;}

	/* S601 상담신청 */
	.inquiry-intro {padding: 120px 0; margin-bottom: 80px;}
	.inquiry-title {font-size: 38px; margin-bottom: 15px;}
	.inquiry-desc {font-size: 20px;}
}

@media (max-width: 768px) {
	.sub-visual {margin-top:80px;}
	.sub-title {font-size: 30px; margin-bottom: 40px;}
	.sub-content {padding-bottom: 120px;}
	.sub-intro {margin-bottom: 120px;}
	.sub-intro-img {height: 320px; margin-bottom: 80px;}
	.sub-intro-row02 .sub-intro-img {margin-bottom: 130px;}
	.sub-intro-title {bottom: -38px; font-size: 28px;}
	.sub-intro-row02 .sub-intro-title {bottom: -80px;}
	.sub-intro-desc {font-size: 18px;}

	/* S101 의원소개 */
	.clinic-overview {padding-bottom: 120px;}
	.feature-split-item:not(:last-child) {margin-bottom: 80px;}
	.feature-split-content h4 {font-size: 24px;}
	.feature-split-content p {font-size: 16px;}

	.greeting-img {height: 300px; margin-bottom: 60px;}
	.greeting-text {margin-bottom: 120px;}
	.split-layout-inner {gap: 30px;}
	.split-layout-title {font-size: 26px;}
	.split-layout-sub-title {font-size: 24px; margin-bottom: 20px;}
	.split-layout-desc {font-size: 16px;}
	.split-layout-desc p:not(:last-child) {margin-bottom: 20px;}
	.greeting-name {margin-top: 40px;}
	.greeting-name span {font-size: 16px;}
	.greeting-name img {width: 160px;}
	.clinic-img-list {flex-wrap: wrap; margin: -5px;}
	.clinic-img-item {width: 50%; padding: 5px;}
	
	/* S102 사람들 */
	.page-staff .staff-list .container {gap: 30px 20px;}
	.page-staff .staff-item {width: calc(50% - 10px);}
	.page-staff .staff-content {padding: 15px 15px 20px;}
	.page-staff .staff-info .name {font-size: 20px;}
	.page-staff .staff-info .position {font-size: 15px;} 
	.page-staff .staff-info .major {font-size: 15px;}
	.page-staff .staff-career li {font-size: 15px;}
	.page-staff .btn-pop-open {font-size: 14px;}
	.staff-popup .popup-header {padding: 15px 20px;}
	.staff-popup .popup-title {font-size: 18px;}
	.staff-popup .popup-content {padding: 20px 20px 40px;}
	.staff-popup .info-item:not(:last-child) {margin-bottom: 40px;}
	.staff-popup .info-item .major {font-size: 15px;}
	.staff-popup .info-item .name {font-size: 26px;}
	.staff-popup .info-item .position {font-size: 18px;}
	.staff-popup .info-item-quote p {font-size: 16px;}
	.staff-popup .info-item-career li {font-size: 15px;}

	/* S103 걸어온 길 */
	.journey-story {margin-bottom: 100px;}
	.journey-story .journey-img {height: 260px; margin-bottom: 50px;}
	.journey-story .split-layout-inner {gap: 20px;}
	.journey-value .img-1 img {width: 70%;}
	.journey-value-eyebrow {font-size: 16px;}
	.journey-value-title {font-size: 30px;}
	.journey-value-desc {font-size: 16px;}
	.journey-history {padding: 100px 0 0;}
	.history-left {padding-bottom: 50px;}
	.history-left .history-head {margin-bottom: 20px;}
	.history-left h4 {font-size: 26px;}
	.history-list {padding-bottom: 120px;}
	.history-item {padding-bottom: 40px; padding-left: 30px;}
	.history-item:last-child {padding-bottom: 0;}
	.history-dot {top: 64px;}
	.history-year {font-size: 32px; margin-bottom: 10px;}
	.history-month {max-width: 50px; font-size: 16px;}
	.history-desc p {font-size: 16px;}
	.history-desc p:before {top: 10px;}
	.history-desc p img {width: 26px;}

	/* S201 진료안내 */
	.medical-info-time {padding-bottom: 100px;}
	.medical-info-time .feature-split-content h4 {font-size: 26px;}
	.medical-info-time .feature-split-content p {font-size: 18px;}
	.medical-info-schedule .staff-info .name {font-size: 26px; margin-right: 14px;}
	.medical-info-schedule .staff-info .position {font-size: 20px;} 
	.medical-info-schedule .staff-info .line {height: 18px; margin-right: 14px;}
	.medical-info-schedule .staff-info .major {font-size: 16px;}
	.medical-info-schedule .table-title {font-size: 20px; margin-bottom: 10px;}
	.table thead th {font-size: 16px; padding: 14px 10px;}
	.table tbody th {font-size: 15px;}
	.medical-info-schedule .table {min-width: 580px;}
	.medical-info-schedule thead th {font-size: 15px; padding: 14px 10px;}
	.medical-info-schedule tbody td {padding: 12px 5px;}
	.medical-info-schedule .badge {min-width: 74px; font-size: 15px;}

	/* S202 진료비 */
	.fee-non-covered,
	.fee-visit {padding-bottom: 120px;}
	.fee-non-covered .table-unit {font-size: 15px; margin-bottom: 15px;}
	.fee-non-covered tbody td {font-size: 15px; padding: 14px 10px;}
	.fee-visit-img {height: 300px; margin-bottom: 60px;}

	.consult-section {padding: 70px 0 80px;}
	.consult-section:before {background-size: 180px; left: -14%;}
	.consult-section:after {background-size: 190px; right: -14%;}
	.consult-desc {font-size: 18px; margin-bottom: 10px;}
	.consult-contact {font-size: 26px; margin-bottom: 30px;}
	.consult-section .btn-more {font-size: 16px; padding: 10px 50px;}

	/* S203 찾아가는 길 */
	.page-location .root_daum_roughmap {height:350px !important;}
	.page-location .root_daum_roughmap .wrap_map {height:350px !important;}
	.page-location .btn-wrap {gap: 10px;}
	.page-location .btn-wrap .btn {padding: 10px 15px; font-size: 14px;}
	.page-location .info-item {padding-bottom: 30px;}
	.page-location .info-item:not(:first-child) {padding-top: 30px;}
	.page-location .info-title {font-size: 20px;}
	.page-location .info-content {font-size: 16px;}
	.page-location .bus {padding: 2px 16px; font-size: 15px;}

	/* S301 내과·내분비내과 */
	.internal-overview {padding-bottom: 100px;}
	.sub-section-title {font-size: 26px; margin-bottom: 30px;}
	.service-list {padding: 100px 0 120px;}
	.service-items {margin: -10px;}
	.service-item {width: 100%; padding: 10px;}
	.service-item-inner {padding: 20px 20px 30px;}
	.service-title .icon {max-width: 40px;}
	.service-title h5 {font-size: 20px;}
	.service-desc {min-height: auto;}

	/* S302 건강검진 */
	.checkup-overview {padding-bottom: 100px;}
	.page-health-checkup .service-desc {min-height: auto;}

	/* S401 재택의료센터 */
	.intro-layout-title {font-size: 26px; margin-bottom: 15px;}
	.intro-layout-desc {font-size: 16px;}
	.intro-layout-img {flex-direction: column;}
	.intro-layout-img figure {width: 100%;}
	.intro-layout-img img {width: 100%;}
	.home-center-intro {padding-bottom: 100px;}
	.home-center-intro .intro-layout-img {margin-top: 40px;}
	.home-center-overview {padding: 80px 0 100px;}
	.home-center-overview .intro-layout-wrap:not(:last-child) {margin-bottom: 50px;}
	.home-center-service {padding-top: 100px;}
	.home-service-list {margin: -10px;}
	.home-service-item {width: 100%; padding: 10px;}
	.home-service-inner {min-height: 230px; padding: 20px;}
	.home-service-icon img {width: 60px;}
	.home-service-title {font-size: 20px;}
	.home-service-desc {font-size: 16px;}
	.home-center-process {padding: 120px 0 100px;}
	.home-process-list {flex-wrap: wrap; gap: 50px 0;}
	.home-process-item {width: 50%; flex: auto;} 
	.home-process-icon {padding-bottom: 20px; margin-bottom: 30px;}
	.home-process-icon img {width: 80px;}
	.home-process-item:nth-child(even) .home-process-icon:after {display: none;}
	.home-process-title {font-size: 20px;}
	.home-process-desc {font-size: 16px;}

	/* S402 재택 클리닉 */
	.home-clinic-overview {margin-bottom: 120px;}

	/* S403 재택 의료 교육·컨설팅 */
	.page-home-edu .feature-split-desc {margin-bottom: 15px;}
	.home-edu-img-list {flex-wrap: wrap; gap: 10px;}
	.home-edu-img-list:not(:last-child) {margin-bottom: 80px;}
	.home-edu-img-item {width: calc(50% - 20px); flex: auto;}
	.home-edu-img-item img {width: 100%;}

	/* S404 함께하는 기관 */
	.partners-list {padding-bottom: 100px;}
	.partners-list tbody td {font-size: 15px; padding: 14px 5px;}
	.partners-img {height: 400px;}
	.partners-text p {font-size: 22px;}
	.partners-text p .pc-only {display: none;}

	/* S601 상담신청 */
	.inquiry-intro {padding: 100px 0; margin-bottom: 60px;}
	.inquiry-title {font-size: 30px;}
	.inquiry-desc {font-size: 18px;}
}

@media (max-width: 480px) {
	.sub-intro-title .pc-only {display: none;}
	.sub-intro-desc .pc-only {display: none;}

	/* S102 사람들 */
	.page-staff .staff-list .container {gap: 20px;}
	.page-staff .staff-item {width: 100%;}
}