@charset "utf-8";

@media (max-width: 1800px) {
	.quick-menu {right: 15px;}
}

@media (max-width: 1600px) {
	.main-intro-text {gap: 140px;}
}

@media (max-width: 1400px) {
	/* header */
	#gnb > ul > li > a {padding:0 30px; font-size: 20px;}

	.main-intro-text {gap: 80px; padding: 0 30px;}
	.main-intro-text .desc .pc-only {display: none;}

	.main-homecare .section-title-inner {padding: 0 100px 85px;}

	.main-staff .staff-slide-item-inner {gap: 60px;}
	.main-staff .staff-img {max-width: 450px;}

	/* quick-menu */
	.quick-menu {width: 170px;}
	.quick-menu-links a {gap: 10px; height: 54px; font-size: 16px;}
	.quick-menu-contact {padding: 20px 15px 24px; margin-bottom: 20px;}
	.quick-menu-contact .quick-menu-tel-wrap:nth-child(1) {padding-bottom: 10px; margin-bottom: 10px;}
	.quick-menu-contact .quick-menu-tel-wrap:nth-child(2) {margin-bottom: 10px;}
	.quick-menu-contact .quick-menu-tel-title {font-size: 16px;}
	.quick-menu-contact .quick-menu-tel {font-size: 18px;}
	.quick-menu-contact .quick-menu-btn {padding: 14px 14px; font-size: 15px;}
	.quick-menu .btn-scroll-to-top {width: 62px; height: 62px;}  
	
}

@media (max-width: 1200px) {
	/* header */
	#gnb > ul > li > a {padding:0 20px; font-size: 18px;}

	.main-homecare .section-title-inner {padding: 0 0 85px;}
	.main-homecare-text {margin-top: 0;}

	.main-staff .staff-content {flex-direction: column; gap: 50px;}
	.main-staff .staff-nav {max-width: none; width: 100%;}
	/* .main-staff .staff-nav ul {flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 15px 30px;}
	.main-staff .staff-nav ul:before {display: none;}
	*/
	.main-staff .staff-nav ul {gap: 20px;}
	.main-staff .staff-slide-items {width: 100%; flex: auto;} 
}

