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


.section_title {font-family: 'Gowun Dodum';font-size: 45px;text-align: center;}
.company {font-family: "Outfit";font-size: 12px;letter-spacing: 20%;margin-bottom: 10px;text-align: center;font-weight: 500}


.main_vis {background: url('/dist/image/main/main_vis.jpg') no-repeat;height: 900px;background-size: cover;text-align: center;color: #ffffff;overflow: hidden;background-position: center}
.main_vis .text {margin-top: 210px;font-size: 18px;font-family: 'Outfit';letter-spacing: 30%;font-weight: 500}
.main_vis .title {font-family: "Gowun Dodum";font-size: 60px;line-height: 1.3em;letter-spacing: -3%}

#main01 {background-color: #EBF2F1;}
#main01 .d-flex {margin-top: 80px}
#main01 .clinic_card {background: #FAFCF8;padding: 60px 20px 80px;width: 32%;text-align: center;transition: all .3s;cursor: pointer}
#main01 .clinic_card img {width: 48px;}
#main01 .clinic_card h3 {font-family: 'Pretendard-Medium';font-size: 26px;margin-top: 80px}
#main01 .clinic_card .text {font-family: 'Pretendard-Regular';font-size: 15px;margin-top: 25px}
#main01 .clinic_card:hover {transition: all .3s;background: rgba(250, 252, 248, 0.6)}

#main02 {background: url('/dist/image/main/mid_img.jpg') no-repeat;height: 800px;background-size: cover;color: #4D3838;text-align: center;overflow: hidden}
#main02 .company {margin-top: 125px}
#main02 .text {font-family: "Gowun Dodum";font-size: 40px;line-height: 1.5em;letter-spacing: -3%;margin-top: 15px}
#main02 .bt {margin-top: 70px}

#main03 {background: #ffffff}
#main03 .clinic_card {width: 48%;max-width: 580px;transition: all .3s;cursor: pointer;cursor: pointer;padding: 70px;background: #57b2c4;color: #f7f7f4}
#main03 .clinic_card:nth-child(2) {background: #f7f7f4;color: #57b2c4}
#main03 .clinic_card img {height: 80px;transition: all .2s;}
#main03 .clinic_card h3 {font-family: 'Pretendard-Bold';font-size: 38px;margin-top: 30px}
#main03 .clinic_card .b {margin-top: 100px;text-align: right}
#main03 .clinic_card .b .d-flex {height: 140px;margin-top: 20px}
#main03 .clinic_card .b .d-flex div {line-height: 1.8em;font-size: 20px}
#main03 .clinic_card .b .d-flex div:last-child {margin-left: 50px;}
#main03 .clinic_card a {text-decoration: none;color: #f7f7f4}
#main03 .clinic_card:nth-child(2) a {color: #57b2c4}
#main03 .clinic_card a:hover {text-decoration: underline}

#main04 {background-color: #EBF2F1;}
.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}

