body, ul {
	margin: 0;
}
a {
	text-decoration: none;
	color: inherit; /* 링크의 색상 제거 */
}
li { list-style: none; margin: 0; padding: 0;}
.no-margin {
	margin: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
.for_m {
	display: none !important;
	width: 100%;
}
.bold {
	font-weight: 700 !important;
}
.white {
	color: #fff !important;
}
.black {
	color: #000 !important;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.scroll_on {
	opacity: 0;
}
.ani-txt.scroll_on {
	opacity: 0;
}
.ani-txt.scroll_on.active {
	animation: ani-txt 1s forwards;
}
.ani_img.scroll_on.active {
	animation: ani-img 1s forwards;
}
.overflow_hidden {
	overflow: hidden;
}
@media (max-width: 640px) {
	.for_m {
		display: block !important;
	}
	.for_pc {
		display: none !important;
	}
}
* {
	font-family: "Noto Serif KR", serif;
}
.ft {
	font-family: 'SUIT', sans-serif;
}
.en {
	font-family: "STIX Two Text", serif;
	font-optical-sizing: auto;
	font-style: normal;
	letter-spacing: 5px;
}
.flex_wrap .content.sub_txt {
	font-weight: 200 !important;
}
::selection {
	background-color: #edb39c; /* 선택된 텍스트의 배경색 */
	color: #fff;
}

@keyframes main-txt {
	0% {transform:translateY(100px); opacity: 0;}
	100% {transform:translateY(0px); opacity: 1;}
}
@keyframes ani-txt {
	0% {transform:translateY(100px); opacity: 0;}
	100% {transform:translateY(0px); opacity: 1;}
}
@keyframes ani-img {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
#main {
	position : relative;
}
#main_content{
	display: block;
	width: 100%;
	height: 100vh;
	top: 0;
}
.slick li .main_img {
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.main_img_txt .main_txt1{
	display: block;
	opacity: 0;
	animation: main-txt 1s forwards;
}
.main_img_txt{
	z-index: 9;
	position: absolute;
	top: 2%;
	left: 30%;
	transform: translate(-50%, 50%);
}
.main_img_txt .main_txt1 span:nth-child(1){
	color: #fff;
	display: block;
	font-size: 5rem;
}
.main_img_txt .main_txt1 span:nth-child(2), .main_img_txt .main_txt1 span:nth-child(3){
	color: #fff;
	font-size: 4rem;
	font-weight: 200;
}
.main_img_txt .main_txt1 span:nth-child(2){
	font-weight: 500 !important;
}
.main_img_txt .main_txt2 {
	color: #fff;
	margin: 20px 0;
	font-size: 2rem;
	font-weight: 300;
	animation: main-txt 1s forwards;
	animation-delay: 0.3s, 480ms;
	opacity: 0;
}
.main_img_txt .main_txt3 {
	color: #fff;
	margin: 40px 0 0 0;
	opacity: 0;
	animation: main-txt 1s forwards;
	animation-delay: 0.5s, 480ms;
}
.main_img_sub_txt{
	border-radius: 10px;
	color: #fff;
	z-index: 9;
	position: absolute;
	top: 3%;
	right: 16%;
	transform: translate(-50%, 50%);
	padding: 50px;
	backdrop-filter: blur(10px);
	line-height: 25px;
	opacity: 0;
	animation: main-txt 1s forwards;
}
.slick .slick-dots { position: absolute; top:45%; right: 2%; margin: 0; padding: 0; cursor: pointer;} /*마진패딩 초기화 */
.slick .slick-dots li { margin: 10px; cursor: pointer;} /* 가로배치, 점들 사이의 간격 */
.slick .slick-dots li button { background: #fff; width: 10px; height: 30px;  border-radius: 35%; border: none; text-indent: -9999px; opacity: 0.5;} /* 원 모양 */
.slick .slick-dots li:hover button, .slick-dots li.slick-active button { opacity: 0.9; cursor: pointer;} /*마우스를 올렸을 때 */

.slider-speciality .slick-dots { position: absolute; margin: 0; padding: 0; cursor: pointer; display: flex; transform: translate(0, -100%); width: 100%; justify-content: center;} /*마진패딩 초기화 */
.slider-speciality .slick-dots li { margin: 8px; cursor: pointer;} /* 가로배치, 점들 사이의 간격 */
.slider-speciality .slick-dots li button { background: #fff; width: 35px; height: 10px;  border-radius: 35%; border: none; text-indent: -9999px; opacity: 0.5;} /* 원 모양 */
.slider-speciality .slick-dots li:hover button, .slick-dots li.slick-active button { opacity: 0.9; cursor: pointer;} /*마우스를 올렸을 때 */

.flex_wrap {
	display : flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
	width : 90%;
	margin: 0 auto;
}
.flex_wrap .content{
	text-align: center;
	width: 100%;
}
.content_wrap .content.mini_txt, .flex_wrap .content.mini_txt{
	font-size: 1.1rem;
	color : #edb39c;
}
.flex_wrap .content.main_txt{
	font-weight: 600;
	font-size: 2.8rem;
	margin : 32px 0 40px 0;
	animation-delay: 0.3s, 480ms;
}
.flex_wrap .content.sub_txt{
	font-size: 1.3rem;
	font-weight: 300;
	animation-delay: 0.5s, 480ms;
}
.content_wrap {
	display: block;
	width : 90%;
	margin: 0 auto;
}
.content_wrap .title_wrap .title {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: end;
	margin-top: 15px;
}
.content_wrap .title_wrap .title div:nth-child(1) {
	font-size: 4rem;
	font-weight: bold;
	margin-right: 20px;
}
.content_wrap .title_wrap .title div:nth-child(2) {
	font-size: 2rem;
}
.dermatology .contents , .dermatology_m .contents {
	height: 782px;
	width: 32%;
	position: relative;
	z-index: 999;
}
.internal_medicine .contents , .internal_medicine_m .contents {
	height: 782px;
	width: 28%;
	position: relative;
	z-index: 9;
}
.dermatology .contents .content, .dermatology_m .contents .content
, .internal_medicine .contents .content, .internal_medicine_m .contents .content {
	display: block;
	width: 100%;
}
.dermatology .contents .content .link, .dermatology_m .contents .content .link
, .internal_medicine .contents .content .link, .internal_medicine_m .contents .content .link{
	position: absolute;
	bottom: 0;
	font-size: 1rem;
	font-weight: bold;
	padding: 10px 0;
	display: block;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #aaa;
	cursor: pointer;
}
.dermatology .contents .content .link i, .dermatology_m .contents .content .link i
, .internal_medicine .contents .content .link i, .internal_medicine_m .contents .content .link i{
	position: absolute;
	right: 0;
	bottom: 30%;
}
.dermatology .contents .content span:nth-child(1), .dermatology_m .contents .content span:nth-child(1)
, .internal_medicine .contents .content span:nth-child(1), .internal_medicine_m .contents .content span:nth-child(1){
	font-size: 2rem;
	font-weight: bold;
	display: block;
	text-align: left;
	margin: 10% 0px 30px 8%;
	transition: all 0.4s ease-in;
}
.dermatology .contents .content span:nth-child(2), .dermatology_m .contents .content span:nth-child(2)
, .internal_medicine .contents .content span:nth-child(2), .internal_medicine_m .contents .content span:nth-child(2){
	display: block;
	text-align: left;
	margin: 0px 0px 30px 8%;
	line-height: 25px;
	font-weight: 100;
	transition: all 0.4s ease-in;
	font-size: 1.2rem;
	line-height: 30px;
}
.dermatology .contents .content img, .internal_medicine .contents .content img  {
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 720px;
	z-index: -9;
	transition: all 0.4s ease-in;
}
.contents_wrap .content.mini_txt, #speciality .content.mini_txt{
	text-align: left;
}
.contents_wrap .content.main_txt{
	font-size: 4rem;
	text-align: left;
	font-weight: bold;
	animation-delay: 0.3s, 480ms;
}
#speciality .content.main_txt{
	font-size: 4rem;
	text-align: left;
	font-weight: bold;
	margin-top: 15px;
}
.contents_wrap .content.sub_txt{
	font-size: 2rem;
	text-align: left;
	margin: 80px 0;
	font-weight: bold;
	animation-delay: 0.2s, 480ms;
}
#speciality .content.sub_txt{
	font-size: 1.8rem;
	text-align: left;
	margin: 80px 0 40px 0;
	font-weight: bold;
}
.contents_wrap .content.button{
	text-align: left;
	cursor: pointer;
}
.contents_wrap .content.button input {
	animation-delay: 0.5s, 480ms;
}
.contents_wrap .content.button input, #speciality .content.button input
, .slider-div_prev, .slider-div_next, .internal_medicine_m_prev, .internal_medicine_m_next{
	border: 1px solid #bbb;
	background: #fff;
	padding: 10px 15px;
	cursor: pointer;
	font-size: 1rem;
}
.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#speciality .content.txt{
	font-size: 1rem;
	font-weight: 300;
	text-align: left;
	margin: 0px 0 80px 0;
}
#speciality {
	justify-content: space-evenly;
	margin-bottom: 240px;
}
#speciality .contents:nth-child(1){
	width: 25%;
}
#speciality .contents:nth-child(2){
	width: 60%;
}
#map {
	width : 100%;
	background-color: #FCF8F7;
	position: relative;
	justify-content: space-around;
	padding: 120px 0;
}
#map .contents:nth-child(1) {
	width: 40%;
}
#map .contents:nth-child(2) {
	width: 35%;
}
#map .content {
	display: block;
	width: 100%;
	margin:0 auto;
}
#map .contents .map_wrap img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#map .content.mini_txt:nth-last-child(1){
	margin: 0px auto;
}
#map .content.mini_txt{
	font-size: 2rem;
	text-align: left;
	font-weight: bold;
	margin: 0px auto 40px auto;
}
#map .content.mini_txt.map_way{
	margin: 80px auto 40px auto;
}
#map .content.clinic_hours{
	display: flex;
	font-size: 1rem;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}