@media (max-width: 1024px) {
	/* header */
	#header {height:100px;}
	#header .logo img {width: 180px;}
	#gnb {display:none;}

	/* main */
	.main-visual {margin-top: 100px;}
	.main-visual .item {height: 630px;}
	.main-visual .text-box h2 {font-size: 50px;}

	.main-visual .shape {width: 120px; background-size: 120px auto;}
	.main-visual .btn-scroll-down {left: -35px; bottom: 104px; gap: 20px;}
	.main-visual .btn-scroll-down .text {font-size: 12px;}
	.main-visual .btn-scroll-down .line {width: 60px;}

	.section-title h3 {font-size: 40px; padding-right: 155px;}
	.section-title h3:after {top: 27px; width: 130px;}
	.section-title h4 {font-size: 28px;}

	.main-intro {padding: 150px 0;}
	.main-intro:before {background-size: 450px auto;}
	.main-intro-text {flex-direction: column; gap: 60px; padding: 0 30px; margin-bottom: 120px;}
	.main-intro-text .section-title {max-width: none;}
	.main-intro-text .section-title h3 {padding-right: 105px;}
	.main-intro-text .desc {width: 100%; flex: auto; font-size: 20px; padding-top: 0;}
	.main-intro-img {height: 420px;}
	
	.main-homecare .section-title-inner {padding: 0 0 70px;}
	.main-homecare .section-title h3 {padding-top: 145px;}
	.main-homecare .section-title h3:after {height: 110px;}
	.main-homecare-text-inner {padding: 220px 15px 50px;}
	.main-homecare-text h5 {font-size: 36px; margin-bottom: 110px;}
	.main-homecare-text p {font-size: 24px;}

	.main-staff {padding: 150px 0;}
	.main-staff:before {top: -14%; background-size: 350px auto;}
	.main-staff .section-title {margin-bottom: 60px;}
	.main-staff .staff-nav ul li {font-size: 18px; padding-left: 40px;} 
	.main-staff .staff-nav ul li:before {top: 8px;}
	.main-staff .staff-nav ul li.is-active:before {top: 0;}
	.main-staff .staff-slide-item-inner {gap: 40px;}
	.main-staff .staff-img {max-width: 380px;}
	.main-staff .staff-text .quote {font-size: 28px; margin-bottom: 40px; padding-top: 34px; padding-bottom: 15px;}
	.main-staff .staff-text .quote:before {background-size: 46px auto;}
	.main-staff .staff-text .quote:after {background-size: 46px auto;}
	.main-staff .staff-text .staff-info {display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 12px;}
	.main-staff .staff-text .staff-info .name {font-size: 26px; margin-right: 15px;}
	.main-staff .staff-text .staff-info .position {font-size: 22px;} 
	.main-staff .staff-text .staff-info .line {height: 18px; margin-right: 15px; margin-top: 4px;}
	.main-staff .staff-text .staff-info .major {font-size: 18px; margin-top: 4px;}
	.main-staff .staff-text .staff-career {gap: 4px; margin-bottom: 35px;}
	.main-staff .staff-text .staff-career li {font-size: 18px; padding-left: 26px;}
	.main-staff .staff-text .staff-career li:before {top: 10px; left: 8px;}
	.main-staff .staff-text .btn-more {font-size: 18px; padding: 10px 60px;}

	.main-service {padding: 150px 0;}
	.main-service:before {background-size: 360px auto;}
	.main-service .section-title {margin-bottom: 50px;}
	.main-service .service-items {margin: -10px;}
	.main-service .service-item {width: 50%; padding: 10px;}
	.main-service .service-item-inner {padding: 60px 60px 30px 30px;}
	.main-service .service-item h5 {font-size: 24px; padding-right: 30px;}
	.main-service .service-item p {font-size: 18px;}
	.main-service .service-item .icon {top: 15px; right: 15px; background-size: 60px auto;}

	.main-qna {padding: 150px 0 100px;}
	.main-qna .section-title {margin-bottom: 50px;}
	.main-qna .qna-item {padding: 22px 40px;}
	.main-qna .qna-question {gap: 15px;}
	.main-qna .qna-question:after {top: 2px;}
	.main-qna .qna-question .qna-label {font-size: 18px; margin-top: 3px;}
	.main-qna .qna-question .qna-text {font-size: 22px;}
	.main-qna .qna-answer {font-size: 20px; margin-top: 15px;}
	.main-qna .qna-item.active {padding: 36px 40px;}
	.main-qna .qna-item.active .qna-question .qna-label {font-size: 22px;}

	.main-sns {margin-bottom: 150px;}
	.main-sns .sns-inner {min-height: 400px; padding: 100px 20px;}
	.main-sns .sns-inner:after {background-size: 350px auto;}
	.main-sns .sns-cont h3 {font-size: 36px; margin-bottom: 20px;}
	.main-sns .sns-cont p {font-size: 20px;}
	.main-sns .btn-blog {width: 310px; font-size: 18px; padding: 12px;}
	.main-sns .btn-blog img {width: 44px;}

	.main-location {margin-bottom: 150px;}
	.main-location .location-map {margin-bottom: 60px;}
	.main-location .root_daum_roughmap {height:500px !important;}
	.main-location .root_daum_roughmap .wrap_map {height:500px !important;}
	.main-location .location-info-wrap {gap: 40px; padding: 0 16px;}
	.main-location .location-info-title {font-size: 22px; margin-bottom: 18px;}
	.main-location .location-info-list {gap: 8px;}
	.main-location .location-info-list dt {max-width: 90px; font-size: 18px;}
	.main-location .location-info-list dd {font-size: 18px;}
	.main-location .location-info-notice {margin-top: 8px;}
	.main-location .location-info-notice p {font-size: 16px; padding-left: 14px;}

	/* footer */
	#footer {padding: 60px 0 42px;}
	.footer-top {gap: 40px; padding-bottom: 40px; margin-bottom: 30px;}
	.footer-info-row {gap: 4px 30px;}
	.footer-info p {font-size: 15px;}
	.footer-bottom .terms a {width: 170px; font-size: 15px; padding: 5px 16px;}
	.footer-bottom .terms a:after {right: 14px;}
	.footer-bottom .copyright {font-size: 15px;}

	/* quick-menu */
	.quick-menu {top: auto; transform: translateY(0); bottom: 100px; width: 54px;}
	.quick-menu-links a {height: 54px; border-radius: 10px;}
	.quick-menu-links .quick-menu-youtube img {width: 28px;}
	.quick-menu-links a span {display: none;}
	.quick-menu-contact {padding: 0; border-radius: 0; border: none; background: transparent;}
	.quick-menu-contact .quick-menu-tel-wrap {display: none;}
	.quick-menu-contact .quick-menu-btn {width: 100%; height: 54px; border-radius: 10px; padding: 15px;}
	.quick-menu-contact .quick-menu-btn:hover {transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.15);}
	.quick-menu-contact .quick-menu-btn .text {display: none;}
	.quick-menu .btn-scroll-to-top {width: 54px; height: 54px;}  
}

