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

@keyframes ani{
	0%{transform:translate(0,0);}
	100%{transform:translate(10px,20px)rotate(3deg);}
}    
@keyframes ani2{
	0%{transform:translate(0,0);}
	100%{transform:translate(-10px,-20px)rotate(5deg);}
}

.main_vis {background: url(/dist/image/main/mv.jpg) no-repeat;height: 900px;background-size: cover}
.main_vis .textbox {text-align: center;height: 900px;color: #483E30;line-height: 1em;letter-spacing: -.05em}
.main_vis .textbox .title {font-size: 60px;font-weight: bold;line-height: 1.5em;margin-bottom: 20px}
.main_vis .textbox .title span {white-space: nowrap;}
.main_vis .textbox .subtext {font-size: 30px;}

.clinic_card {margin-top: 70px}
.clinic_card .card {width: 32%;background: #FCFAF6;border: 1px solid #E7E7E7;border-radius: 12px;overflow: hidden}
.clinic_card .card .img {height:260px;}
.clinic_card .card .body {padding: 40px}
.clinic_card .card .body .sbuject {font-family: 'Pretendard-Medium';font-size: 26px;}
.clinic_card .card .body .text {margin-top: 8px}
.clinic_card .card .body .tag  {margin-top:20px;min-height: 100px}
.clinic_card .card .body .tag div {background: #a69c8d;color: #ffffff;line-height: 36px;padding: 0 15px;border-radius: 5px;font-size: 13px;margin-right: 10px;margin-bottom: 10px;cursor: pointer;height:  36px}
.clinic_card .card .body .tag div:hover {background: var(--btnHoverColor);}
.clinic_card .card .link {margin-top: 20px}

.program_card {margin-top: 70px}
.program_card .card {width: 32%;border: 1px solid #E7E7E7;border-radius: 12px;overflow: hidden;padding: 60px 50px;margin-bottom: 30px;cursor: pointer;transition: all .2s}
.program_card .card.typea {background: #ffffff;}
.program_card .card.typeb {background: #faf7f0;}
.program_card .card .category {font-size: 14px}
.program_card .card .body {margin-top: 20px}
.program_card .card .body .sbuject {font-family: 'Pretendard-Bold';font-size: 35px;color: #57524C}
.program_card .card .body .text {margin-top: 20px;min-height: 140px;font-size: 15px;color: #666360}
.program_card .card .link button {background: #a69c8d;border: 0;color: #fff;line-height: 40px;width: 40px;border-radius: 20px;height: 40px;font-size: 16px}
.program_card .card .link a {text-decoration: none;color: #333333}
.program_card .card:hover {background: #a69c8b;color: #ffffff;transition: all .2s}
.program_card .card:hover .sbuject, .program_card .card:hover .text  {color: #ffffff;transition: all .2s}
.program_card .card:hover .link button {background: #ffffff;color: var(--btnHoverColor);}
.program_card .card:hover .link {color: #ffffff}

.mid_img {background: url('/dist/image/main/mid_img.jpg') no-repeat;background-size: cover;height: 700px;background-position: center;overflow: hidden;text-align: center;}
.mid_img .text {font-size: 32px;margin-top: 140px}
.mid_img button {margin-top: 250px;opacity: .7;font-size: 16px}

.noti_card {margin-top: 70px}
.noti_card .card {width: 32%;background: #fbfaf6;border: 1px solid #E3E3E3;border-radius: 12px;overflow: hidden;padding: 30px 35px;cursor: pointer}
.noti_card .card .subject {font-family: 'Pretendard-Medium';font-size: 20px;color: #191919;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.5em;height: 1.5em;}
.noti_card .card .text {color: #505050;margin-top:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;height: 4.5em;line-height: 1.5em}
.noti_card .card .date {font-size: 14px;margin-top:40px}
.noti_card .card:hover {background: #eeece6}

.map {height: 520px;background: #eee;margin-top: 150px;border-radius: 30px}
.contact {margin-top: 40px}
.contact .box {width: 50%}
.contact .box .title {font-family: 'Pretendard-Medium';font-size: 18px;color: #4F4433}
.contact .box .value {font-size: 28px;color: #4F4433;margin-top: 15px;min-height: 50px}
.contact .box .tel {font-size: 32px;}
.contact .box .text {font-size: 15px;margin-top: 20px}
.contact .box button {margin-top: 30px}

@media screen and (max-width:1199px) {
	
}


@media screen and (max-width:780px) {
	.main_vis {background: url(/dist/image/main/mv.jpg) no-repeat;height: 400px;background-size: cover;margin-top: 60px}
	.main_vis .textbox {text-align: center;height: 400px;color: #483E30;line-height: 1em;letter-spacing: -.05em}
	.main_vis .textbox .title {font-size: 30px;font-weight: bold;line-height: 1.5em;margin-bottom: 10px}
	.main_vis .textbox .subtext {font-size: 18px;}
	
	.clinic_card {margin-top: 40px}
	.clinic_card .card {width: 100%;background: #FCFAF6;border: 1px solid #E7E7E7;border-radius: 12px;overflow: hidden;margin-bottom: 20px}
	.clinic_card .card .img {height:230px;}
	.clinic_card .card .body {padding: 30px}
	.clinic_card .card .body .sbuject {font-family: 'Pretendard-Medium';font-size: 24px;}
	.clinic_card .card .body .text {margin-top: 8px}
	.clinic_card .card .body .tag  {margin-top:20px;min-height: auto}
	.clinic_card .card .body .tag div {background: #a69c8d;color: #ffffff;line-height: 36px;padding: 0 15px;border-radius: 5px;font-size: 13px;margin-right: 10px;margin-bottom: 10px;cursor: pointer;height:  36px}
	.clinic_card .card .body .tag div:hover {background: var(--btnHoverColor);}
	.clinic_card .card .link {margin-top: 20px}
	
	.program_card {margin-top: 40px}
	.program_card .card {width: 100%;border: 1px solid #E7E7E7;border-radius: 12px;overflow: hidden;padding: 30px 30px;margin-bottom: 20px}
	.program_card .card .category {font-size: 14px}
	.program_card .card .body {margin-top: 20px}
	.program_card .card .body .sbuject {font-family: 'Pretendard-Bold';font-size: 30px;color: #57524C}
	.program_card .card .body .text {margin-top: 20px;min-height: 140px;font-size: 14px;color: #666360}
	.program_card .card .link button {background: #a69c8d;border: 0;color: #fff;line-height: 36px;width: 36px;border-radius: 20px;height: 36px;font-size: 14px}
	.program_card .card .link a {text-decoration: none;color: #333333}
	.program_card .card:hover, .program_card .card:hover .sbuject, .program_card .card:hover .text  {background: #a69c8b;color: #ffffff}
	.program_card .card:hover .link a button {background: #ffffff;color: var(--btnHoverColor);}
	.program_card .card:hover .link a {color: #ffffff}
	
	.mid_img {background: url('/dist/image/main/mid_img.jpg') no-repeat;background-size: cover;height: 400px;background-position: center;overflow: hidden;text-align: center;}
	.mid_img .text {font-size: 22px;margin-top: 100px}
	.mid_img button {margin-top: 80px;opacity: .7;font-size: 16px}
	
	.noti_card {margin-top: 40px}
	.noti_card .card {width: 100%;background: #fbfaf6;border: 1px solid #E3E3E3;border-radius: 12px;overflow: hidden;padding: 30px 35px;cursor: pointer;margin-bottom: 20px}
	.noti_card .card .subject {font-family: 'Pretendard-Medium';font-size: 20px;color: #191919;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.5em;height: 1.5em;}
	.noti_card .card .text {color: #505050;margin-top:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;height: 4.5em;line-height: 1.5em}
	.noti_card .card .date {font-size: 14px;margin-top:40px}
	.noti_card .card:hover {background: #eeece6}
	
	.map {height: 300px;background: #eee;margin-top: 80px;border-radius: 15px}
	.contact {margin-top: 20px}
	.contact .box {width: 100%;margin-bottom: 20px;border: 1px solid #E3E3E3;padding: 30px;border-radius: 15px;background: #fbfaf6}
	.contact .box .title {font-family: 'Pretendard-Medium';font-size: 16px;color: #4F4433}
	.contact .box .value {font-size: 22px;color: #4F4433;margin-top: 15px;min-height: 50px}
	.contact .box .tel {font-size: 32px;}
	.contact .box .text {font-size: 14px;margin-top: 20px}
	.contact .box button {margin-top: 30px}
}