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


.section_title {font-family: 'Paperlogy-3Light';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}

.full-bg {
  width: 100%;
  background: url('/dist/image/main/bg.jpg') no-repeat;
  background-size: 100% 40%; /* 가로만 채우고, 세로는 자동 */
}

.main_vis {margin: 150px auto 0;width: 1400px}
.main_vis .text {color: #ffffff}
.main_vis .title {font-family: "Gowun Dodum";font-size: 45px;line-height: 1.3em;letter-spacing: -3%}
.main_vis .sub {font-family: 'Pretendard-Regular';font-size: 18px;letter-spacing: -2%;margin-top: 15px}


#main01 .d-flex {margin-top: 80px}
#main01 .clinic_card {background: rgba(244, 241, 233, 1);border-radius: 25px;padding: 60px 20px 70px;width: 32%;text-align: center;transition: all .3s;cursor: pointer}
#main01 .clinic_card img {width: 200px;}
#main01 .clinic_card h3 {font-family: 'Paperlogy-4Regular';font-size: 22px;margin-top: 30px}
#main01 .clinic_card .text {font-family: 'Pretendard-Regular';font-size: 15px;margin-top: 15px}
#main01 .clinic_card:hover {border-radius: 45px;transition: all .3s;background: rgba(255, 246, 221, 0.8)}

#main02 {background-color: #91c87c !important;background: url('/dist/image/main/mid_img.jpg') no-repeat;height: 540px;background-size: cover;display: flex;flex-direction: column;justify-content: center;text-align: center}
#main02 .text {font-family: "Gowun Dodum";font-size: 45px;line-height: 1.3em;letter-spacing: -3%}
#main02 .bt {margin-top: 30px}

#main03 {margin-top: -100px}
#main03 .d-flex {margin-top: 80px}
#main03 .clinic_card {width: 33%;text-align: center;transition: all .3s;cursor: pointer;cursor: pointer}
#main03 .clinic_card img {height: 280px;transition: all .2s;}
#main03 .clinic_card h3 {font-family: 'Paperlogy-4Regular';font-size: 22px;margin-top: 30px}
#main03 .clinic_card:hover h3 {font-family: 'Paperlogy-5Medium';font-size: 22px;margin-top: 30px}
#main03 .clinic_card:hover img {height: 275px;transition: all .2s;}

#main04 {}
.noti_card {margin: 80px 150px 0}
.noti_card .card {background: #F5F2EA;border-radius: 25px;width: 24%;padding: 50px 40px;transition: all .3s;cursor: pointer}
.noti_card .card:hover {background: rgba(245, 242, 234, 0.8);transition: all .3s;}
.noti_card .card .cate {margin-bottom: 20px}
.noti_card .card .subject {font-family: 'Paperlogy-5Medium';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 .card .date{font-family: 'Outfit';color: #8D95A0;margin-top: 80px;}

#main05 {margin: 0 150px 150px;position: relative}
#kakaomap {width: calc(100% - 350px);height: 600px;margin-right: 400px;border-radius: 25px 0 0 25px}
.map_segment {width: 400px;height: 600px;position: absolute;right: 0;top: 0;z-index: 9;border-radius: 25px;overflow: hidden;color: #ffffff}
.map_segment li{background: #3d8a4c;border-bottom: 1px solid #2e733b;height: 80px}
.map_segment li:last-child {border-bottom: 0}
.map_segment li .title {font-size: 20px;padding: 0 50px;cursor: pointer;line-height: 80px}
.map_segment li.on {min-height: 370px;background: #57b36a;}
.map_segment li.on .bodytext {display:block;padding:60px 50px;}
.map_segment li.on .title {display:none;}
.map_segment li .bodytext {display: none;}
.map_segment li .bodytext h4 {margin-top: 10px;font-size: 26px;line-height: 1.4em}
.map_segment li .bodytext .text{margin-top: 30px;}
.map_segment li .bodytext button{margin-top: 30px}


@media screen and (max-width:1600px) {
	.main_vis {margin: 150px 150px 0;width: auto}
	.main_vis .text {width: 40%}
	.main_vis .title {font-family: "Gowun Dodum";font-size: 45px;line-height: 1.3em}
	.main_vis .sub {font-family: 'Pretendard-Regular';font-size: 18px;margin-top: 15px}
	.main_vis .img {width: 60%;padding-left: 50px}
	.main_vis .img img {width: 100%}
}

@media screen and (max-width:1500px) {
	.main_vis {margin: 150px auto 0;width: 1200px}
	
	.noti_card {width: 1200px;margin: 80px auto 0}
	#main05 {width: 1200px;margin: 0 auto 150px}
}

@media screen and (max-width:1320px) {
	.section_title {font-size: 38px;}
	
	.main_vis {width: 90%;margin: 150px 5% 0}
	
	#main03 {margin-top: -100px}
	#main03 .d-flex {margin-top: 80px}
	#main03 .clinic_card {width: 33%;text-align: center;transition: all .3s;cursor: pointer;cursor: pointer}
	#main03 .clinic_card img {height: 250px;transition: all .2s;}
	#main03 .clinic_card h3 {font-family: 'Paperlogy-4Regular';font-size: 22px;margin-top: 30px}
	#main03 .clinic_card:hover h3 {font-family: 'Paperlogy-5Medium';font-size: 22px;margin-top: 30px}
	#main03 .clinic_card:hover img {height: 240px;transition: all .2s;}
	

	.noti_card {width: 90%;margin: 80px 5% 0}
	.noti_card .card {background: #F5F2EA;border-radius: 25px;width: 24%;padding: 50px 40px;transition: all .3s;cursor: pointer}
	.noti_card .card:hover {background: rgba(245, 242, 234, 0.8);transition: all .3s;}
	.noti_card .card .cate {margin-bottom: 20px}
	.noti_card .card .subject {font-family: 'Paperlogy-5Medium';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 .card .date{font-family: 'Outfit';color: #8D95A0;margin-top: 80px;}
	
	#main05 {width: 90%;margin: 0 5% 150px}
	#kakaomap {width: calc(100% - 375px);height: 600px;margin-right: 400px;border-radius: 25px 0 0 25px}
	.map_segment {width: 400px;height: 600px;position: absolute;right: 0;top: 0;z-index: 9;border-radius: 25px;overflow: hidden;color: #ffffff}
	.map_segment li{background: #3d8a4c;border-bottom: 1px solid #2e733b;height: 80px}
	.map_segment li:last-child {border-bottom: 0}
	.map_segment li .title {font-size: 20px;padding: 0 50px;cursor: pointer;line-height: 80px}
	.map_segment li.on {min-height: 370px;background: #57b36a;}
	.map_segment li.on .bodytext {display:block;padding:60px 50px;}
	.map_segment li.on .title {display:none;}
	.map_segment li .bodytext {display: none;}
	.map_segment li .bodytext h4 {margin-top: 10px;font-size: 26px;line-height: 1.4em}
	.map_segment li .bodytext .text{margin-top: 30px;}
	.map_segment li .bodytext button{margin-top: 30px}

}

@media screen and (max-width:1280px) {
	.main_vis {margin: 180px auto 50px;}
	.main_vis .title {font-family: "Gowun Dodum";font-size: 42px;line-height: 1.3em}
	.main_vis .sub {font-family: 'Pretendard-Regular';font-size: 18px;letter-spacing: -5%;margin-top: 15px}
	
	#main02 {height: 500px;}
	#main02 .text {font-family: "Gowun Dodum";font-size: 40px;line-height: 1.3em}
	#main02 .bt {margin-top: 30px}

}

@media screen and (max-width:1100px) {
	#main03 {margin-top: -80px}
	#main03 .d-flex {margin-top: 80px}
	#main03 .clinic_card {width: 33%;text-align: center;transition: all .3s;cursor: pointer;cursor: pointer}
	#main03 .clinic_card img {height: 200px;transition: all .2s;}
	#main03 .clinic_card h3 {font-family: 'Paperlogy-4Regular';font-size: 22px;margin-top: 30px}
	#main03 .clinic_card:hover h3 {font-family: 'Paperlogy-5Medium';font-size: 22px;margin-top: 30px}
	#main03 .clinic_card:hover img {height: 190px;transition: all .2s;}
	
	.noti_card {width: 90%;margin: 60px 5% 0}
	.noti_card .card {background: #F5F2EA;border-radius: 25px;width: 48%;padding: 50px 40px;transition: all .3s;cursor: pointer;margin: 10px 0}
	.noti_card .card:hover {background: rgba(245, 242, 234, 0.8);transition: all .3s;}
	.noti_card .card .cate {margin-bottom: 20px}
	.noti_card .card .subject {font-family: 'Paperlogy-5Medium';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 .card .date{font-family: 'Outfit';color: #8D95A0;margin-top: 80px;}

}

@media screen and (max-width:960px) {
	#kakaomap {width: calc(100% - 300px);height: 500px;margin-right: 400px;border-radius: 25px 0 0 25px}
	.map_segment {width: 350px;height: 500px;position: absolute;right: 0;top: 0;z-index: 9;border-radius: 25px;overflow: hidden;color: #ffffff}
	.map_segment li{background: #3d8a4c;border-bottom: 1px solid #2e733b;height: 60px}
	.map_segment li:last-child {border-bottom: 0}
	.map_segment li .title {font-size: 20px;padding: 0 50px;cursor: pointer;line-height: 60px}
	.map_segment li.on {min-height: 320px;background: #57b36a;}
	.map_segment li.on .bodytext {display:block;padding:40px 50px;}
	.map_segment li.on .title {display:none;}
	.map_segment li .bodytext {display: none;}
	.map_segment li .bodytext h4 {margin-top: 10px;font-size: 22px;line-height: 1.4em}
	.map_segment li .bodytext .text{margin-top: 20px;}
	.map_segment li .bodytext button{margin-top: 20px}

}

@media screen and (max-width:850px) {
	.section_title {font-size: 40px;}
	.company {font-size: 11px;}
	
	.main_vis {margin: 120px auto 80px;}
	.main_vis .text {width: 100%;text-align: center;margin-top: 30px}
	.main_vis .title {font-size: 36px;}
	.main_vis .sub {font-size: 17px;}
	.main_vis .img {width: 100%;text-align: center;padding: 0}
	.main_vis .img img {width: 80%}
	

	#main01 .clinic_card {padding: 60px 20px 70px;width: 32%;transition: all .3s;}
	#main01 .clinic_card img {width: 180px;}
	#main01 .clinic_card h3 {font-family: 'Paperlogy-4Regular';font-size: 20px;margin-top: 30px}
	#main01 .clinic_card .text {font-family: 'Pretendard-Regular';font-size: 14px;margin-top: 15px}
	
	#main02 {height: 500px;}
	#main02 .text {font-family: "Gowun Dodum";font-size: 36px;line-height: 1.3em;margin-top: -30px;padding: 0 50px}
	#main02 .bt {margin-top: 30px}
	
	#main03 {margin-top: -80px}
	#main03 .d-flex {margin-top: 80px}
	#main03 .clinic_card {width: 33%;text-align: center;transition: all .3s;cursor: pointer;cursor: pointer}
	#main03 .clinic_card img {height:160px;transition: all .2s;}
	#main03 .clinic_card h3 {font-family: 'Paperlogy-4Regular';font-size: 20px;margin-top: 30px}
	#main03 .clinic_card:hover h3 {font-family: 'Paperlogy-5Medium';font-size: 20px;margin-top: 30px}
	#main03 .clinic_card:hover img {height: 150px;transition: all .2s;}
	
}

@media screen and (max-width:750px) {
	#main01 .clinic_card {padding: 30px 0 ;width: 100%;transition: all .3s;margin: 10px auto;display: flex; justify-content: center;align-items: center;}
	#main01 .clinic_card .img {width: 50%;text-align: center}
	#main01 .clinic_card .txt {width: 50%;text-align: left}
	#main01 .clinic_card img {width: 180px;}
	#main01 .clinic_card h3 {font-size: 20px;margin-top: 0}
	#main01 .clinic_card .text {font-size: 14px;margin-top: 15px}
	
	#kakaomap {width: 100%;height: 400px;margin-right: 0;border-radius: 25px 25px 0 0}
	.map_segment {width: 100%;height: auto;position: relative;right: 0;top: 0;z-index: 9;border-radius: 0;overflow: hidden;color: #ffffff}
	.map_segment ul {margin: 0;border-radius: 0  0 25px 25px;overflow: hidden}
	.map_segment li{background: #3d8a4c;border-bottom: 1px solid #2e733b;height: 60px}
	.map_segment li:last-child {border-bottom: 0}
	.map_segment li .title {font-size: 20px;padding: 0 50px;cursor: pointer;line-height: 60px}
	.map_segment li.on {height: auto;background: #57b36a;}
	.map_segment li.on .bodytext {display:block;padding:60px 50px;}
	.map_segment li.on .title {display:none;}
	.map_segment li .bodytext {display: none;}
	.map_segment li .bodytext h4 {margin-top: 10px;font-size: 22px;line-height: 1.4em}
	.map_segment li .bodytext .text{margin-top: 20px;}
	.map_segment li .bodytext button{margin-top: 20px}
}

@media screen and (max-width:680px) {
	.section_title {font-size: 36px;}
	
	#main01 .d-flex {margin-top: 50px}
	
	#main03 {margin-top: -50px}
	#main03 .d-flex {margin-top: 50px}
	#main03 .clinic_card {width: 100%;text-align: center;transition: all .3s;cursor: pointer;cursor: pointer;margin: 20px auto}
	#main03 .clinic_card img {height:160px;transition: all .2s;}
	#main03 .clinic_card h3 {font-family: 'Paperlogy-4Regular';font-size: 20px;margin-top: 20px}
	#main03 .clinic_card:hover h3 {font-family: 'Paperlogy-5Medium';font-size: 20px;margin-top: 20px}
	#main03 .clinic_card:hover img {height: 160px;transition: all .2s;}
	
	
	.noti_card {width: 90%;margin: 50px 5% 0}
	.noti_card .card {background: #F5F2EA;border-radius: 25px;width: 100%;padding: 50px 40px;transition: all .3s;cursor: pointer;margin: 10px 0}
	.noti_card .card:hover {background: rgba(245, 242, 234, 0.8);transition: all .3s;}
	.noti_card .card .cate {margin-bottom: 20px}
	.noti_card .card .subject {font-family: 'Paperlogy-5Medium';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 .card .date{font-family: 'Outfit';color: #8D95A0;margin-top: 20px;}
}

@media screen and (max-width:520px) {
	
	.main_vis {margin: 120px auto 80px;}
	.main_vis .text {width: 100%;text-align: center;margin-top: 30px}
	.main_vis .title {font-size: 30px;}
	.main_vis .sub {font-size: 16px;margin-top: 20px}
	.main_vis .img {width: 100%;text-align: center;padding: 0}
	.main_vis .img img {width: 80%}
	
	#main01 .clinic_card img {width: 130px;}
	#main01 .clinic_card h3 {font-size: 18px;margin-top: 0}
	
	#main02 {height: 400px;}
	#main02 .text {font-size: 32px;line-height: 1.3em}
	#main02 .bt {margin-top: 30px}
	

	#kakaomap {height: 300px;}
	.map_segment li .title {font-size: 18px;padding: 0 50px;cursor: pointer;line-height: 60px}
	.map_segment li.on .bodytext {display:block;padding:40px 30px;}
	.map_segment li.on .title {display:none;}
	.map_segment li .bodytext {display: none;}
	.map_segment li .bodytext h4 {margin-top: 10px;font-size: 22px;line-height: 1.4em}
	.map_segment li .bodytext .text{margin-top: 20px;}
	.map_segment li .bodytext button{margin-top: 20px}
 }