@media (max-width: 768px) {
	/* header */
	#header {height:80px;}
	#header .logo img {width: 160px;}

	/* main */
	.main-visual {margin-top: 80px;}
	.main-visual .item {height: 550px;}
	.main-visual .text-box h2 {font-size: 40px;}

	.main-visual .shape {width: 110px; background-size: 110px auto;}
	.main-visual .btn-scroll-down {left: -35px; bottom: 95px; gap: 15px;}
	.main-visual .btn-scroll-down .text {font-size: 12px;}
	.main-visual .btn-scroll-down .line {width: 60px;}

	.section-title h3 {font-size: 30px; padding-right: 125px;}
	.section-title h3:after {top: 21px; width: 100px;}
	.section-title h4 {font-size: 24px;}

	.main-intro {padding: 100px 0;}
	.main-intro:before {top: 22.5%; background-size: 280px auto;}
	.main-intro-text {gap: 40px; padding: 0 10px; margin-bottom: 100px;}
	.main-intro-text .section-title h3 {padding-right: 80px;}
	.main-intro-text .desc {font-size: 16px;}
	.main-intro-img {height: 360px;}

	.main-homecare .section-title-inner {padding: 0 0 70px;}
	.main-homecare .section-title h3 {padding-top: 115px;}
	.main-homecare .section-title h3:after {height: 90px;}
	.main-homecare-text-inner {padding: 160px 15px 40px;}
	.main-homecare-text h5 {font-size: 26px; margin-bottom: 70px;}
	.main-homecare-text p {font-size: 18px;}

	.main-staff {padding: 100px 0;}
	.main-staff:before {top: -18%; background-size: 280px auto;}
	.main-staff .section-title {margin-bottom: 60px;}
	.main-staff .staff-nav ul li {font-size: 16px; padding-left: 40px;} 
	.main-staff .staff-nav ul li:before {top: 7px;}
	.main-staff .staff-nav ul li.is-active:before {top: 0;}
	.main-staff .staff-slide-item-inner {flex-direction: column; gap: 20px;}
	.main-staff .staff-img {max-width: none;}
	.main-staff .staff-img img {margin: 0 auto;}
	.main-staff .staff-text {width: 100%; flex: auto;}
	.main-staff .staff-text .quote {font-size: 24px; margin-bottom: 20px;}
	.main-staff .staff-text .quote:before {left: -12px; background-size: 30px auto;}
	.main-staff .staff-text .quote:after {background-size: 30px auto;}
	.main-staff .staff-text .staff-info .name {font-size: 22px; margin-right: 10px;}
	.main-staff .staff-text .staff-info .position {font-size: 18px;} 
	.main-staff .staff-text .staff-info .line {height: 16px; margin-right: 10px;}
	.main-staff .staff-text .staff-info .major {font-size: 16px;}
	.main-staff .staff-text .staff-career li {font-size: 16px; padding-left: 22px;}
	.main-staff .staff-text .staff-career li:before {top: 9px; left: 6px;}
	.main-staff .staff-text .btn-more {font-size: 16px; padding: 10px 50px;}

	.main-service {padding: 100px 0;}
	.main-service:before {background-size: 240px auto;}
	.main-service .section-title {margin-bottom: 40px;}
	.main-service .service-items {margin: -5px;}
	.main-service .service-item {width: 100%; padding: 5px;}
	.main-service .service-item-inner {padding: 50px 60px 30px 30px;}
	.main-service .service-item h5 {font-size: 20px; padding-right: 20px;}
	.main-service .service-item p {font-size: 16px;}
	.main-service .service-item .icon {top: 10px; right: 10px; background-size: 50px auto;}

	.main-qna {padding: 100px 0 80px;}
	.main-qna .section-title {margin-bottom: 40px;}
	.main-qna .section-title h3 {padding-right: 0;}
	.main-qna .section-title h3:after {display: none;}
	.main-qna .qna-items {gap: 10px;}
	.main-qna .qna-item {padding: 22px 30px;}
	.main-qna .qna-question {gap: 15px;}
	.main-qna .qna-question:after {top: 2px;}
	.main-qna .qna-question .qna-label {font-size: 16px; margin-top: -1px;}
	.main-qna .qna-question .qna-text {font-size: 18px;}
	.main-qna .qna-answer {font-size: 16px; margin-top: 15px; padding-left: 30px;}
	.main-qna .qna-item.active {padding: 36px 30px;}
	.main-qna .qna-item.active .qna-question .qna-label {font-size: 18px;}
	
	.main-sns {margin-bottom: 100px;}
	.main-sns .sns-inner {min-height: 350px;}
	.main-sns .sns-inner:after {background-size: 294px auto;}
	.main-sns .sns-cont h3 {font-size: 26px;}
	.main-sns .sns-cont p {font-size: 18px;}
	.main-sns .btn-blog {width: 260px; font-size: 16px; padding: 8px 12px;}
	.main-sns .btn-blog img {width: 40px;}
	.main-sns .slick-dots {position: relative; bottom: auto; justify-content: center; margin-top: 20px;}
	.main-sns .slick-dots button {background: rgba(66, 66, 66, 0.60);}

	.main-location {margin-bottom: 100px;}
	.main-location .location-map {margin-bottom: 40px;}
	.main-location .root_daum_roughmap {height:400px !important;}
	.main-location .root_daum_roughmap .wrap_map {height:400px !important;}
	.main-location .location-info-wrap {flex-direction: column; gap: 40px; padding: 0 10px;}
	.main-location .location-info {flex: auto;}
	.main-location .location-info-title {font-size: 20px;}
	.main-location .location-info-list {gap: 8px;}
	.main-location .location-info-list dt {max-width: 80px; font-size: 16px;}
	.main-location .location-info-list dd {font-size: 16px;}
	.main-location .location-info-notice p {font-size: 15px; padding-left: 14px;}

	/* footer */
	#footer {padding: 50px 0 80px;}
	.footer-top {align-items: center; flex-direction: column; gap: 20px; padding-bottom: 30px; margin-bottom: 20px;}
	.footer-info {width: 100%; flex: auto;}
	.footer-info-row {flex-direction: column; align-items: center;}
	.footer-info p {font-size: 14px;}
	.footer-bottom {flex-direction: column;}
	.footer-bottom .terms {justify-content: center; flex-wrap: wrap;}
	.footer-bottom .terms a {width: 160px; font-size: 14px; padding: 5px 16px;}
	.footer-bottom .terms a:after {right: 14px;}
	.footer-bottom .copyright {font-size: 14px;}

	/* quick-menu */
	.quick-menu {position: fixed; top: auto; bottom: 16px; left: 15px; right: 15px; transform: none; width: auto; flex-direction: row; align-items: stretch; gap: 8px;}
	.quick-menu-links {flex-direction: row; width: auto; margin-bottom: 0;}
	.quick-menu-links li {flex: 1;}
	.quick-menu-links a {gap: 6px; height: 46px; padding: 0 12px; border-radius: 10px;}
	.quick-menu-contact {flex: 1; display: flex; align-items: center; padding: 0; margin-bottom: 0; border: 0; background: transparent; box-shadow: none;}
	.quick-menu-contact .quick-menu-btn {width: 100%; height: 46px; justify-content: center; border-radius: 10px; padding: 0 16px; font-size: 14px;}
	.quick-menu-contact .quick-menu-btn .text {display: block;}
	.quick-menu-contact .quick-menu-btn .icon {display: none;}
	.quick-menu .btn-scroll-to-top {flex-shrink: 0; width: 46px; height: 46px; border-radius: 10px;}

	#sub .quick-menu {justify-content: flex-end;}
	#sub .quick-menu.show .btn-scroll-to-top {border-radius: 50%;}
}

@media (max-width: 480px) {
	.main-visual .text-box h2 {font-size: 34px;}


	.main-intro:before {top: 27.5%; background-size: 250px auto;}

	.main-sns .sns-cont p br {display: none;}
}