html {
	scroll-behavior: smooth;
}

.color-main {
	color: #144636;
}

.color-naver {
	color: #03cf5d;
}

.color-kakao {
	color: #017cff;
}

p {
	letter-spacing: -0.05em;
}

b {
	font-weight: 700;
}

.titleAr {
	text-align: center;
}
.titleAr .eng {
	margin-bottom: 2.5rem;
	font-size: 0.9375rem;
	text-transform: uppercase;
	color: rgba(202, 202, 202, 0.3);
	letter-spacing: 0.2em;
}
.titleAr h3 {
	color: #111111;
	font-size: 3.625rem;
	letter-spacing: -0.05em;
}

@media screen and (max-width: 500px) {
	.titleAr .eng {
		margin-bottom: 1.25rem;
		font-size: 0.625rem;
	}
	.titleAr h3 {
		font-size: 2.4rem;
	}
}
.mainVisual__slide {
	position: relative;
}
.mainVisual__move {
	float: left;
}
.mainVisual__arrows {
	position: absolute;
	top: calc(50% - 0.5rem);
	width: 100%;
}
.mainVisual__arrows button:hover .flex img {
	opacity: 0.5;
}
.mainVisual__arrows .visualArrows__prev {
	position: absolute;
	left: 10%;
}
.mainVisual__arrows .visualArrows__next {
	position: absolute;
	right: 10%;
}
.mainVisual__arrows .right,
.mainVisual__arrows .left {
	position: relative;
	float: left;
	color: #fff;
}
.mainVisual__arrows .flex {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.9375rem;
}
.mainVisual__textArea {
	padding: 19.375rem 10px;
	text-align: center;
}
.mainVisual__textArea .rounded {
	padding: 1.25rem 2rem;
	color: #fff;
	font-size: 1.375rem;
	background-color: #144636;
	border-radius: 1.875rem;
	display: inline-block;
}
.mainVisual__textArea h2 {
	margin-top: 3.5rem;
	text-align: center;
	font-size: 3.4375rem;
	font-weight: 200;
	line-height: 1.2;
	color: #fff;
}
.mainVisual__textArea h2 b {
	font-weight: 700;
}
.mainVisual__textArea h2 .color-black {
	color: #111111;
}
.mainVisual .scrollIcon {
	position: absolute;
	bottom: 0;
	left: calc(50% - 4px);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mainVisual .scrollIcon p {
	font-size: 0.875rem;
	transform: rotate(90deg);
	color: #fff;
}
.mainVisual .scrollIcon .scrollWidth {
	position: relative;
	width: 2px;
	height: 100px;
	margin-top: 18px;
	background-color: rgba(97, 97, 97, 0.5);
}
.mainVisual .scrollIcon .bar {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 20%;
	background-color: #ffffff;
	animation: visual-scroll 1.5s linear 0s infinite;
}
@keyframes visual-scroll {
	0% {
		height: 0;
		opacity: 1;
	}
	50% {
		height: 50%;
		opacity: 0.5;
	}
	100% {
		height: 100%;
		opacity: 1;
	}
}
@media screen and (max-width: 1280px) {
	.mainVisual__arrows .visualArrows__prev {
		position: absolute;
		left: 1%;
	}
	.mainVisual__arrows .visualArrows__next {
		position: absolute;
		right: 1%;
	}
	.mainVisual__textArea h2 {
		font-size: 3rem;
	}
}
@media screen and (max-width: 1024px) {
	.mainVisual__textArea {
		padding: 18.75rem 10px;
	}
	.mainVisual__textArea .rounded {
		padding: 1.125rem 2rem;
		font-size: 1.125rem;
	}
	.mainVisual__textArea h2 {
		font-size: 2.375rem;
	}
}
@media screen and (max-width: 787px) {
	.mainVisual__arrows,
	.mainVisual .scrollIcon {
		display: none;
	}
	.mainVisual__textArea {
		padding: 12.5rem 10px;
	}
	.mainVisual__textArea .rounded {
		font-size: 1rem;
	}
	.mainVisual__textArea h2 {
		margin-top: 2rem;
		text-wrap: balance;
		font-size: 1.875rem;
	}
}
@media screen and (max-width: 500px) {
	.mainVisual__move {
		height: 400px;
	}
	.mainVisual__textArea {
		padding: 8.75rem 10px;
	}
	.mainVisual__textArea .rounded {
		padding: 1rem 1.75rem;
		font-size: 0.875rem;
		line-height: 1.4;
		text-wrap: balance;
	}
	.mainVisual__textArea h2 {
		margin-top: 1rem;
		font-size: 1.75rem;
	}
}
.mainDoctor {
	position: relative;
}
.mainDoctor .docTitle {
	display: flex;
	gap: 1.875rem;
}
.mainDoctor .docTitle h3 {
	font-size: 3.625rem;
	font-weight: 200;
	color: #144636;
	line-height: 1.2;
}
.mainDoctor .docTitle h3 b {
	font-weight: 900;
}
.mainDoctor .docTitle span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.625rem 2rem;
	border-radius: 45px;
	border: 1px solid #144636;
	color: #144636;
	font-size: 1.375rem;
	font-weight: 700;
	box-sizing: border-box;
}
.mainDoctor .contentsAr {
	margin-top: 3.75rem;
	width: 60%;
}
.mainDoctor .contentsAr .careerAr {
	display: flex;
	justify-content: space-between;
	padding-bottom: 3.125rem;
	gap: 1rem;
	border-bottom: 1px solid #dddddd;
}
.mainDoctor .contentsAr .careerAr > div h5 {
	margin-bottom: 1.125rem;
	font-size: 1.125rem;
	color: #144636;
	font-weight: 700;
}
.mainDoctor .contentsAr .careerAr > div ul li {
	line-height: 1.66;
}
.mainDoctor .contentsAr .articleAr {
	padding-top: 3.125rem;
}
.mainDoctor .contentsAr .articleAr h5 {
	margin-bottom: 1.125rem;
	font-size: 1.125rem;
	color: #144636;
	font-weight: 700;
}
.mainDoctor .contentsAr .articleAr ul li {
	line-height: 1.66;
	letter-spacing: -0.05em;
}
.mainDoctor .docImg {
	position: absolute;
	bottom: 0;
	left: 57%;
}
.mainDoctor .docImg img {
	width: 100%;
}