#main05 {margin: 0;background: #ffffff;padding-bottom: 150px}
.map {width: 100%;height: 600px;background: #aaaaaa !important}
#main05 .wrap {margin-top: -60px;z-index: 9;position: relative}
.MapCard {width: 48%;background: rgba(247, 247, 244, .9);padding: 70px 80px}
.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_txt {font-size: 14px;margin-top:15px}
.MapCard .bt {margin-top: 30px}



@media screen and (max-width:1280px) {
	.main_vis {height: 800px;}
	.main_vis .text {margin-top:180px;font-size: 18px;font-family: 'Outfit';letter-spacing: 30%;font-weight: 500}
	.main_vis .title {font-family: "Gowun Dodum";font-size: 60px;line-height: 1.3em;letter-spacing: -3%}

	#main02 {height: 700px;}
	#main02 .company {margin-top: 100px}
	#main02 .text {font-family: "Gowun Dodum";font-size:34px;line-height: 1.5em;letter-spacing: -3%;margin-top: 15px}
	#main02 .bt {margin-top: 70px}

}

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

	.noti_card {margin: 80px 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}
	.noti_card .inner .subject {font-family: 'Pretendard-Bold';font-size: 20px;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}


	.map {width: 100%;height: 500px;background: #aaaaaa !important}
	#main05 .wrap {margin-top: -60px;z-index: 9;position: relative}
	.MapCard {width: 48%;background: rgba(247, 247, 244, .9);padding: 50px 50px}
	.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_txt {font-size: 14px;margin-top:15px}
	.MapCard .bt {margin-top: 30px}
}

@media screen and (max-width:850px) {
	.section_title {font-size: 40px;}
	.company {font-size: 11px;}
	
	.main_vis .text {margin-top: 180px;font-size: 14px;font-family: 'Outfit';letter-spacing: 30%;font-weight: 500;margin-bottom: 10px}
	.main_vis .title {font-family: "Gowun Dodum";font-size: 50px;line-height: 1.3em;letter-spacing: -3%}

	#main01 .d-flex {margin-top: 60px}
	#main01 .clinic_card {padding: 60px 20px 70px;width: 32%;transition: all .3s;}
	#main01 .clinic_card img {width:48px;}
	#main01 .clinic_card h3 {font-size: 20px;margin-top: 30px}
	#main01 .clinic_card .text {font-size: 14px;margin-top: 15px}
	
	#main02 {height: 600px;}
	#main02 .company {margin-top: 70px}
	#main02 .text {font-family: "Gowun Dodum";font-size:26px;line-height: 1.3em;padding: 0 50px}
	#main02 .bt {margin-top: 40px}
	
	#main03 {background: #ffffff}
	#main03 .clinic_card {width: 100%;margin: 20px auto ;transition: all .3s;cursor: pointer;cursor: pointer;padding: 60px;background: #57b2c4;color: #f7f7f4}
	#main03 .clinic_card:nth-child(2) {background: #f7f7f4;color: #57b2c4}
	#main03 .clinic_card img {height: 70px;transition: all .2s;}
	#main03 .clinic_card h3 {font-family: 'Pretendard-Bold';font-size: 32px;margin-top: 30px}
	#main03 .clinic_card .b {margin-top: 100px;text-align: right}
	#main03 .clinic_card .b .d-flex {height: 140px;margin-top: 20px}
	#main03 .clinic_card .b .d-flex div {line-height: 1.8em;font-size: 18px}
	#main03 .clinic_card a {text-decoration: none;color: #f7f7f4}
	#main03 .clinic_card:nth-child(2) a {color: #57b2c4}
	#main03 .clinic_card a:hover {text-decoration: underline}
	#main03 .clinic_card .b .d-flex div:last-child {margin-left: 30px;}
	
}

@media screen and (max-width:750px) {
	#main01 .clinic_card {padding: 60px 50px ;width: 100%;transition: all .3s;margin: 10px auto;}
	#main01 .clinic_card .txt {margin-top: 50px}
	#main01 .clinic_card img {width: 48px;}
	#main01 .clinic_card h3 {font-size: 20px;margin-top: 0}
	#main01 .clinic_card .text {font-size: 14px;margin-top: 15px}
	
	.noti_card {margin: 60px auto 0}
	.noti_card .inner {background: #ffffff;width: 100%;padding: 40px 30px;transition: all .3s;cursor: pointer;margin-bottom: 20px}
	.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-SemiBold';font-size: 18px;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: 40px;font-weight: 500;font-size: 15px}
	
		
	.map {width: 100%;height: 400px;background: #aaaaaa !important}
	#main05 .wrap {margin-top: 30px;z-index: 9;position: relative}
}

@media screen and (max-width:680px) {
	.section_title {font-size: 32px;}
	
	.main_vis {height: 600px}
	.main_vis .text {margin-top: 120px;font-size: 12px;font-family: 'Outfit';letter-spacing: 30%;font-weight: 500;margin-bottom: 10px}
	.main_vis .title {font-family: "Gowun Dodum";font-size: 42px;line-height: 1.3em;letter-spacing: -3%}
	
	#main02 {height: 400px;background-position: center}
	#main02 .company {margin-top: 50px}
	#main02 .text {font-family: "Gowun Dodum";font-size:20px;line-height: 1.4em;padding: 0 50px}
	#main02 .bt {margin-top: 40px}
	
	#main03 .clinic_card {padding: 50px 40px}
	#main03 .clinic_card img {height: 50px;transition: all .2s;}
	#main03 .clinic_card h3 {font-family: 'Pretendard-Bold';font-size: 28px;margin-top: 0}
	#main03 .clinic_card .b {margin-top: 50px;text-align: right}
	#main03 .clinic_card .b .d-flex div {line-height: 1.8em;font-size: 17px}
	
	#main05 {padding-bottom: 100px}
	#main05 .wrap {margin-top: 10px;z-index: 9;position: relative}
	.MapCard {width: 100%;background: rgba(247, 247, 244, .9);padding: 50px 40px;margin-top: 20px}
	.MapCard h4 {font-family: 'Pretendard-Bold';font-size: 18px;margin-bottom: 15px}
	.MapCard .adrs {font-size: 24px;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:520px) {

	.main_vis {height: 500px}
	.main_vis .text {margin-top: 90px;font-size: 11px;font-family: 'Outfit';letter-spacing: 30%;font-weight: 500;margin-bottom: 10px}
	.main_vis .title {font-family: "Gowun Dodum";font-size: 38px;line-height: 1.3em;letter-spacing: -3%}
	
	#main01 .d-flex {margin-top: 40px}
	#main01 .clinic_card h3 {font-size: 18px;margin-top: 0}
	
	.noti_card {margin: 40px auto 0}

 }