/*  32	a	@charset "utf-8"; */
::-moz-selection {
   background-color: #000;
   color: #fff;
}
::selection {
	background-color: #000;
	color: #fff;
}

@keyframes backgroundFade {
  0%   { background-color: #5dccc3; }
  33%  { background-color: #5dc8cc; }
  66%  { background-color: #5dcfc4; }
  100% { background-color: #6fd7cd; }
}

.main_vis {aspect-ratio: 1 / .55;display: block;background: url('/dist/image/main/vis.jpg') no-repeat;background-size: cover;transition: all .8s;position: relative;color: #5A695D}
.main_vis .text {position: absolute;left: 0;top:calc(50% - 140px);text-align: center;width: 100%}
.main_vis .title {font-family: 'NEXONBold';font-size: 55px;letter-spacing: -5%;line-height: 1.3em}
.main_vis .sub {font-family: 'Pretendard-Medium';font-size: 20px;letter-spacing: 20%;margin-bottom: 25px}
.main_vis .bt {margin-top: 30px}

#main01 {background: #EFF3EB}
#main01 .d-flex {margin-top: 80px}
.clinic_card {background: #ffffff;border-radius: 999px 999px 0 0;width:31%;padding: 80px 0;text-align: center}
.clinic_card:hover {background: rgba(255, 255, 255, 0.649)}
.clinic_card h3 {font-family: 'NEXONBold';font-size: 26px;margin-top: 70px}
.clinic_card .text {font-family: 'NEXONLv2';font-size: 15px;margin-top: 35px;line-height: 1.6em;color: #1b1b1b}

#main02 {background: url('/dist/image/main/forest1.png') no-repeat;background-size: cover;height: 600px;animation: backgroundFade 10s infinite ease-in-out;color: #ffffff !important}
#main02 .bt {margin-top: 30px}

#main03 {background: #fafbf7}
.pr_card {width: 48%;border-radius: 25px;padding: 70px;position: relative}
.pr_card:first-child {background: url('/dist/image/main/tree1.png') no-repeat;background-position: bottom ;background-color: #dfedef}
.pr_card:last-child {background: url('/dist/image/main/tree2.png') no-repeat;background-position: bottom ;background-color: #eff3eb}
.pr_card ul {margin-top: 20px;margin-bottom: 150px}
.pr_card ul li {font-size: 19px;font-family: 'NEXONLv2';margin-bottom: 10px}
.pr_card ul li a {color: #1b1b1b;text-decoration: none}
.pr_card ul li a:hover {text-decoration: underline}

#main04 {background: #ecf7f7}
#main04 .noti_card {margin-top: 60px}
#main04 .noti_card .card {width: 32%;aspect-ratio: 1 / .8;background: #ffffff;border-radius: 25px;border: 0;padding: 60px 50px;cursor: pointer}
#main04 .noti_card .card .subject {font-family: 'NEXONBold';font-size: 18px;}
#main04 .noti_card .card .date {position: absolute;bottom: 50px;font-size: 16px;font-family: 'Pretendard-Bold';color: #8D95A0}

#main05 {background: url('/dist/image/main/map_back.png') no-repeat;background-position: bottom ;background-color: #eff3eb;background-size: 100%}
#kakaomap {height: 600px;border-radius: 25px;border: 1px solid #BABFB5;margin: 60px auto 25px;background: rgba(255, 255, 255, 0.614)}
.map_card {background: rgba(250, 252, 248, 0.8);border-radius: 25px;padding: 70px 50px 50px;width: 48%}
.map_card h3 {font-size: 20px;font-family: 'NEXONLv2Bold';}
.map_card .add {font-size: 24px;margin-top: 30px;letter-spacing: -3%}
.map_card .tel {font-size: 32px;margin-top: 30px;letter-spacing: -3%}
.map_card .text {margin-top: 10px;font-size: 15px}
.map_card .bt {margin-top: 30px}
.map_card .bt button {min-width: 210px !important;margin-right: 5px;margin-bottom: 10px}


@media screen and (max-width:1320px) {
	.main_vis {aspect-ratio: 1 / .65;display: block;background: url('/dist/image/main/vis.jpg') no-repeat;background-size: cover;background-position: center;transition: all .8s;position: relative;color: #5A695D}
	.main_vis .text {position: absolute;left: 0;top:calc(50% - 140px);text-align: center;width: 100%}
	.main_vis .title {font-family: 'NEXONBold';font-size: 50px;letter-spacing: -5%;line-height: 1.3em}
	.main_vis .sub {font-family: 'Pretendard-Medium';font-size: 18px;letter-spacing: 20%;margin-bottom: 25px}
	.main_vis .bt {margin-top: 30px}
}

@media screen and (max-width:1200px) {
	.main_vis {aspect-ratio: 1 / .65;display: block;background: url('/dist/image/main/vis.jpg') no-repeat;background-size: cover;background-position: center;transition: all .8s;position: relative;color: #5A695D}
	.main_vis .text {position: absolute;left: 0;top:calc(50% - 140px);text-align: center;width: 100%}
	.main_vis .title {font-family: 'NEXONBold';font-size:46px;letter-spacing: -5%;line-height: 1.3em}
	.main_vis .sub {font-family: 'Pretendard-Medium';font-size: 17px;letter-spacing: 20%;margin-bottom: 25px}
	.main_vis .bt {margin-top: 30px}
}

@media screen and (max-width:1000px) {
	.main_vis {aspect-ratio: 1 / .75;display: block;background: url('/dist/image/main/vis.jpg') no-repeat;background-size: cover;background-position: center;transition: all .8s;position: relative;color: #5A695D}
	.main_vis .text {position: absolute;left: 0;top:calc(50% - 140px);text-align: center;width: 100%}
	.main_vis .title {font-family: 'NEXONBold';font-size: 40px;letter-spacing: -5%;line-height: 1.3em}
	.main_vis .sub {font-family: 'Pretendard-Medium';font-size: 16px;letter-spacing: 20%;margin-bottom: 25px}
	.main_vis .bt {margin-top: 30px}
	
	#main01 .d-flex {margin-top: 80px}
	.clinic_card {background: #ffffff;border-radius: 999px 999px 0 0;width:32%;padding: 80px 0;text-align: center}
	.clinic_card:hover {background: rgba(255, 255, 255, 0.649)}
	.clinic_card h3 {font-family: 'NEXONBold';font-size: 22px;margin-top: 50px}
	.clinic_card .text {font-family: 'NEXONLv2';font-size: 14px;margin-top: 35px;line-height: 1.6em}
	
	#main04 .noti_card {margin-top: 60px}
	#main04 .noti_card .card {width: 32%;aspect-ratio: 1 / .85;background: #ffffff;border-radius: 25px;border: 0;padding: 40px 30px;cursor: pointer}
	#main04 .noti_card .card .subject {font-family: 'NEXONBold';font-size: 18px;}
	#main04 .noti_card .card .date {position: absolute;bottom: 50px;font-size: 16px;font-family: 'Pretendard-Bold';color: #8D95A0}
	

	#kakaomap {height: 500px;}
	
}


@media screen and (max-width:820px) {
	#main01 .d-flex {margin-top: 80px}
	.clinic_card {background: #ffffff;border-radius: 999px 999px 0 0;width:31%;padding: 80px 0 60px;text-align: center}
	.clinic_card:hover {background: rgba(255, 255, 255, 0.649)}
	.clinic_card h3 {font-family: 'NEXONBold';font-size: 20px;margin-top: 50px}
	.clinic_card .text {font-family: 'NEXONLv2';font-size: 13px;margin-top: 25px;line-height: 1.6em;padding: 0 15px}
	

	.pr_card {width: 100%;border-radius: 25px;padding: 70px;position: relative;max-width: 600px;margin: 0 auto}
	.pr_card:first-child {background: url('/dist/image/main/tree1.png') no-repeat;background-position: bottom ;background-color: #dfedef;margin-bottom: 30px;}
	.pr_card:last-child {background: url('/dist/image/main/tree2.png') no-repeat;background-position: bottom ;background-color: #eff3eb}
	.pr_card ul {margin-top: 20px;margin-bottom: 150px}
	.pr_card ul li {font-size: 19px;font-family: 'NEXONLv2';margin-bottom: 10px}
	.pr_card ul li a {color: #1b1b1b;text-decoration: none}
	.pr_card ul li a:hover {text-decoration: underline}
}

@media screen and (max-width:780px) {
	.main_vis {aspect-ratio: 1 / .85;display: block;background: url('/dist/image/main/vis.jpg') no-repeat;background-size: cover;background-position: center;transition: all .8s;position: relative;color: #5A695D}
	.main_vis .text {position: absolute;left: 0;top:calc(50% - 80px);text-align: center;width: 100%}
	.main_vis .title {font-family: 'NEXONBold';font-size: 30px;letter-spacing: -5%;line-height: 1.3em}
	.main_vis .sub {font-family: 'Pretendard-Medium';font-size: 15px;letter-spacing: 20%;margin-bottom: 25px}
	.main_vis .bt {margin-top: 30px}
	

	.clinic_card h3 {font-family: 'NEXONBold';font-size: 18px;margin-top: 50px}
	
	#main04 .noti_card {margin-top: 60px}
	#main04 .noti_card .card {width: 100%;aspect-ratio: 1 / .25;background: #ffffff;border-radius: 25px;border: 0;padding: 40px 40px;cursor: pointer;margin-bottom: 20px}
	#main04 .noti_card .card .subject {font-family: 'NEXONBold';font-size: 18px;}
	#main04 .noti_card .card .date {position: absolute;bottom: 50px;font-size: 16px;font-family: 'Pretendard-Bold';color: #8D95A0}
	
	#kakaomap {height: 400px;}
	.map_card {background: rgba(250, 252, 248, 0.8);border-radius: 25px;padding: 70px 50px 50px;width: 100%;margin-bottom: 30px}
	.map_card h3 {font-size: 20px;font-family: 'NEXONLv2Bold';}
	.map_card .add {font-size: 24px;margin-top: 30px;letter-spacing: -3%}
	.map_card .tel {font-size: 32px;margin-top: 30px;letter-spacing: -3%}
	.map_card .text {margin-top: 10px;font-size: 15px}
	.map_card .bt {margin-top: 30px}
	.map_card .bt button {min-width: 210px !important;margin-right: 5px;margin-bottom: 10px}
}

@media screen and (max-width:540px) {
	.main_vis {aspect-ratio: 1 / 1.2;display: block;background: url('/dist/image/main/vis.jpg') no-repeat;background-size: cover;background-position: center;transition: all .8s;position: relative;color: #5A695D}
	.main_vis .text {position: absolute;left: 0;top:calc(50% - 80px);text-align: center;width: 100%}
	.main_vis .title {font-family: 'NEXONBold';font-size: 26px;letter-spacing: -5%;line-height: 1.3em}
	.main_vis .sub {font-family: 'Pretendard-Medium';font-size: 13px;letter-spacing: 20%;margin-bottom: 25px}
	.main_vis .bt {margin-top: 30px}
	
	#main01 .d-flex {margin-top: 80px}
	.clinic_card {background: #ffffff;border-radius: 999px 999px 0 0;width:100%;padding: 80px 0 60px;text-align: center;margin-bottom: 30px}
	.clinic_card:hover {background: rgba(255, 255, 255, 0.649)}
	.clinic_card h3 {font-family: 'NEXONBold';font-size: 20px;margin-top: 50px}
	.clinic_card .text {font-family: 'NEXONLv2';font-size: 14px;margin-top: 25px;line-height: 1.6em;padding: 0 15px}
	
	#main02 {background: url('/dist/image/main/forest1.png') no-repeat;background-size: cover;height: 450px;animation: backgroundFade 10s infinite ease-in-out;color: #ffffff !important}
	#main02 .bt {margin-top: 30px}
	
	.pr_card {width: 100%;border-radius: 25px;padding: 50px;position: relative;max-width: 600px;margin: 0 auto}
	.pr_card:first-child {background: url('/dist/image/main/tree1.png') no-repeat;background-position: bottom ;background-color: #dfedef;margin-bottom: 30px;background-size: 100%}
	.pr_card:last-child {background: url('/dist/image/main/tree2.png') no-repeat;background-position: bottom ;background-color: #eff3eb;background-size: 100%}
	.pr_card ul {margin-top: 20px;margin-bottom: 150px}
	.pr_card ul li {font-size: 19px;font-family: 'NEXONLv2';margin-bottom: 10px}
	.pr_card ul li a {color: #1b1b1b;text-decoration: none}
	.pr_card ul li a:hover {text-decoration: underline}
	
	#main04 .noti_card {margin-top: 60px}
	#main04 .noti_card .card {width: 100%;aspect-ratio: 1 / .7;background: #ffffff;border-radius: 25px;border: 0;padding: 40px 40px;cursor: pointer;margin-bottom: 20px}
	#main04 .noti_card .card .subject {font-family: 'NEXONBold';font-size: 18px;}
	#main04 .noti_card .card .date {position: absolute;bottom: 50px;font-size: 16px;font-family: 'Pretendard-Bold';color: #8D95A0}
	
	#kakaomap {height: 350px;}
	.map_card {background: rgba(250, 252, 248, 0.8);border-radius: 25px;padding: 50px 40px 30px;width: 100%;margin-bottom: 30px}
	.map_card h3 {font-size: 18px;font-family: 'NEXONLv2Bold';}
	.map_card .add {font-size: 20px;margin-top: 20px;letter-spacing: -3%}
	.map_card .tel {font-size: 26px;margin-top: 20px;letter-spacing: -3%}
	.map_card .text {margin-top: 10px;font-size: 15px}
	.map_card .bt {margin-top: 30px}
	.map_card .bt button {min-width: 210px !important;margin-right: 5px;margin-bottom: 10px}
}