@media screen and (max-width: 1080px) {
	.mainDoctor .docTitle h3 {
		font-size: 3rem;
	}
	.mainDoctor .docTitle span {
		padding: 0.5rem 2rem;
		font-size: 1.2rem;
	}
	.mainDoctor .contentsAr {
		width: 73%;
	}
	.mainDoctor .contentsAr .careerAr {
		gap: 2rem;
	}
	.mainDoctor .contentsAr .articleAr {
		width: 72%;
	}
}
@media screen and (max-width: 877px) {
	.mainDoctor .contentsAr {
		width: 100%;
	}
	.mainDoctor .contentsAr .docImg {
		position: static;
		text-align: center;
		width: 50%;
		margin: 0 auto;
	}
	.mainDoctor .contentsAr .careerAr {
		margin-top: 2rem;
		flex-direction: column;
		gap: 2rem;
	}
	.mainDoctor .contentsAr .articleAr {
		width: 100%;
	}
}
@media screen and (max-width: 687px) {
	.mainDoctor .docTitle {
		flex-direction: column;
		align-items: baseline;
		gap: 1rem;
	}
	.mainDoctor .docTitle h3 {
		font-size: 2.5rem;
	}
	.mainDoctor .docTitle span {
		padding: 0.375rem 1.875rem;
		font-size: 1rem;
	}
}
.mainClinic {
	background-color: #144636;
}
.mainClinic .titleAr {
	margin-bottom: 3.875rem;
}
.mainClinic .titleAr h3 {
	color: #fff;
}
.mainClinic .clinicUl {
	display: flex;
	gap: 0.8125rem;
	flex-wrap: wrap;
	justify-content: center;
}
.mainClinic .clinicUl li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(20% - 13px);
	padding: 4.125rem 1.875rem 3.4375rem 1.875rem;
	background-color: #fff;
	border-radius: 15px;
}
.mainClinic .clinicUl li:nth-child(even) {
	background-color: rgba(255, 255, 255, 0.85);
}
.mainClinic .clinicUl li > div {
	min-height: 6.125rem;
}
.mainClinic .clinicUl li h5 {
	font-size: 1.5rem;
	padding: 0 10px 1.25rem 10px;
}
.mainClinic .clinicUl li p {
	font-size: 1rem;
	line-height: 1.375;
	color: #666666;
	text-align: center;
}

