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

.main_vis {transition: all .8s;color: #5B4633;margin: 180px auto}
.main_vis .img {width: 45%}
.main_vis .img img {max-width: 530px;width: 100%}
.main_vis .text {width: 50%;z-index: 2}
.main_vis .text .hsmp {font-family: 'Outfit';font-size: 16px;font-weight: 700;margin-bottom: 15px;letter-spacing: 10%}
.main_vis .text .title {font-family: 'Outfit';font-size: 50px;font-weight: 700;letter-spacing: -1%;line-height: 1.2em}
.main_vis .text .sub {font-size: 22px;letter-spacing: -3%;margin-top: 25px}
.main_vis .bt {margin-top: 30px}

.mid_bg_wrap {
  position: relative;
  overflow: hidden;
  background: #76634F;
  color: #ffffff;
  text-align: center;
}
.curve {
	position: absolute;
	width: 100%;
	height: 70px;
	left: 0;
	z-index: 1;
}
.curve.top {top: -1px;}
.curve.bottom {bottom: 0;}
.mid_bg {padding: 160px 20px; position: relative;z-index: 2;}
.mid_bg .title {font-family: 'Gowun Batang';font-size: 32px;margin-bottom: 20px}

.mid_bg2 {padding: 150px 0; position: relative;z-index: 2;}
.mid_bg2 .img {width: 50%}
.mid_bg2 .img img {height: 300px}
.mid_bg2 .text {width: 42%;text-align: left}
.mid_bg2 .text .title {font-family: 'Paperlogy-5Medium';font-size: 36px;line-height: 1.4em;margin: 15px 0}



#main01 .d-flex {margin-top: 60px}
.clinic_card {width:25%;text-align: center;cursor: pointer;padding: 30px 0}
.clinic_card .img {text-align: center}
.clinic_card .img img {width: 70%}
.clinic_card:hover {background: rgba(255, 255, 255, 0.5);}
.clinic_card h3 {font-family: 'Paperlogy-4Regular';font-size: 22px;margin-top: 40px;font-weight: 0}
.clinic_card .text {font-size: 15px;margin-top: 15px;line-height: 1.6em;padding: 0 20px 15px}


.noti_card {margin: 80px auto 0}
.noti_card .inner {background: #ffffff;width: 32%;padding: 50px 40px;transition: all .3s;cursor: pointer;}
.noti_card .inner:hover {background: rgba(255, 255, 255, 0.6);transition: all .3s;}
.noti_card .inner .cate {margin-bottom: 20px}
.noti_card .inner .subject {font-family: 'Pretendard-Bold';font-size: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.5em;height: 3em;}
.noti_card .inner .date {font-family: 'Outfit';color: #8D95A0;margin-top: 120px;font-weight: 600}

#main03 {margin: 0;padding-bottom: 150px}
.map {width: 100%;height: 600px;background: #aaaaaa !important}
#main03 .wrap {margin-top: -60px;z-index: 9;position: relative}
.MapCard {width: 48%;background: rgba(255, 255, 255, .9);padding: 70px 80px;border-radius: 25px}
.MapCard h4 {font-family: 'Pretendard-Bold';font-size: 18px;margin-bottom: 15px}
.MapCard .adrs {font-size: 26px;letter-spacing: -2%}
.MapCard .tel {font-family: 'Outfit';font-size: 30px;font-weight: 300}
.MapCard .tel a {text-decoration: none;color: #42362a;}
.MapCard .tel_txt {font-size: 14px;margin-top:15px}
.MapCard .bt {margin-top: 30px}


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

	#main01 .d-flex {margin-top: 80px}
	.clinic_card .img img {width:200px}
	.clinic_card h3 {font-size: 18px;margin-top: 40px;font-weight: 700}
	.clinic_card .text {font-size: 14px;margin-top: 15px;line-height: 1.6em;padding: 0 20px 15px}
	
	.mid_bg2 {padding: 150px 0; position: relative;z-index: 2;}
	.mid_bg2 .img {width: 45%;text-align: right}
	.mid_bg2 .img img {height: inherit;width: 90%}
	.mid_bg2 .text {width: 50%;text-align: left}
	.mid_bg2 .text .title {font-family: 'Paperlogy-5Medium';font-size: 34px;line-height: 1.4em;margin: 15px 0}
	
}

@media screen and (max-width:1100px) {
	.main_vis .img {width: 43%}
	.main_vis .text {width: 52%;z-index: 2}
	.main_vis .text .hsmp {font-family: 'Outfit';font-size: 14px;font-weight: 700;margin-bottom: 15px;letter-spacing: 10%}
	.main_vis .text .title {font-size: 45px;letter-spacing: 0%;line-height: 1.2em}
	.main_vis .text .sub {font-size: 20px;letter-spacing: -3%;margin-top: 25px}
	.main_vis .bt {margin-top: 20px}
}

@media screen and (max-width:1024px) {
	#main01 .d-flex {margin-top: 40px}
	.clinic_card {width:45%;text-align: center;cursor: pointer}
	.clinic_card h3 {font-size: 20px;margin-top: 40px;font-weight: 700}
	.clinic_card .text {font-size: 15px;margin-top: 15px;line-height: 1.6em;padding: 0 20px 15px}
	.clinic_card .img img {width:200px}
	
	.mid_bg2 {padding: 120px 0; position: relative;z-index: 2;}
	.mid_bg2 .img {width: 45%;text-align: right}
	.mid_bg2 .img img {height: inherit;width: 90%}
	.mid_bg2 .text {width: 50%;text-align: left}
	.mid_bg2 .text .title {font-family: 'Paperlogy-5Medium';font-size: 30px;line-height: 1.4em;margin: 15px 0}
	
	#main03 {margin: 0;padding-bottom: 100px}
	.map {width: 100%;height: 600px;background: #aaaaaa !important}
	#main03 .wrap {margin-top: -60px;z-index: 9;position: relative}
	.MapCard {width: 49%;background: rgba(255, 255, 255, .9);padding: 50px 40px;border-radius: 25px}
	.MapCard h4 {font-family: 'Pretendard-Bold';font-size: 18px;margin-bottom: 15px}
	.MapCard .adrs {font-size: 22px;letter-spacing: -2%}
	.MapCard .tel {font-family: 'Outfit';font-size: 26px;font-weight: 300}
	.MapCard .tel_txt {font-size: 14px;margin-top:15px}
	.MapCard .bt {margin-top: 30px}
}

@media screen and (max-width:860px) {
	.main_vis {transition: all .8s;color: #5B4633;margin: 120px auto}
	.main_vis .img {width: 100%;text-align: center}
	.main_vis .img img {max-width: 400px}
	.main_vis .text {width: 100%;z-index: 2;margin-top: 50px;text-align: center}
	.main_vis .text .hsmp {font-family: 'Outfit';font-size: 14px;font-weight: 700;margin-bottom: 15px;letter-spacing: 10%}
	.main_vis .text .title {font-size: 50px;letter-spacing: 0%;line-height: 1.2em}
	.main_vis .text .sub {font-size: 20px;letter-spacing: -3%;margin-top: 25px}
	.main_vis .bt {margin-top: 20px}
	
	.noti_card {margin: 60px auto 0}
	.noti_card .inner {background: #ffffff;width: 32%;padding: 40px 30px;transition: all .3s;cursor: pointer;}
	.noti_card .inner:hover {background: rgba(255, 255, 255, 0.6);transition: all .3s;}
	.noti_card .inner .cate {margin-bottom: 20px;font-size: 14px}
	.noti_card .inner .subject {font-family: 'Pretendard-Bold';font-size: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.5em;height: 3em;}
	.noti_card .inner .date {font-family: 'Outfit';color: #8D95A0;margin-top: 80px;font-weight: 600;font-size: 15px}
}

@media screen and (max-width:780px) {
	.clinic_card {width:50%;text-align: center;cursor: pointer}
	.clinic_card h3 {font-size: 16px;margin-top: 40px;font-weight: 700}
	.clinic_card .text {font-size: 14px;margin-top: 7px;line-height: 1.6em;padding: 0 20px 15px}
	.clinic_card img {width:120px}
	
	.mid_bg2 {padding: 120px 0; position: relative;z-index: 2;}
	.mid_bg2 .img {width: 100%;text-align: center}
	.mid_bg2 .img img {height: inherit;width: 70%}
	.mid_bg2 .text {width: 100%;text-align: center;margin-top: 50px}
	.mid_bg2 .text .title {font-family: 'Paperlogy-5Medium';font-size: 28px;line-height: 1.4em;margin: 15px 0}
	
	.noti_card {margin: 40px auto 0}
	.noti_card .inner {background: #ffffff;width: 100%;padding: 40px 30px;transition: all .3s;cursor: pointer;margin: 10px 0;border-radius: 25px}
	.noti_card .inner:hover {background: rgba(255, 255, 255, 0.6);transition: all .3s;}
	.noti_card .inner .cate {margin-bottom: 20px;font-size: 14px}
	.noti_card .inner .subject {font-family: 'Pretendard-Bold';font-size: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.5em;height: 3em;}
	.noti_card .inner .date {font-family: 'Outfit';color: #8D95A0;margin-top: 60px;font-weight: 600;font-size: 15px}
	
	#main03 {margin: 0;padding-bottom: 100px}
	.map {width: 100%;height: 500px;background: #aaaaaa !important}
	#main03 .wrap {margin-top: -60px;z-index: 9;position: relative}
	.MapCard {width: 100%;background: rgba(255, 255, 255, .9);padding: 50px 40px;border-radius: 25px;margin-bottom: 20px}
	.MapCard h4 {font-family: 'Pretendard-Bold';font-size: 18px;margin-bottom: 15px}
	.MapCard .adrs {font-size: 22px;letter-spacing: -2%}
	.MapCard .tel {font-family: 'Outfit';font-size: 26px;font-weight: 300}
	.MapCard .tel_txt {font-size: 14px;margin-top:15px}
	.MapCard .bt {margin-top: 30px}
}

@media screen and (max-width:540px) {
	.main_vis {transition: all .8s;color: #5B4633;margin: 100px auto}
	.main_vis .img {width: 100%;text-align: center}
	.main_vis .img img {max-width: 250px}
	.main_vis .text {width: 100%;z-index: 2;margin-top: 50px;text-align: center}
	.main_vis .text .hsmp {font-family: 'Outfit';font-size: 14px;font-weight: 700;margin-bottom: 15px;letter-spacing: 10%}
	.main_vis .text .title {font-size:36px;letter-spacing: 0%;line-height: 1.2em}
	.main_vis .text .sub {font-size: 17px;letter-spacing: -3%;margin-top: 25px}
	.main_vis .bt {margin-top: 20px}
	
	.clinic_card {width:50%;text-align: center;cursor: pointer}
	.clinic_card h3 {font-size: 16px;margin-top: 40px;font-weight: 700}
	.clinic_card .text {font-size: 13px;margin-top: 7px;line-height: 1.6em;padding: 0 10px}
	.clinic_card .img img {width:150px}
	
	.mid_bg {padding: 130px 20px; position: relative;z-index: 2;}
	.mid_bg .title {font-family: 'Gowun Batang';font-size: 24px;margin-bottom: 20px}
	
	
	#main03 {margin: 0;padding-bottom: 80px}
	.map {width: 90%;height:300px;background: #aaaaaa !important;margin: 0 auto;border-radius: 25px}
	#main03 .wrap {margin-top: 20px;z-index: 9;position: relative}
	.MapCard {width: 100%;background: rgba(255, 255, 255, .9);padding: 50px 40px;border-radius: 25px;margin-bottom: 20px}
	.MapCard h4 {font-family: 'Pretendard-Bold';font-size: 18px;margin-bottom: 15px}
	.MapCard .adrs {font-size: 22px;letter-spacing: -2%}
	.MapCard .tel {font-family: 'Outfit';font-size: 26px;font-weight: 300}
	.MapCard .tel_txt {font-size: 14px;margin-top:15px}
	.MapCard .bt {margin-top: 30px}
}