#map .contents.map_imgs img:nth-child(2){
	position: absolute;
	top: 50%;
	left: 24%;
	transform: translate3d(-50%, -50%, 0);
	width: 40%;
	height: 70%;
}
#map .content.clinic_hours:nth-child(2) div:nth-child(1), #map .content.clinic_hours:nth-child(3) div:nth-child(1), #map .content.clinic_hours:nth-child(4) div:nth-child(1){
	letter-spacing: 2px;
}
#map .content.clinic_hours div:nth-child(1) {
	margin: 0 30px 0 0;
}
#map .content.clinic_hours div:nth-child(3){
	margin-left: 20px;
	font-size: 0.8rem;
	font-weight: 300;
	color: #81807E;
	line-height: 24px;
}
#map .content.way_come{
	color: #81807E;
	font-size: 0.9rem;
	font-weight: 300;
	line-height: 23px;
	margin: 40px auto;
}
#map .content.way_come div{
	font-family: 'SUIT', sans-serif;
}
.dermatology_m, .internal_medicine_m{
	display: none;
}
.dermatology_m .button, .internal_medicine_m .button{
	width: 90%;
	margin: 20px auto 50px auto;
}
.content_wrap .title_wrap {
	margin-bottom: 100px;
}
.internal_medicine_m.title {
	margin-top: 120px;
}
.clinic_hours.for_m{
	color: #81807E;
	width: 100%;
	margin: 20px auto 0 auto;
	line-height: 25px;
}
.slider-div .slick-slide {
	margin: 0 1% 0 0;
}
.slider_internal_medicine .slick-slide {
	margin: 0 0.4% 0 0;
}
/* 전체 스크롤바 스타일링 */
::-webkit-scrollbar {
	width: 12px; /* 스크롤바의 너비 */
}