@media screen and (max-width: 1280px) {
	.mainClinic .titleAr h3 {
		font-size: 3rem;
	}
	.mainClinic .clinicUl li {
		padding: 2.5rem 1rem 2.5rem 1rem;
	}
}
@media screen and (max-width: 1024px) {
	.mainClinic .clinicUl li {
		width: calc(33% - 13px);
	}
}
@media screen and (max-width: 680px) {
	.mainClinic .clinicUl li {
		width: calc(50% - 13px);
	}
	.mainClinic .clinicUl li p {
		text-wrap: balance;
	}
}
@media screen and (max-width: 500px) {
	.mainClinic .clinicUl li h5 {
		font-size: 16px;
	}
}
.mainCure .topAr {
	display: flex;
	align-items: end;
	justify-content: space-between;
	margin-bottom: 3.75rem;
}
.mainCure .titleAr {
	text-align: left;
}
.mainCure .titleAr h3 {
	margin: 2.5rem 0px 1.875rem 0px;
	font-size: 3.625rem;
	color: #144636;
	line-height: 1.17;
}
.mainCure .titleAr h3 b {
	font-weight: 900;
}
.mainCure .titleAr .subText {
	font-size: 1.25rem;
	color: #fff;
	line-height: 1.3;
}
.mainCure .imgAr {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.mainCure .imgAr .flexBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.mainCure .imgAr .flexBox p {
	color: #fff;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.3;
}
.mainCure .imgAr .flexBox p b {
	font-weight: 600;
}
.mainCure .contentsAr article.article01 {
	margin-bottom: 1.25rem;
}
.mainCure .contentsAr article.article01 .paddingAr {
	background-color: #fff;
}
.mainCure .contentsAr article.article01 .bgBoxUl li {
	background-color: #f5f5f5;
}
.mainCure .contentsAr article.article02 .bgBoxUl {
	margin-bottom: 1.875rem;
}
.mainCure .contentsAr article.article02 .pros .ps {
	font-size: 1.125rem;
	color: #666666;
	line-height: 1.5;
}
.mainCure .contentsAr article.article05 {
	margin-bottom: 0;
}
.mainCure .contentsAr article.article05 .need {
	margin-top: 5rem;
}
.mainCure .contentsAr article {
	margin-bottom: 5rem;
}
.mainCure .contentsAr article .paddingAr {
	padding: 5rem;
	border-radius: 20px;
	background-color: #f5f5f5;
}
.mainCure .contentsAr article .paddingAr .flexBox {
	display: flex;
	margin-bottom: 3.125rem;
}
.mainCure .contentsAr article .paddingAr .textAr {
	width: 50%;
}
.mainCure .contentsAr article .paddingAr .textAr .num {
	font-size: 1.5rem;
	font-weight: 900;
	color: #c0b09d;
	border-bottom: 3px solid #c0b09d;
}
.mainCure .contentsAr article .paddingAr .textAr h4 {
	font-size: 3rem;
	color: #c0b09d;
	line-height: 1.25;
	padding: 2.375rem 0;
}
.mainCure .contentsAr article .paddingAr .textAr h5 {
	margin-bottom: 1.25rem;
	font-size: 1.5rem;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: -0.02em;
}
.mainCure .contentsAr article .paddingAr .textAr .subText {
	font-size: 1.125rem;
	line-height: 1.6;
	letter-spacing: -0.05em;
}
.mainCure .contentsAr article .paddingAr .imgAr {
	justify-content: end;
	width: 50%;
}
.mainCure .contentsAr article .paddingAr .imgAr div {
	max-width: 595px;
}
.mainCure .contentsAr article .paddingAr .imgAr div img {
	width: 100%;
}
.mainCure .contentsAr article .roundedTitle {
	position: relative;
	margin-bottom: 1.875rem;
}
.mainCure .contentsAr article .roundedTitle p {
	display: inline-block;
	position: relative;
	z-index: 3;
	padding: 1.25rem 2.5rem;
	background-color: #144636;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	font-size: 1.5rem;
}
.mainCure .contentsAr article .roundedTitle::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: #144636;
}
.mainCure .contentsAr article .bgBoxUl {
	display: flex;
	gap: 1.5625rem;
	margin-bottom: 3.125rem;
}
.mainCure .contentsAr article .bgBoxUl li {
	background-color: #fff;
	width: 33.3%;
	border-radius: 15px;
}
.mainCure .contentsAr article .bgBoxUl li > div {
	padding: 3.625rem 2.1875rem 2.375rem 2.1875rem;
	text-align: center;
}
.mainCure .contentsAr article .bgBoxUl li > div .num {
	color: #144636;
	font-size: 1.5rem;
	font-weight: 700;
}
.mainCure .contentsAr article .bgBoxUl li > div .line {
	width: 5rem;
	height: 1px;
	background-color: #e0e0e0;
	margin: 1.5625rem auto;
}
.mainCure .contentsAr article .bgBoxUl li > div p {
	font-size: 1.25rem;
	line-height: 1.5;
	text-wrap: balance;
}
.mainCure .contentsAr article .circleUl {
	display: flex;
	justify-content: space-between;
}
.mainCure .contentsAr article .circleUl li {
	width: 20%;
}
.mainCure .contentsAr article .circleUl li p {
	width: 230px;
	height: 230px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.375rem;
	text-align: center;
	line-height: 1.3;
}
.mainCure .contentsAr article .roundedListUl {
	display: flex;
	gap: 1.25rem;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mainCure .contentsAr article .roundedListUl li {
	width: calc(50% - 10px);
}
.mainCure .contentsAr article .roundedListUl li .flex {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 1.375rem 1.875rem;
	border-radius: 40px;
	background-color: #fff;
}
.mainCure .contentsAr article .roundedListUl li .flex p {
	font-size: 1.25rem;
	line-height: 1.5;
}
.mainCure .contentsAr article .roundedListUl li.w100 {
	width: 100%;
}
.mainCure .contentsAr article .flexListUl {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.mainCure .contentsAr article .flexListUl li {
	padding: 2.5rem 0;
	background-color: #fff;
	border-radius: 15px;
}
.mainCure .contentsAr article .flexListUl li .flex {
	display: flex;
}
.mainCure .contentsAr article .flexListUl li .flex h5 {
	min-width: 24%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.375rem;
	font-weight: 700;
	border-right: 1px solid #e0e0e0;
	color: #144636;
}
.mainCure .contentsAr article .flexListUl li .flex .con {
	margin-left: 3.125rem;
	padding-right: 5rem;
}
.mainCure .contentsAr article .flexListUl li .flex .con > p {
	margin-bottom: 8px;
	font-size: 1.25rem;
	line-height: 1.5;
	text-wrap: pretty;
}
.mainCure .contentsAr article .flexListUl li .flex .con .iconText {
	display: flex;
	align-items: center;
}
.mainCure .contentsAr article .flexListUl li .flex .con .iconText .iconWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 9px;
}
.mainCure .contentsAr article .flexListUl li .flex .con .iconText p {
	font-size: 1.0625rem;
	line-height: 1.6;
}

@media screen and (max-width: 1400px) {
	.mainCure .contentsAr article .paddingAr .flexBox {
		gap: 1rem;
	}
	.mainCure .contentsAr article .paddingAr .textAr {
		width: 50%;
	}
	.mainCure .contentsAr article .paddingAr .textAr h4 {
		font-size: 2.75rem;
		padding: 1.875rem 0;
	}
	.mainCure .contentsAr article .paddingAr .textAr h5 {
		margin-bottom: 1.125rem;
		text-wrap: balance;
	}
	.mainCure .contentsAr article .circleUl {
		flex-wrap: wrap;
	}
	.mainCure .contentsAr article .circleUl li p {
		width: 180px;
		height: 180px;
	}
}
@media screen and (max-width: 1280px) {
	.mainCure .contentsAr article .roundedListUl li {
		width: 100%;
	}
}
@media screen and (max-width: 1200px) {
	.mainCure .topAr {
		width: 100%;
		gap: 1rem;
	}
	.mainCure .topAr .imgAr {
		width: 40%;
	}
	.mainCure .topAr .imgAr div img {
		width: 100%;
	}
	.mainCure .imgAr .flexBox p {
		font-size: 1rem;
	}
	.mainCure .titleAr h3 {
		font-size: 3rem;
	}
	.mainCure .contentsAr article .circleUl {
		flex-wrap: wrap;
		gap: 1rem;
		justify-content: center;
	}
	.mainCure .contentsAr article .circleUl li {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 27%;
	}
	.mainCure .contentsAr article .circleUl li p {
		width: 200px;
		height: 200px;
	}
	.mainCure .contentsAr article .roundedListUl li {
		width: 100%;
	}
}
@media screen and (max-width: 1024px) {
	.mainCure .contentsAr article .flexListUl li .flex {
		flex-direction: column;
	}
	.mainCure .contentsAr article .flexListUl li .flex h5 {
		flex-direction: column;
		gap: 1rem;
		border-right: 0;
	}
	.mainCure .contentsAr article .flexListUl li .flex h5::after {
		content: '';
		display: block;
		width: 5rem;
		height: 1px;
		background-color: #e0e0e0;
	}
	.mainCure .contentsAr article .flexListUl li .flex .con {
		padding: 1rem 3rem;
		margin-left: 0;
	}
	.mainCure .contentsAr article .flexListUl li .flex .con .iconText {
		justify-content: center;
	}
	.mainCure .contentsAr article .flexListUl li .flex .con .iconText .iconWrap {
		margin-right: 4px;
	}
}
@media screen and (max-width: 877px) {
	.mainCure .topAr {
		flex-direction: column;
	}
	.mainCure .topAr .titleAr {
		text-align: center;
	}
	.mainCure .topAr .titleAr .subText {
		text-wrap: balance;
	}
	.mainCure .topAr .imgAr {
		width: 100%;
		justify-content: center;
	}
	.mainCure .contentsAr article.article02 .pros .ps {
		text-align: center;
	}
	.mainCure .contentsAr article .paddingAr {
		padding: 3rem;
	}
	.mainCure .contentsAr article .paddingAr .flexBox {
		flex-direction: column;
	}
	.mainCure .contentsAr article .paddingAr .textAr {
		width: 100%;
	}
	.mainCure .contentsAr article .paddingAr .textAr h4 {
		font-size: 2.5rem;
	}
	.mainCure .contentsAr article .paddingAr .textAr h5 {
		font-size: 1.3rem;
	}
	.mainCure .contentsAr article .paddingAr .imgAr {
		justify-content: center;
		width: 100%;
	}
	.mainCure .contentsAr article .bgBoxUl {
		flex-direction: column;
	}
	.mainCure .contentsAr article .bgBoxUl li {
		width: 100%;
	}
	.mainCure .contentsAr article .bgBoxUl li > div {
		padding-top: 3rem;
	}
	.mainCure .contentsAr article .bgBoxUl li > div .line {
		margin: 1.2rem auto;
	}
	.mainCure .contentsAr article .circleUl li {
		width: 30%;
	}
	.mainCure .contentsAr article .circleUl li p {
		width: 180px;
		height: 180px;
	}
}
@media screen and (max-width: 678px) {
	.mainCure .contentsAr article .paddingAr {
		padding: 2rem;
	}
	.mainCure .contentsAr article .paddingAr .textAr h5 {
		text-wrap: pretty;
	}
	.mainCure .contentsAr article .circleUl li p {
		width: 150px;
		height: 150px;
	}
}
@media screen and (max-width: 500px) {
	.mainCure .titleAr h3 {
		font-size: 2.4rem;
		text-wrap: balance;
	}
	.mainCure .contentsAr article .paddingAr .textAr h4 {
		font-size: 2rem;
	}
	.mainCure .contentsAr article .paddingAr .textAr h5 {
		text-wrap: pretty;
		font-size: 1.2rem;
	}
	.mainCure .contentsAr article .bgBoxUl li > div p {
		font-size: 16px;
	}
	.mainCure .contentsAr article .roundedTitle p {
		padding: 1rem 2rem;
		font-size: 1.2rem;
		line-height: 1.4;
		text-wrap: balance;
	}
	.mainCure .contentsAr article .circleUl li p {
		padding: 1rem 4px;
		width: 110px;
		height: 110px;
		font-size: 16px;
	}
	.mainCure .contentsAr article .roundedListUl li .flex p {
		font-size: 16px;
	}
	.mainCure .contentsAr article .flexListUl li .flex .con {
		padding: 1rem 2rem;
	}
	.mainCure .contentsAr article .flexListUl li .flex .con > p {
		font-size: 16px;
	}
}
@media screen and (max-width: 400px) {
	.mainCure .contentsAr article .circleUl li {
		width: 45%;
	}
	.mainCure .contentsAr article .circleUl li p {
		width: 100px;
		height: 100px;
	}
	.mainCure .contentsAr article .flexListUl li .flex .con > p {
		text-align: center;
	}
}
.mainMoto .inner {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.mainMoto .textAr {
	width: 53%;
}
.mainMoto .textAr .eng {
	color: rgba(255, 255, 255, 0.3);
	letter-spacing: 0.2em;
	margin-bottom: 2.5rem;
	font-size: 0.9375rem;
	text-transform: uppercase;
}
.mainMoto .textAr h3 {
	margin-bottom: 2.5rem;
	font-size: 3rem;
	line-height: 1.25;
	color: #fff;
	letter-spacing: -0.05em;
	font-weight: 400;
}
.mainMoto .textAr .text {
	font-size: 1.125rem;
	color: #fff;
	line-height: 1.6;
	text-wrap: pretty;
}
.mainMoto .swiper-pagination {
	position: absolute;
	bottom: 20px;
	height: 2px;
	width: 360px;
	background-color: #fff;
}
.mainMoto .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #144636;
}
.mainMoto .mainMoto__arrows {
	position: absolute;
	bottom: 14px;
	left: 30%;
}
.mainMoto .mainMoto__arrows button {
	font-size: 1.125rem;
	font-weight: 700;
}
.mainMoto .mainMoto__arrows button:first-child {
	color: #144636;
}
.mainMoto .mainMoto__arrows button:last-child {
	color: #fff;
}
.mainMoto .slideAr {
	width: 48%;
	max-width: 600px;
}
.mainMoto .slideAr .mainMoto__slide {
	width: 100%;
}
.mainMoto .slideAr .swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.mainMoto .slideAr .mainMoto__move {
	cursor: pointer;
}
.mainMoto .slideAr .mainMoto__move img {
	width: 100%;
}

@media screen and (max-width: 1420px) {
	.mainMoto .textAr {
		width: 50%;
	}
	.mainMoto .textAr h3 {
		font-size: 2.5rem;
	}
}
@media screen and (max-width: 1280px) {
	.mainMoto .inner {
		gap: 10px;
	}
	.mainMoto .slideAr {
		width: 46%;
	}
	.mainMoto .swiper-pagination {
		bottom: 1%;
		width: 22.5rem;
	}
	.mainMoto .mainMoto__arrows {
		left: 35%;
		bottom: -0.6%;
	}
	.mainMoto .textAr {
		width: 55%;
	}
	.mainMoto .textAr .eng {
		margin-bottom: 2rem;
	}
	.mainMoto .textAr h3 {
		margin-bottom: 1.875rem;
		font-size: 2.125rem;
	}
	.mainMoto .textAr .text {
		font-size: 1rem;
	}
}
@media screen and (max-width: 1024px) {
	.mainMoto {
		padding-bottom: 5rem;
	}
	.mainMoto .inner {
		flex-direction: column;
	}
	.mainMoto .slideAr {
		width: 100%;
		margin: 0 auto;
	}
	.mainMoto .swiper-pagination {
		bottom: -20px;
		left: 17%;
	}
	.mainMoto .mainMoto__arrows {
		left: 77%;
		bottom: -26px;
	}
	.mainMoto .textAr {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.mainMoto .textAr .eng {
		margin-bottom: 2rem;
	}
	.mainMoto .textAr h3 {
		margin-bottom: 1.875rem;
		font-size: 2.25rem;
	}
	.mainMoto .textAr .text {
		font-size: 1.125rem;
		text-wrap: balance;
		margin-bottom: 1.875rem;
	}
}
@media screen and (max-width: 678px) {
	.mainMoto .swiper-pagination {
		left: 8%;
	}
	.mainMoto .mainMoto__arrows {
		left: 80%;
	}
	.mainMoto .textAr {
		width: 100%;
	}
	.mainMoto .textAr .eng {
		margin-bottom: 1.25rem;
		font-size: 0.625rem;
	}
}
@media screen and (max-width: 400px) {
	.mainMoto .textAr .text {
		font-size: 1rem;
	}
	.mainMoto .swiper-pagination {
		left: 20px;
		max-width: 220px;
	}
}
.mainTime {
	position: relative;
	background: linear-gradient(to right, #144636 50%, #fff 50%, #fff);
}
.mainTime .titleAr {
	margin-bottom: 3.75rem;
	text-align: left;
}
.mainTime .titleAr h3 {
	color: #fff;
}
.mainTime .titleAr .eng {
	color: rgba(255, 255, 255, 0.3);
	letter-spacing: 0.2em;
}
.mainTime .contentsAr {
	display: flex;
}
.mainTime .contentsAr .ulWrap {
	width: 100%;
}
.mainTime .contentsAr ul {
	max-width: 500px;
}
.mainTime .contentsAr ul li {
	max-width: 70%;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: 2rem 0;
	color: #fff;
}
.mainTime .contentsAr ul li > div {
	display: flex;
	align-items: center;
}
.mainTime .contentsAr ul li > div span.time {
	font-size: 2.125rem;
	margin-left: 5px;
}
.mainTime .contentsAr ul li b {
	font-size: 1.25rem;
}
.mainTime .contentsAr ul li span:not(.time) {
	font-size: 1.125rem;
	font-weight: 700;
}
.mainTime .contentsAr ul li span.wave {
	font-size: 2.375rem;
	font-weight: 400;
	padding: 0 0.625rem;
}
.mainTime .contentsAr ul li .satTime > div {
	display: flex;
	align-items: center;
}
.mainTime .contentsAr ul li .satTime p {
	margin-top: 0.875rem;
	text-align: right;
	color: #c0b09d;
	font-weight: 700;
}
.mainTime .contentsAr ul li:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mainTime .slideSection {
	width: 54%;
	position: absolute;
	bottom: -1px;
	left: 40%;
	overflow: hidden;
}
.mainTime .slideSection .mainTime__slide {
	position: relative;
}
.mainTime .slideSection .mainTime__move {
	float: left;
	margin-left: -15px;
}
.mainTime .slideSection .mainTime__move.slick-current {
	opacity: 1;
}
.mainTime .slideSection .mainTime__arrows {
	display: flex;
}
.mainTime .slideSection .slick-list {
	margin: 0 -15px;
}

@media screen and (max-width: 1400px) {
	.mainTime .slideSection .mainTime__move img {
		width: 100%;
	}
}
@media screen and (max-width: 1024px) {
	.mainTime {
		background: #144636;
	}
	.mainTime .titleAr {
		text-align: center;
	}
	.mainTime .titleAr h3 {
		font-size: 3rem;
	}
	.mainTime .contentsAr {
		flex-direction: column;
	}
	.mainTime .contentsAr .ulWrap {
		width: 100%;
	}
	.mainTime .contentsAr .ulWrap ul {
		max-width: 100%;
	}
	.mainTime .contentsAr .ulWrap ul li {
		margin: 0 auto;
	}
	.mainTime .slideSection {
		position: static;
		width: 100%;
		margin-top: 3rem;
	}
	.mainTime .slideSection .mainTime__slide .mainTime__move img {
		width: 100%;
	}
	.mainTime .slideSection .mainTime__slide .mainTime__arrows button {
		width: 50px;
	}
	.mainTime .slideSection .mainTime__slide .mainTime__arrows button img {
		width: 100%;
	}
}
@media screen and (max-width: 500px) {
	.mainTime .contentsAr .ulWrap ul li {
		max-width: 90%;
	}
	.mainTime .slideSection .mainTime__slide .mainTime__arrows button {
		width: 40px;
	}
}
.mainMap .subText {
	margin: 1.875rem 10px 3.75rem 10px;
	font-size: 2.25rem;
	text-align: center;
	line-height: 1.3;
}
.mainMap .kakaoMap {
	height: 31.25rem;
}
.mainMap .info {
	display: flex;
	justify-content: space-between;
	padding: 4.375rem 0 4.0625rem 0;
}
.mainMap .info p {
	display: flex;
	justify-content: center;
	align-items: center;
}
.mainMap .info p a {
	margin-left: 5px;
	font-size: 2.375rem;
	font-weight: 900;
}
.mainMap .info .goToMap {
	display: flex;
	align-items: center;
	padding-right: 10px;
}
.mainMap .info .goToMap .line {
	width: 2px;
	height: 2.5rem;
	background-color: #e0e0e0;
	margin: 0 3.125rem;
}
.mainMap .info .goToMap .flexBox {
	display: flex;
}
.mainMap .info .goToMap .flexBox p {
	margin-left: 0.9375rem;
	color: #212121;
	font-weight: 700;
}
.mainMap .transport ul.trUl {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.mainMap .transport ul.trUl > li {
	width: 32.5%;
	background-color: #fafafa;
	border-radius: 10px;
}
.mainMap .transport ul.trUl > li div.top {
	padding: 2.5rem 10px;
	background-color: #e9e9ee;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.mainMap .transport ul.trUl > li div.top .topTitle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	width: 100%;
	height: 100%;
}
.mainMap .transport ul.trUl > li div.top .topTitle .circle {
	width: 5rem;
	height: 5rem;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mainMap .transport ul.trUl > li div.top .topTitle p {
	width: 70%;
	font-size: 1.75rem;
	text-align: center;
	padding-bottom: 12px;
}
.mainMap .transport ul.trUl > li div.top .topTitle p b {
	font-weight: 700;
	color: #212121;
}
.mainMap .transport ul.trUl > li div.detail {
	padding: 2.5rem 10px;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.6;
	text-wrap: balance;
}
.mainMap .transport ul.trUl > li div.detail .busUl li {
	display: flex;
	align-items: center;
	gap: 10px;
}
.mainMap .transport ul.trUl > li div.detail .busUl li span:not(.badge) {
	font-size: 1.25rem;
}
.mainMap .transport .badge {
	display: inline-block;
	height: 30px;
	width: 64px;
	line-height: 1.8;
	border-radius: 15px;
	background-color: #5fb73c;
	color: #fff;
	font-weight: 400;
	text-align: center;
	font-size: 0.9rem;
}
.mainMap .transport .badge01 {
	background-color: #3356b4;
	font-size: 1rem;
	margin-bottom: 10px;
	font-weight: 600;
	line-height: 1.6;
}
.mainMap .transport .color2 {
	background-color: #7182f5;
}
.mainMap .transport .color3 {
	background-color: #00aeab;
}
.mainMap .transport .box02 .detail div {
	text-align: center;
}
.mainMap .transport .box02 .detail div .busUl {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: left;
	gap: 12px;
}
.mainMap .transport .box02 .detail div .busUl li {
	width: 70%;
}
.mainMap .transport .box02 .detail p {
	line-height: 1.6;
	margin-bottom: 1.5rem;
}
.mainMap .transport .box03 .detail {
	line-height: 1.8;
}
.mainMap .transport .box03 .detail .button {
	display: inline-block;
	font-weight: 900;
	padding: 14px 2rem;
	border-radius: 30px;
	border: 2px solid #036db7;
	color: #036db7;
	margin-top: 3rem;
	font-size: 1rem;
}

@media screen and (max-width: 1420px) {
	.mainMap .transport .box02 .detail div .busUl li {
		width: 80%;
	}
}
@media screen and (max-width: 1240px) {
	.mainMap .info {
		padding: 3.75rem 10px 6.25rem 10px;
	}
	.mainMap .info .goToMap {
		width: 50%;
		justify-content: center;
	}
	.mainMap .info .goToMap .line {
		margin: 0 2rem;
	}
	.mainMap .transport ul.trUl {
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
	}
	.mainMap .transport ul.trUl > li {
		width: 48%;
	}
	.mainMap .transport .box02 .detail div .busUl li {
		width: 80%;
	}
}
@media screen and (max-width: 787px) {
	.mainMap .badge {
		margin-right: 1rem;
	}
	.mainMap .info {
		flex-direction: column;
		gap: 3rem;
	}
	.mainMap .info .goToMap {
		width: 100%;
		padding-right: 0;
	}
	.mainMap .transport ul.trUl > li {
		width: 100%;
	}
	.mainMap .transport .box02 .detail {
		background-color: #fafafa;
	}
	.mainMap .transport .box02 .detail div .busUl li {
		width: 54%;
	}
	.mainMap .transport .box03 .detail .button {
		display: block;
		width: 80%;
		margin: 0 auto;
		margin-top: 2rem;
		text-align: center;
		padding: 14px 20px;
	}
}
@media screen and (max-width: 550px) {
	.mainMap .transport ul.trUl > li div.top .topTitle p {
		width: 80%;
	}
	.mainMap .subText {
		font-size: 1.5rem;
	}
	.mainMap .info {
		padding: 3.5rem 10px;
	}
	.mainMap .info .goToMap {
		width: 100%;
		flex-direction: column;
		gap: 1.5rem;
	}
	.mainMap .info .goToMap .line {
		display: none;
	}
	.mainMap .transport ul.trUl li div.top {
		padding: 1.6rem 10px;
	}
	.mainMap .transport .box02 .detail div .busUl li {
		width: 82%;
		font-size: 14px;
	}
	.mainMap .transport .badge {
		height: 21px;
		width: 44px;
	}
}

/*# sourceMappingURL=main.css.map */