/* 스크롤바의 트랙 스타일링 */
::-webkit-scrollbar-track {
	background: #f1f1f1; /* 트랙의 배경색 */
	border-radius: 10px; /* 모서리 둥글게 */
}

/* 스크롤바의 썸(thumb) 스타일링 */
::-webkit-scrollbar-thumb {
	background: #888; /* 썸의 배경색 */
	border-radius: 10px; /* 모서리 둥글게 */
}

/* 썸을 호버했을 때 스타일링 */
::-webkit-scrollbar-thumb:hover {
	background: #555; /* 호버했을 때 썸의 배경색 */
}

ul, li {list-style: none;}
.wide_banner {width: 100%; display: block}
.wide_banner .wide_contents { margin: 20px}
.wide_banner .wide_contents .image-wrap { position: relative}
.wide_banner .wide_contents img { margin-bottom: 20px; width: 100%; position: relative}
.wide_banner .wide_contents span { font-weight: bold; display: block; font-size: 1.1rem;}
.wide_banner .wide_contents .img .overlay{ transition: all .4s ease-in; display: none; z-index: 9; position: absolute; width: 100%; left: 0; height: 100%; top:0%; flex-wrap: wrap; justify-content: center; align-items: center;}
.wide_banner .wide_contents .img .overlay span { color: #fff; }
.wide_banner .wide_contents .img .overlay div{ line-height: 30px;}

@media (max-width: 1400px) {
	.map_wrap {
		width: 50% !important;
		left: 28% !important;
	}
	#map .contents:nth-child(1) {
		width: 50% !important;
	}
}
@media (max-width: 1300px) {
	.slide_img_wrap {
		height: 400px !important;
	}
	.content_wrap .title_wrap {
		margin-bottom: 0px;
	}
	#map .contents:nth-child(2) {
		width: 42%;
	}
	.content_wrap .title_wrap .title div:nth-child(1), #speciality .content.main_txt {
		font-size: 3rem;
	}
	#speciality .content.sub_txt {
		font-size: 1.5rem;
	}
	.dermatology, .internal_medicine{
		display: none;
	}
	.dermatology_m, .internal_medicine_m {
		display: block !important;
	}
	.dermatology_m .contents, .internal_medicine_m .contents {
		height: 450px !important;
	}
	.dermatology_m .contents .dermatology_img img, .internal_medicine_m .contents .internal_medicine_img img {
		height: 400px !important;
	}
	.dermatology .contents .content span:nth-child(1), .dermatology_m .contents .content span:nth-child(1)
	, .internal_medicine .contents .content span:nth-child(1), .internal_medicine_m .contents .content span:nth-child(1){
		font-size: 1.5rem;
	}
	.dermatology .contents .content span:nth-child(2), .dermatology_m .contents .content span:nth-child(2)
	, .internal_medicine .contents .content span:nth-child(2), .internal_medicine_m .contents .content span:nth-child(2) {
		font-size: 0.7rem;
	}
	#map {
		height: auto;
	}
	#map .content, .clinic_hours.for_m{
		width: 100% !important;
	}
	.clinic_hours.for_m{
		margin-top: 24px;
	}
	.slider-div .slick-list {
		padding-left: 4.5% !important;
	}
	.internal_medicine_m  .slider-div .slick-slide {
		margin: 0 0.6% 0 0 !important;
	}
}
@media (max-width: 768px) {
	.slider-div .slick-list {
		padding-left: 11% !important;
	}
	.dermatology .contents .content span:nth-child(1), .dermatology_m .contents .content span:nth-child(1)
	, .internal_medicine .contents .content span:nth-child(1), .internal_medicine_m .contents .content span:nth-child(1){
		margin: 20px 20px 20px 20px;
	}
	.dermatology .contents .content span:nth-child(2), .dermatology_m .contents .content span:nth-child(2)
	, .internal_medicine .contents .content span:nth-child(2), .internal_medicine_m .contents .content span:nth-child(2) {
		margin: 0px 20px 20px 20px;
	}
}
@media (max-width: 1100px) {
	.main_img_sub_txt {
		transform: translate(-15%, 50%);
	}
	.main_img_txt {
		transform: translate(-40%, 50%);
		top: 5%;
	}
	.main_img_txt .main_txt1 span:nth-child(1){
		font-size: 4rem;
	}
	.main_img_txt .main_txt1 span:nth-child(2), .main_img_txt .main_txt1 span:nth-child(3){
		font-size: 3rem;
	}
	#speciality {
		width: 100%;
		margin-bottom: 0;
	}
	#speciality .contents:nth-child(1) , #speciality .contents:nth-child(2) {
		width: 100% !important;
	}
	#speciality .contents:nth-child(2){
		margin: 100px 0 0 0;
	}
	#speciality, #speciality .content.mini_txt, #speciality .content.main_txt, #speciality .content.sub_txt, #speciality .content.txt {
		text-align: center;
	}
	#map {
		padding: 0;
	}
	#map .contents:nth-child(1), #map .contents:nth-child(2) {
		width: 100% !important;
		margin-bottom: 100px;
	}
	.map_background {
		width: 100% !important;
		position: unset !important;
	}
	.map_wrap {
		left: 50% !important;
		width: 90% !important;
		height: 36vh !important;
		top: 20% !important;
	}
	#map .contents.map_imgs img:nth-child(2) {
		width: 85%;
		margin: 0 auto;
		position: absolute;
		top: 20%;
		transform: translate3d(-50%, -50%, 0);
		left: 50%;
		height: 40vh;
	}
	#map .contents img {
		height: 380px;
	}
	#map .content {
		width: 95% !important;
	}
	#map .content.mini_txt{
		margin-top: 30px;
	}
	#map .contents .map_wrap .map_img img {
		position: absolute;
		left: 50%;
		top: 15%;
		transform: translate(-50%, -50%);
		height: initial;
	}
	.flex_wrap .content.main_txt {
		font-size: 2rem !important;
		line-height: 35px !important;
		margin: 32px 0 48px 0;
	}
	.flex_wrap .content.sub_txt {
		line-height: 14px;
		font-size: 1rem !important;
	}
	.content_wrap .content.mini_txt, .flex_wrap .content.mini_txt{
		font-size: 0.6rem;
		color : #edb39c;
	}
	.dermatology .contents .content span:nth-child(2), .dermatology_m .contents .content span:nth-child(2), .internal_medicine .contents .content span:nth-child(2), .internal_medicine_m .contents .content span:nth-child(2) {
		line-height: 20px;
	}
}
@media (max-width: 640px) {
	/* 스크롤바를 숨깁니다. */
	::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.slick .slick-dots {
		width: 100%;
		bottom: 60px;
		text-align: center;
		position: relative;
		right: 0;
	}
	.slick .slick-dots li {
		display: inline-block;
	}
	.slick .slick-dots li button {
		width: 35px;
		height: 10px;
	}
	.main_img_sub_txt{
		text-align: right;
		transform: translate(15%, 0) !important;
		padding: 25px 40px;
	}
	.main_img_txt {
		left: 8%;
		top: 5.5%;
		transform: translate(0%, 50%);
	}
	.main_img_txt .main_txt1 span:nth-child(1), .main_img_txt .main_txt1 span:nth-child(2), .main_img_txt .main_txt1 span:nth-child(3){
		font-size: 2.5rem;
	}
	.main_img_txt .main_txt2 {
		font-size: 1.3rem;
	}
	#map {
		padding-bottom: 120px;
	}
	#map .contents:nth-child(2) {
		margin-bottom: 0px;
	}
	#map .contents:nth-child(1) {
		margin-bottom: 50px;
	}
	#map .content, .clinic_hours.for_m {
		width: 90% !important;
	}
	#map .content {
		width: 90% !important;
	}
	#map .content.mini_txt{
		margin: 40px auto 24px auto !important;
	}
	#map .contents img {
		height: 300px;
	}
	#map .content.way_come {
		margin: 20px auto !important;
	}
	#map .contents .map_wrap .map_img img {
		left: 25%;
		top: 25%;
	}
	.main_title {
		margin: 120px auto !important;
	}
	.flex_wrap .content.main_txt{
		font-size: 2.8rem;
		margin : 32px 0 48px 0;
	}
	.content_wrap .title_wrap .title {
		margin-top: 0px;
	}
	#speciality .content.txt{
		margin: 0px 0 40px 0;
	}
	#speciality .content.sub_txt {
		margin: 40px 0 24px 0;
		font-size: 1.5rem;
	}
	#speciality .content.main_txt{
		margin-top: 0px;
		font-size: 2.5rem !important;
	}
	.speciality img {
		height: 400px;
		width: initial !important;
	}
	.flex_wrap .content.main_txt {
		font-size: 1.4rem !important;
		line-height: 35px !important;
	}
	.flex_wrap .content.sub_txt {
		line-height: 14px;
		font-size: 1rem !important;
	}
	.content_wrap .title_wrap .title div:nth-child(1) {
		font-size: 2.2rem;
		margin-right: 15px;
	}
	.content_wrap .title_wrap .title div:nth-child(2) {
		font-size: 1.2rem;
	}
	#map .content.clinic_hours div:nth-child(1) {
		font-size: 0.9rem;
	}
	#map .content.way_come div {
		font-size: 0.7rem;
	}
	#bottom .info {
		width: 90%;
	}
	.map_wrap {
		top: 16% !important;
	}
}
@media (max-width: 400px) {
	#map .content, .clinic_hours.for_m {
		width: 95% !important;
	}
	.main_img_txt .main_txt1 span:nth-child(1), .main_img_txt .main_txt1 span:nth-child(2), .main_img_txt .main_txt1 span:nth-child(3) {
		font-size: 2rem;
	}
	#map .contents .map_wrap .map_img img {
		left: 50%;
		top: 17%;
	}
}
.dermatology {
	margin-bottom: 240px !important;
}
.dermatology .contents .dermatology_img, .dermatology_m .contents .dermatology_img img, .internal_medicine_m .contents .internal_medicine_img img {
	height: 720px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -9;
	transition: all .4s ease-in;
}
.slider-div {
	border: none;
	width: 100%;
	padding-left: 5%;
	box-shadow: none;
}
.slider_internal_medicine {
	width: 68%;
}
.speciality img {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.slider_internal_medicine img {
	max-width: 560px;
}
.map_background {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
.map_wrap {
	display: block;
	width: 50%;
	position: absolute;
	left: 31%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 80Vh;
	z-index: 9;
	overflow: hidden;
}
.introduce_btn input {
	transition: all .4s ease-in;
}
.introduce_btn input:hover {
	color: #fff;
	background: #F3A98B !important;
	border: 1px solid #F3A98B !important;
}
.main_title {
	margin: 320px auto;
}
.slide_img_wrap {
	overflow: hidden;
	width: 100%;
	height: 720px;
	display: block;
	top: 0;
	position: absolute;
}
#daumRoughmapContainer1716622967837, #daumRoughmapContainer1716624415419 {
	width: 100% !important;
	height: 100%;
	z-index: 9999;
}