@charset "UTF-8";
.sub-nav {
	position: relative;
	z-index: 80;
	background-color: #fafafa;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.sub-nav .wrapper {
	display: flex;
	align-items: center;
}
.sub-nav__home {
	width: 70px;
	display: block;
	height: 56px;
	line-height: 56px;
	text-indent: -9999em;
	overflow: hidden;
	background: url('/assets/img/common/icon-home.png') no-repeat center;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	cursor: pointer;
}
.sub-nav__depth1,
.sub-nav__depth2 {
	padding: 0 1em;
	min-width: 220px;
	position: relative;
	border-right: 1px solid #e0e0e0;
	position: relative;
}
.sub-nav__depth1:before,
.sub-nav__depth2:before {
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	border: 1px solid #e4e4e4;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 20px;
}
.sub-nav__depth1:after,
.sub-nav__depth2:after {
	position: absolute;
	top: 50%;
	right: 28px;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #7e7e7e;
}
.sub-nav__depth1 strong,
.sub-nav__depth2 strong {
	display: flex;
	align-items: center;
	height: 56px;
	line-height: 1;
	color: #7b7b7b;
	font-weight: 400;
	cursor: pointer;
}
.sub-nav a {
	display: block;
}
.sub-nav__list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	border: 1px solid #ddd;
}
.sub-nav__list > li a {
	padding: 1em;
}

@media screen and (max-width: 768px) {
	.sub-nav .wrapper {
		width: 100%;
	}
	.sub-nav__depth1,
	.sub-nav__depth2 {
		min-width: auto;
		width: 50%;
		font-size: 0.7777777778rem;
		padding: 0 1.5em 0 0.5em;
	}
	.sub-nav__depth1:before,
	.sub-nav__depth2:before {
		width: 16px;
		height: 16px;
		margin-top: -8px;
		top: 50%;
		right: 3px;
	}
	.sub-nav__depth1:after,
	.sub-nav__depth2:after {
		right: 8px;
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
		border-top: 4px solid #7e7e7e;
	}
}
.none-padding-bottom {
	padding-bottom: 0 !important;
}

.none-padding-top {
	padding-top: 0 !important;
}

.none-margin-bottom {
	margin-bottom: 0 !important;
}

.none-margin-top {
	margin-top: 0 !important;
}

/* 이용약관, 개인정보취급방침, 환자의 권리장전 */
.etc_area {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 700px;
	margin: 100px 0;
}
.etc_area textarea {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	border: 1px solid #d9d9d9;
	color: #333;
	line-height: 1.8;
	font-size: 16px;
	font-weight: 300;
	white-space: pre-wrap;
}

@media screen and (max-width: 1000px) {
	.etc_area {
		padding-bottom: 75%;
		margin: 50px 0;
	}
	.etc_area textarea {
		font-size: 12px;
	}
}
.sub-visual__img {
	width: 100%;
	height: 16.6666666667em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.sub-visual__img.sub-visual__img--1 {
	background-image: url('/assets/img/visual/visual_1.png');
}
.sub-visual__img.sub-visual__img--2 {
	background-image: url('/assets/img/visual/visual_2.png');
}
.sub-visual__img.sub-visual__img--3 {
	background-image: url('/assets/img/visual/visual_3.png');
}
.sub-visual__img.sub-visual__img--4 {
	background-image: url('/assets/img/visual/visual_4.png');
}
.sub-visual__img.sub-visual__img--5 {
	background-image: url('/assets/img/visual/visual_5.png');
}
.sub-visual__img.sub-visual__img--6 {
	background-image: url('/assets/img/visual/visual_6.png');
}
.sub-visual__img.sub-visual__img--7 {
	background-image: url('/assets/img/visual/visual_7.png');
}
.sub-visual__img.sub-visual__img--8 {
	background-image: url('/assets/img/visual/visual_8.png');
}
.sub-visual__img.sub-visual__img--9 {
	background-image: url('/assets/img/visual/visual_9.png');
}

@media screen and (max-width: 1320px) {
	.sub-visual__img {
		height: 10em;
	}
}
@media screen and (max-width: 768px) {
	.sub-visual__img {
		height: 7em;
	}
}
.contents__inner {
	padding: 0 0 7.7777777778em 0;
}
.contents__inner.none-padding {
	padding-bottom: 0;
}
.contents__inner.login {
	padding: 10em 0;
}
.contents__inner.more-padding-top {
	padding: 5.5555555556em 0 7.7777777778em 0;
}
.contents__inner.bg-gray {
	background-color: #f9f9f9;
}

@media screen and (max-width: 1320px) {
	.contents__inner {
		padding: 2.7777777778em 0 4.1666666667em 0;
	}
}
@media screen and (max-width: 768px) {
	.contents__inner {
		padding: 0 0 2.2222222222em 0;
	}
}
.page__title {
	text-align: center;
	padding: 4.1666666667em 0;
}
.page__title h3 {
	font-size: 2.6666666667rem;
	font-weight: 500;
	line-height: 1.4;
	color: #313131;
}
.page__title p {
	padding-top: 1em;
	font-size: 0.6666666667rem;
	font-weight: 400;
	letter-spacing: 5px;
	color: #9e9e9e;
	line-height: 1.4;
}
.page__title p b {
	font-weight: 600;
}

@media screen and (max-width: 1320px) {
	.page__title {
		padding: 2.7777777778em 0;
	}
	.page__title h3 {
		font-size: 2.2222222222rem;
	}
}
@media screen and (max-width: 768px) {
	.page__title h3 {
		font-size: 1.3888888889rem;
	}
	.page__title p {
		font-size: 0.6111111111rem;
	}
}
.section {
	padding: 4.4444444444rem 0;
}
.section.bg-gray {
	background-color: #f5f5f5;
}
.section .section-title {
	font-size: 2.2222222222rem;
	font-weight: 300;
}
.section .section-title b {
	font-weight: 600;
}
.section p {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.6;
	margin-top: 1.1111111111rem;
}

@media screen and (max-width: 1320px) {
	.section {
		padding: 3.8888888889rem 0;
	}
	.section .section-title {
		font-size: 1.6666666667rem;
	}
	.section p {
		font-size: 0.8888888889rem;
	}
}
@media screen and (max-width: 768px) {
	.section {
		padding: 2.2222222222rem 0;
	}
	.section .section-title {
		font-size: 1.3888888889rem;
	}
}
/* 바둑판 layout */
.checkerboard-layout h4 {
	font-size: 2.5rem;
	font-weight: 300;
}
.checkerboard-layout h4 .color-main {
	color: #a59377;
	font-weight: 600;
}
.checkerboard-layout .checkerboard-layout__item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 7.7777777778em;
}
.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__figure {
	width: 50%;
	display: flex;
	justify-content: flex-start;
}
.checkerboard-layout
	.checkerboard-layout__item
	.checkerboard-layout__figure
	.checkerboard-layout__img {
	display: block;
	width: 93%;
}
.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont {
	width: 50%;
}
.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont .wrapper {
	padding-left: 10%;
	box-sizing: border-box;
}
.checkerboard-layout .checkerboard-layout__item:nth-child(2n) .checkerboard-layout__figure {
	order: 3;
	justify-content: flex-end;
}
.checkerboard-layout .checkerboard-layout__item:nth-child(2n) .checkerboard-layout__cont {
	order: 1;
}
.checkerboard-layout .checkerboard-layout__item:nth-child(2n) .checkerboard-layout__cont .wrapper {
	padding-left: 28%;
}

@media screen and (max-width: 1320px) {
	.checkerboard-layout h4 {
		font-size: 2rem;
	}
	.checkerboard-layout .checkerboard-layout__item {
		padding-top: 5.5555555556em;
	}
	.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont .wrapper {
		width: 80%;
	}
	.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont .wrapper p br {
		display: none;
	}
	.checkerboard-layout
		.checkerboard-layout__item:nth-child(2n)
		.checkerboard-layout__cont
		.wrapper {
		padding-left: 0;
	}
}
@media screen and (max-width: 768px) {
	.checkerboard-layout h4 {
		font-size: 1.5rem;
	}
	.checkerboard-layout .checkerboard-layout__item {
		display: block;
		padding-top: 4em;
	}
	.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__figure {
		width: 100%;
		padding: 1em;
		box-sizing: border-box;
	}
	.checkerboard-layout
		.checkerboard-layout__item
		.checkerboard-layout__figure
		.checkerboard-layout__img {
		border-radius: 15px;
		width: 100%;
	}
	.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont {
		width: 100%;
	}
	.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont .wrapper {
		width: 95%;
		margin-top: 1em;
		padding-left: 0 !important;
	}
}
/* 일부 sub page 공용 layout 패턴 */
.desc-area {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.desc-area:after {
	content: '';
	display: block;
	width: 1px;
	height: 150px;
	background-color: #5e5e5e;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 0.5px;
}
.desc-area h3 {
	font-size: 2.2222222222rem;
	font-weight: 100;
	line-height: 135%;
}
.desc-area h3 b {
	font-weight: 600;
}
.desc-area p {
	font-size: 1rem;
	font-weight: 300;
	margin-top: 1.6666666667em;
	line-height: percentage 2;
}
.desc-area p b {
	font-weight: 600;
}
.desc-area .wrapper {
	position: relative;
	padding-bottom: 4em;
}

@media screen and (max-width: 1320px) {
	.desc-area h3 {
		font-size: 2rem;
	}
	.desc-area p {
		font-size: 1rem;
	}
}
@media screen and (max-width: 768px) {
	.desc-area {
		display: block;
		box-sizing: border-box;
		padding-top: 4em;
	}
	.desc-area:after {
		height: 50px;
	}
	.desc-area h3 {
		font-size: 1.5rem;
	}
	.desc-area p {
		font-size: 0.8888888889rem;
	}
	.desc-area p br {
		display: none;
	}
}
.role-area {
	position: relative;
}

.role__item--top {
	position: absolute;
	top: -230px;
	left: 0;
	width: 100%;
	text-align: center;
}
.role__item--top .wrapper {
	background-color: #fff;
	padding: 4.1666666667em 1.5em;
	box-sizing: border-box;
}
.role__item--top strong {
	font-size: 2.2222222222rem;
	font-weight: 300;
}
.role__item--top strong b {
	font-weight: 600;
	color: #a59377;
}
.role__item--top p {
	font-size: 1rem;
	font-weight: 300;
	line-height: 177.7777777778%;
	margin-top: 1.6666666667em;
	color: #5e5e5e;
}

@media screen and (max-width: 1320px) {
	.role__item--top {
		top: -120px;
	}
	.role__item--top .wrapper {
		padding: 3em 1em;
	}
	.role__item--top strong {
		font-size: 1.6666666667rem;
	}
	.role__item--top p {
		font-size: 0.8888888889rem;
	}
}
@media screen and (max-width: 768px) {
	.role__item--top {
		position: static;
	}
	.role__item--top strong {
		font-size: 1.3888888889rem;
	}
	.role__item--top p {
		font-size: 0.8888888889rem;
	}
	.role__item--top p br {
		display: none;
	}
}
.role__item--bottom {
	padding-top: 228px;
	padding-bottom: 7.7777777778em;
	background-color: #f5f5f5;
	text-align: center;
}
.role__item--bottom h3 {
	margin-top: 6.6666666667rem;
	font-size: 2.2222222222rem;
	font-weight: 300;
}
.role__item--bottom h3 b {
	font-weight: 600;
}
.role__item--bottom .wrapper > p {
	font-size: 1rem;
	font-weight: 300;
	margin-top: 1.9444444444em;
	line-height: 155.5555555556%;
}
.role__item--bottom ul {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 60px;
}
.role__item--bottom ul li {
	width: 300px;
}
.role__item--bottom ul li strong {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #a59377;
	border-radius: 75px;
	color: #fff;
	position: relative;
	margin-bottom: 80px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.6;
}
.role__item--bottom ul li strong:before {
	position: absolute;
	bottom: -80px;
	left: 50%;
	content: '';
	margin-left: -3.5px;
	width: 7px;
	height: 7px;
	background-color: #a59377;
	border-radius: 50%;
}
.role__item--bottom ul li strong:after {
	position: absolute;
	bottom: -80px;
	left: 50%;
	content: '';
	display: block;
	width: 1px;
	height: 80px;
	background-color: #a59377;
}
.role__item--bottom ul li p {
	font-size: 1rem;
	font-weight: 300;
	line-height: 177.7777777778%;
	color: #5e5e5e;
	padding: 0.5em;
	letter-spacing: -1px;
}

@media screen and (max-width: 1320px) {
	.role__item--bottom h3 {
		font-size: 1.6666666667rem;
	}
	.role__item--bottom .wrapper > p {
		font-size: 0.8888888889rem;
	}
	.role__item--bottom ul li strong {
		width: 95%;
		height: 120px;
		margin: 0 auto 80px 0;
	}
	.role__item--bottom ul li p {
		font-size: 0.8888888889rem;
	}
}
@media screen and (max-width: 768px) {
	.role__item--bottom {
		padding-top: 0px;
		padding: 4em 0;
	}
	.role__item--bottom h3 {
		margin-top: 0;
		font-size: 1.3888888889rem;
	}
	.role__item--bottom .wrapper > p {
		font-size: 0.8888888889rem;
	}
	.role__item--bottom ul {
		margin-top: 2.5em;
		flex-wrap: wrap;
	}
	.role__item--bottom ul li {
		width: 49%;
		margin-bottom: 1em;
	}
	.role__item--bottom ul li strong {
		height: 65px;
		margin-bottom: 40px;
		padding: 0 1em;
		box-sizing: border-box;
		font-size: 0.8888888889rem;
	}
	.role__item--bottom ul li strong:before {
		bottom: -40px;
	}
	.role__item--bottom ul li strong:after {
		height: 40px;
		bottom: -40px;
	}
	.role__item--bottom ul li p {
		font-size: 0.8888888889rem;
	}
	.role__item--bottom ul li p br {
		display: none;
	}
}
/* type2 */
.desc-area.none-cross-cont {
	height: auto !important;
	padding: 11.1111111111em 0 5.5555555556em 0;
}
.desc-area.none-cross-cont .wrapper {
	padding-bottom: 0;
}

.role__item--bottom.none-cross-cont {
	padding: 5.2777777778em 0 7.2222222222em 0;
}
.role__item--bottom.none-cross-cont h3 {
	margin-top: 0;
}

@media screen and (max-width: 768px) {
	.desc-area.none-cross-cont {
		padding: 4em 0;
	}

	.role__item--bottom.none-cross-cont {
		padding: 4em 0;
	}
}
/* describe type 패턴 layout */
.describe-layout {
	padding: 5.5555555556em 0;
}
.describe-layout .wrapper > h3 {
	font-size: 2.2222222222rem;
	text-align: center;
}
.describe-layout .wrapper > p {
	font-size: 1rem;
	font-weight: 300;
	text-align: center;
	color: #5e5e5e;
	margin-top: 1.6666666667em;
	line-height: 1.6;
}
.describe-layout.type--white .describe-cont {
	background-color: #fff;
}

.describe-cont {
	margin-top: 2.7777777778em;
	background-color: #f8f8f8;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6.6666666667em 0;
}
.describe-cont .describe-dt {
	width: 25.7575757576%;
	text-align: center;
}
.describe-cont .describe-dt .icon-area {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 1em;
}
.describe-cont .describe-dt strong {
	display: block;
	text-align: center;
	color: #a59377;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
}
.describe-cont .describe-dd {
	width: 74.2424242424%;
	box-sizing: border-box;
	padding-left: 5.2777777778em;
	padding-right: 9.7222222222em;
	border-left: 1px solid #d0d0d0;
}
.describe-cont .describe-dd ul li {
	position: relative;
	padding-left: 1em;
	line-height: 1.6;
	font-size: 1rem;
	font-weight: 300;
	margin-top: 10px;
	letter-spacing: -1px;
	color: #292929;
}
.describe-cont .describe-dd ul li b {
	font-weight: 500;
}
.describe-cont .describe-dd ul li:first-child {
	margin-top: 0;
}
.describe-cont .describe-dd ul li:after {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	background-color: #a59377;
	border-radius: 50%;
	position: absolute;
	top: 0.7rem;
	left: 0;
}

@media screen and (max-width: 1320px) {
	.describe-layout {
		padding: 5.5555555556em 0;
	}
	.describe-layout .wrapper > h3 {
		font-size: 2rem;
	}
	.describe-layout .wrapper > p {
		font-size: 1rem;
	}

	.describe-cont {
		padding: 5em 0;
	}
	.describe-cont .describe-dd {
		padding-left: 2.7777777778em;
		padding-right: 5.5555555556em;
	}
	.describe-cont .describe-dd ul li {
		font-size: 1rem;
	}
}
@media screen and (max-width: 768px) {
	.describe-layout {
		padding: 3.3333333333em 0;
	}
	.describe-layout .wrapper > h3 {
		font-size: 1.5rem;
	}
	.describe-layout .wrapper > p {
		font-size: 0.8888888889rem;
	}

	.describe-cont {
		padding: 1.6666666667em 0;
		display: block;
	}
	.describe-cont .describe-dt {
		width: 100%;
		text-align: center;
	}
	.describe-cont .describe-dt strong {
		font-size: 1.125rem;
	}
	.describe-cont .describe-dd {
		width: 100%;
		border: 0;
		margin-top: 1.5em;
		padding-left: 0.8333333333em;
		padding-right: 0.8333333333em;
	}
	.describe-cont .describe-dd ul li {
		font-size: 1rem;
	}
}
@media screen and (max-width: 480px) {
	.describe-layout .wrapper > p {
		word-break: keep-all;
	}
	.describe-layout .wrapper > p br {
		display: none;
	}
}
.icon-notice {
	width: 51px;
	height: 46px;
	background-image: url('/assets/img/sub/icon-notice.png');
}

.deco-check {
	position: relative;
	padding-left: 1.5em;
	line-height: 1.6;
}
.deco-check:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	background: url('/assets/img/common/list-deco.png') no-repeat center;
}

.etc .etc_area {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 700px;
	margin: 50px 0;
}
.etc .etc_area textarea {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	border: 1px solid #d9d9d9;
	color: #333;
	line-height: 1.8;
	font-size: 16px;
	font-weight: 300;
	white-space: pre-wrap;
}
.etc .btn-back {
	display: block;
	width: 260px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
	background-color: #247bc2;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}
.etc .btn-back:hover {
	opacity: 0.8;
}
@media screen and (max-width: 768px) {
	.etc .etc_area {
		padding-bottom: 75%;
		margin: 50px 0;
	}
	.etc .etc_area textarea {
		font-size: 12px;
	}
}

.square-layout--color,
.square-layout {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.square-layout--color li,
.square-layout li {
	background-color: #f5f5f5;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 110px;
	margin-bottom: 1em;
	border-radius: 5px;
}
.square-layout--color li span,
.square-layout li span {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.6;
	padding: 1em;
	box-sizing: border-box;
}
.square-layout--color.item--4 li,
.square-layout.item--4 li {
	width: 24.1071428571%;
}
.square-layout--color.item--3,
.square-layout.item--3 {
	max-width: 840px;
	width: 100%;
	margin: 0 auto;
}
.square-layout--color.item--3 li,
.square-layout.item--3 li {
	width: 32.1428571429%;
}

@media screen and (max-width: 768px) {
	.square-layout--color li,
	.square-layout li {
		height: 80px;
	}
	.square-layout--color li span,
	.square-layout li span {
		font-size: 0.8888888889rem;
	}
	.square-layout--color li span br,
	.square-layout li span br {
		display: none;
	}
	.square-layout--color.item--4 li,
	.square-layout.item--4 li {
		width: 48%;
	}
	.square-layout--color.item--3,
	.square-layout.item--3 {
		max-width: 840px;
		width: 100%;
		margin: 0 auto;
	}
	.square-layout--color.item--3 li,
	.square-layout.item--3 li {
		width: 48%;
	}
}
@media screen and (max-width: 480px) {
	.square-layout.item--3 {
		display: block;
	}
	.square-layout.item--3 li {
		width: 100%;
		word-break: keep-all;
	}
}
.square-layout--color.item--3 li {
	height: 115px;
}

.square-layout--color li {
	background-color: #a59377;
	height: 180px;
}
.square-layout--color li span {
	color: #fff;
}

.main-color-circle-list {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 60px;
}
.main-color-circle-list li {
	width: 240px;
}
.main-color-circle-list li strong {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #a59377;
	border-radius: 75px;
	color: #fff;
	position: relative;
	margin-bottom: 80px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.6;
}
.main-color-circle-list li strong:before {
	position: absolute;
	bottom: -80px;
	left: 50%;
	content: '';
	margin-left: -3.5px;
	width: 7px;
	height: 7px;
	background-color: #a59377;
	border-radius: 50%;
}
.main-color-circle-list li strong:after {
	position: absolute;
	bottom: -80px;
	left: 50%;
	content: '';
	display: block;
	width: 1px;
	height: 80px;
	background-color: #a59377;
}
.main-color-circle-list li p {
	font-size: 1rem;
	font-weight: 300;
	line-height: 177.7777777778%;
	color: #5e5e5e;
	padding: 0.5em;
	letter-spacing: -1px;
	text-align: center;
}

@media screen and (max-width: 1320px) {
	.main-color-circle-list li strong {
		width: 95%;
		height: 100px;
		margin: 0 auto 80px 0;
	}
	.main-color-circle-list li p {
		font-size: 0.8888888889rem;
	}
}
@media screen and (max-width: 768px) {
	.main-color-circle-list {
		margin-top: 2.5em;
		flex-wrap: wrap;
	}
	.main-color-circle-list li {
		width: 49%;
		margin-bottom: 1em;
	}
	.main-color-circle-list li strong {
		height: 65px;
		margin-bottom: 40px;
		padding: 0 1em;
		box-sizing: border-box;
		font-size: 0.8888888889rem;
	}
	.main-color-circle-list li strong:before {
		bottom: -40px;
	}
	.main-color-circle-list li strong:after {
		height: 40px;
		bottom: -40px;
	}
	.main-color-circle-list li p {
		font-size: 0.8888888889rem;
	}
	.main-color-circle-list li p br {
		display: none;
	}
}
.subVisual {
	position: relative;
	width: 100%;
}
.subVisual--inner {
	width: 100%;
	top: 50%;
	left: 50%;
}
.subVisual .imgArea {
	width: 100%;
}
.subVisual .imgArea img {
	display: block;
	width: 100%;
}
.subVisual .textArea {
	position: absolute;
	left: 0;
	top: calc(50% - 25px);
	width: 100%;
	text-align: center;
}
.subVisual .textArea p.eng {
	font-family: 'Noto Serif KR', serif;
	font-weight: 700;
	margin-bottom: 1.7777777778rem;
	color: #a59377;
}
.subVisual .textArea h2 {
	margin-top: 1.6666666667rem;
	font-size: 2.8888888889rem;
	font-weight: 700;
	color: #fff;
	text-align: left;
}
.subVisual .textArea .nav {
	display: flex;
	align-items: center;
}
.subVisual .textArea .nav > div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.subVisual .textArea .nav > div::after {
	display: block;
	content: '';
	width: 8px;
	height: 14px;
	margin: 0 1rem;
	background: url('/assets/img/sub/subNavi_arrow.png') no-repeat center center;
	border-radius: 1.5px;
}
.subVisual .textArea .nav > div:last-child::after {
	display: none;
}
.subVisual .textArea .nav .homeBtn > a {
	display: flex;
	gap: 9px;
	align-items: center;
}
.subVisual .textArea .nav .homeBtn a,
.subVisual .textArea .nav .dep01 {
	color: #eeeeee;
}
.subVisual .textArea .nav .dep02,
.subVisual .textArea .nav .dep03 {
	color: #fff;
}
.subVisual .lnbAr {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
	padding: 0 10px;
	background-color: #fff;
}
.subVisual .lnbAr ul {
	display: flex;
	justify-content: center;
}
.subVisual .lnbAr ul li {
	min-width: 14%;
	text-align: center;
	box-sizing: border-box;
}
.subVisual .lnbAr ul li a {
	position: relative;
	display: inline-block;
	padding: 1.2777777778rem 10px;
}
.subVisual .lnbAr ul li a::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	transition: all 0.3s linear;
}
.subVisual .lnbAr ul li:hover a,
.subVisual .lnbAr ul li.active a {
	color: #bb9b5c;
}
.subVisual .lnbAr ul li:hover a::after,
.subVisual .lnbAr ul li.active a::after {
	width: 50%;
	max-width: 60px;
	background-color: #bb9b5c;
}

@media screen and (max-width: 1600px) {
	.subVisual .textArea {
		top: calc(50% - 82px);
	}
}
@media screen and (max-width: 1400px) {
	.subVisual .imgArea {
		width: 140%;
	}
}
@media screen and (max-width: 1024px) {
	.subVisual .textArea {
		padding: 2rem 0;
	}
	.subVisual .textArea h2 {
		font-size: 3rem;
		margin-bottom: 2rem;
	}
	.subVisual .textArea .nav {
		display: none;
	}
}
@media screen and (max-width: 560px) {
	.subVisual .textArea {
		top: calc(50% - 25px);
	}
	.subVisual .textArea h2 {
		font-size: 1.7777777778rem;
	}
}
.repeatMap {
	padding: 7.7777777778rem 0 5rem 0;
	background-color: #333333;
}
.repeatMap .inner {
	display: flex;
	gap: 5.5555555556rem;
	color: #fff;
}
.repeatMap .logoAr {
	margin-bottom: 2.7777777778rem;
}
.repeatMap .infoAr {
	width: calc(100% - 780px);
}
.repeatMap .callAr {
	display: flex;
	gap: 2.2222222222rem;
}
.repeatMap .callAr a {
	color: #fff;
	font-weight: 700;
	font-size: 2.2222222222rem;
}
.repeatMap .callAr a img {
	display: inline-block;
	padding-right: 10px;
}
.repeatMap .callAr h4 {
	font-size: 1.1111111111rem;
	font-weight: 700;
}
.repeatMap hr {
	margin: 1.9444444444rem auto;
	background-color: rgba(255, 255, 255, 0.1);
	border-top: 0;
}
.repeatMap .timeAr {
	display: flex;
	gap: 3.6111111111rem;
}
.repeatMap .timeAr h4 {
	font-size: 1.1111111111rem;
	font-weight: 700;
}
.repeatMap .timeAr dl {
	display: flex;
	gap: 1.1111111111rem;
	padding-bottom: 0.8333333333rem;
}
.repeatMap .timeAr dt {
	display: flex;
	justify-content: space-between;
	width: 120px;
}
.repeatMap .timeAr dd {
	display: flex;
	align-items: center;
	width: calc(100% - 60px);
	text-align: left;
}
.repeatMap .timeAr dd.hoil {
	font-size: 1.1111111111rem;
}
.repeatMap .timeAr dd b {
	font-size: 1.3333333333rem;
	font-weight: 700;
	margin-left: 0.5555555556rem;
}
.repeatMap .timeAr p {
	line-height: 1.5;
}
.repeatMap .kakaoMap {
	width: 780px;
	height: 458px;
}

@media screen and (max-width: 1401px) {
	.repeatMap .inner {
		gap: 2.2222222222rem;
	}
	.repeatMap .infoAr {
		width: 50%;
		max-width: 500px;
	}
	.repeatMap .callAr {
		gap: 1.6666666667rem;
	}
	.repeatMap .callAr a {
		font-size: 2rem;
	}
	.repeatMap .timeAr {
		gap: 2.7777777778rem;
	}
	.repeatMap .mapAr {
		width: calc(100% - 500px);
		height: 458px;
	}
	.repeatMap .kakaoMap {
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 1201px) {
	.repeatMap .inner {
		gap: 1.1111111111rem;
	}
	.repeatMap .callAr {
		gap: 1.1111111111rem;
	}
	.repeatMap .callAr a {
		font-size: 1.7777777778rem;
	}
	.repeatMap .timeAr {
		gap: 1.6666666667rem;
	}
}
@media screen and (max-width: 1025px) {
	.repeatMap {
		padding: 4.4444444444rem 0 3.3333333333rem 0;
	}
	.repeatMap .inner {
		gap: 1.6666666667rem;
		flex-direction: column;
	}
	.repeatMap .logoAr {
		margin-bottom: 1.6666666667rem;
		text-align: center;
	}
	.repeatMap .infoAr {
		width: 100%;
		max-width: initial;
	}
	.repeatMap .callAr {
		justify-content: center;
		gap: 1.6666666667rem;
	}
	.repeatMap .callAr a {
		font-size: 1.7777777778rem;
	}
	.repeatMap .callAr a img {
		max-width: 30px;
	}
	.repeatMap hr {
		margin: 1.1111111111rem auto;
		width: 80%;
	}
	.repeatMap .timeAr {
		justify-content: center;
		gap: 1.6666666667rem;
	}
	.repeatMap .mapAr {
		width: 100%;
		height: 350px;
	}
}
@media screen and (max-width: 500px) {
	.repeatMap {
		padding: 3.3333333333rem 0;
	}
	.repeatMap .logoAr img {
		max-width: 190px;
	}
	.repeatMap .callAr {
		max-width: 360px;
		margin: 0 auto;
		justify-content: flex-start;
	}
	.repeatMap .callAr a {
		font-size: 1.4444444444rem;
	}
	.repeatMap .callAr a img {
		max-width: 26px;
	}
	.repeatMap hr {
		width: 98%;
	}
	.repeatMap .timeAr {
		max-width: 360px;
		margin: 0 auto;
		justify-content: flex-start;
	}
	.repeatMap .timeAr dt {
		width: 80px;
	}
	.repeatMap .mapAr {
		width: 100%;
		height: 260px;
	}
}
@media screen and (max-width: 380px) {
	.repeatMap .callAr {
		max-width: 320px;
	}
	.repeatMap .callAr a {
		font-size: 1.3333333333rem;
	}
	.repeatMap .callAr a img {
		max-width: 24px;
	}
	.repeatMap .timeAr {
		max-width: 320px;
	}
	.repeatMap .timeAr h4 {
		font-size: 1rem;
	}
	.repeatMap .timeAr dt {
		width: 80px;
	}
	.repeatMap .timeAr dd {
		width: calc(100% - 40px);
	}
	.repeatMap .timeAr dd b {
		font-size: 1.1111111111rem;
	}
	.repeatMap .mapAr {
		height: 240px;
	}
}
.lnb-area {
	display: none;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 0;
}
.lnb-area .lnb {
	display: flex;
	flex-wrap: wrap;
}
.lnb-area .lnb .lnb-item {
	position: relative;
	width: auto;
	min-width: 260px;
}
.lnb-area .lnb .lnb-item::before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 18px;
	background-color: #cdcdcd;
}
.lnb-area .lnb .lnb-item.home-bt {
	width: 50px;
	min-width: auto;
	text-align: left;
}
.lnb-area .lnb .lnb-item.home-bt:hover {
	opacity: 0.8;
}
.lnb-area .lnb .lnb-item.has-sub2 > button,
.lnb-area .lnb .lnb-item.has-sub3 > button {
	padding-right: 2.5555555556rem;
}
.lnb-area .lnb .lnb-item.none {
	display: none;
}
.lnb-area .lnb .lnb-item > a,
.lnb-area .lnb .lnb-item button {
	width: 100%;
	height: 100%;
	padding: 1.6666666667rem 0;
	font-size: 0.8888888889rem;
	font-weight: 400;
}
.lnb-area .lnb .lnb-item .lna {
	position: relative;
	text-align: left;
	padding-left: 1.2222222222rem;
}
.lnb-area .lnb .lnb-item .lna:hover {
	opacity: 0.8;
	color: #a59377;
}
.lnb-area .lnb .lnb-item .lna > img {
	position: absolute;
	right: 40px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	filter: brightness(0) saturate(100%) invert(73%) sepia(5%) saturate(1641%) hue-rotate(358deg)
		brightness(82%) contrast(82%);
}
.lnb-area .lnb .lnb-item .slnb {
	display: none;
	position: absolute;
	left: 0;
	top: 92%;
	z-index: 99;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
}
.lnb-area .lnb .lnb-item .slnb .dep1_con {
	width: 100%;
}
.lnb-area .lnb .lnb-item .slnb .dep1_con:nth-child(n + 2) {
	border-top: 1px solid #e0e0e0;
}
.lnb-area .lnb .lnb-item .slnb .dep1_con a {
	font-size: 0.8333333333rem;
	font-weight: 400;
	padding: 0.4444444444rem 5px;
}

@media screen and (max-width: 878px) {
	.subVisual .lnbAr {
		display: none;
	}

	.lnb-area {
		display: block;
	}
	.lnb-area .lnb {
		padding: 0;
	}
	.lnb-area .lnb .lnb-item {
		width: 50%;
		min-width: auto;
	}
	.lnb-area .lnb .lnb-item::before {
		height: 14px;
	}
	.lnb-area .lnb .lnb-item.home-bt {
		display: none;
	}
	.lnb-area .lnb .lnb-item:last-child::before,
	.lnb-area .lnb .lnb-item:nth-child(3)::before {
		display: none;
	}
	.lnb-area .lnb .lnb-item.has-sub3 {
		width: 100%;
		min-width: auto;
		border-top: 1px solid #e0e0e0;
	}
	.lnb-area .lnb .lnb-item.has-sub3 > button {
		padding-right: 0;
	}
	.lnb-area .lnb .lnb-item > a,
	.lnb-area .lnb .lnb-item button {
		padding: 1rem 0;
		padding-right: 10px !important;
		font-size: 0.8333333333rem;
	}
	.lnb-area .lnb .lnb-item > a img,
	.lnb-area .lnb .lnb-item button img {
		right: 5px !important;
	}
	.lnb-area .lnb .lnb-item .lna {
		padding-left: 10px;
	}
	.lnb-area .lnb .lnb-item .lna > img {
		right: 10px;
	}
}
.subTitleAr {
	text-align: center;
	margin-bottom: 3rem;
}
.subTitleAr .eng {
	font-size: 0.8333333333rem;
	font-weight: 500;
	color: #9d9078;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.subTitleAr h3 {
	margin: 1.3333333333rem 0 0 0;
	font-size: 2.8888888889rem;
	line-height: 1.2;
	font-weight: 700;
}
.subTitleAr h3 .font-light {
	font-weight: 400;
}
.subTitleAr h4 {
	margin: 1.3333333333rem 0 0 0;
	font-size: 2.8888888889rem;
	line-height: 1.2;
	font-weight: 400;
}
.subTitleAr h4 > b {
	font-weight: 700;
}
.subTitleAr p {
	text-wrap: balance;
	line-height: 1.4;
}
.subTitleAr .subText {
	margin-top: 1.5555555556rem;
	font-size: 1.1111111111rem;
}

@media screen and (max-width: 1024px) {
	.subTitleAr {
		margin-bottom: 2.2222222222rem;
	}
	.subTitleAr h3,
	.subTitleAr h4 {
		font-size: 2.3333333333rem;
	}
	.subTitleAr .subText {
		font-size: 1rem;
	}
}
@media screen and (max-width: 878px) {
	.subTitleAr {
		margin-bottom: 1.6666666667rem;
	}
	.subTitleAr h3,
	.subTitleAr h4 {
		font-size: 2rem;
	}
}
@media screen and (max-width: 600px) {
	.subTitleAr h3,
	.subTitleAr h4 {
		margin: 1.1111111111rem 0 0 0;
		font-size: 1.7777777778rem;
	}
	.subTitleAr .subText {
		margin-top: 1.1111111111rem;
	}
}
.subHospital .titleAr {
	margin-bottom: 3.6111111111rem;
	text-align: center;
}
.subHospital .titleAr .eng {
	font-size: 0.8333333333rem;
	font-weight: 500;
	color: #9d9078;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.subHospital .titleAr h3 {
	margin: 1.3333333333rem 0 0.8888888889rem 0;
	font-size: 2.3333333333rem;
	line-height: 1.2;
}
.subHospital .titleAr h3 b {
	font-weight: 700;
}
.subHospital .greetingAr {
	background-image: url('/assets/img/sub/r10/hos_bgtext.png');
	background-repeat: no-repeat;
	background-position: 150px 82%;
	padding-bottom: 18.0555555556rem;
}
.subHospital .greetingAr .flexAr {
	display: flex;
	align-items: center;
}
.subHospital .greetingAr .flexAr > div {
	width: 50%;
}
.subHospital .greetingAr .flexAr .imgWrap {
	text-align: center;
}
.subHospital .greetingAr .flexAr .textWrap {
	padding-left: 2.6666666667rem;
}
.subHospital .greetingAr .flexAr .textWrap h4 {
	margin-bottom: 3rem;
	font-size: 1.3333333333rem;
	line-height: 1.5;
}
.subHospital .greetingAr .flexAr .textWrap p {
	line-height: 1.5;
	font-weight: 1.1111111111rem;
}
.subHospital .systemAr {
	padding: 4.6666666667rem 0;
	background-color: #f5f5f5;
}
.subHospital .systemAr .flexAr {
	display: flex;
	align-items: center;
	gap: 3.0555555556rem;
}
.subHospital .systemAr .flexAr .textWrap {
	width: 400px;
	text-align: center;
	position: relative;
	letter-spacing: -0.05em;
}
.subHospital .systemAr .flexAr .textWrap .bgText {
	position: absolute;
	top: -64px;
	left: 50%;
	letter-spacing: -0.05em;
	transform: translateX(-50%);
	text-align: center;
	font-weight: 700;
	font-size: 5.5555555556rem;
	color: rgba(165, 147, 119, 0.1);
}
.subHospital .systemAr .flexAr .textWrap h4 {
	font-size: 3.2222222222rem;
	font-weight: 900;
	letter-spacing: -0.05em;
}
.subHospital .systemAr .flexAr .circleWrap {
	width: calc(100% - 400px);
}
.subHospital .systemAr .flexAr .circleWrap ul {
	display: flex;
	align-items: center;
	gap: 1.4444444444rem;
}
.subHospital .systemAr .flexAr .circleWrap ul li .circle {
	width: 300px;
	height: 300px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.8888888889rem;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.subHospital .systemAr .flexAr .circleWrap ul li .circle h5 {
	color: #a59377;
	font-size: 1.3333333333rem;
}
.subHospital .systemAr .flexAr .circleWrap ul li .circle p {
	font-size: 1.1111111111rem;
	text-align: center;
	line-height: 1.4;
}
.subHospital .systemAr .flexAr .circleWrap ul li .circle01 {
	background: url('/assets/img/sub/r10/circle_bg01.png') no-repeat center/cover;
}
.subHospital .systemAr .flexAr .circleWrap ul li .circle02 {
	background: url('/assets/img/sub/r10/circle_bg02.png') no-repeat center/cover;
}
.subHospital .systemAr .flexAr .circleWrap ul li .circle03 {
	background: url('/assets/img/sub/r10/circle_bg03.png') no-repeat center/cover;
}
.subHospital .hospitalAr {
	padding: 8.8888888889rem 0 0 0;
}
.subHospital .hospitalAr ul li {
	display: flex;
	align-items: center;
	gap: 4.4444444444rem;
}
.subHospital .hospitalAr ul li .textWrap h5 {
	margin-bottom: 2.7777777778rem;
	font-size: 1.3333333333rem;
	letter-spacing: -0.05em;
	line-height: 1.5;
}
.subHospital .hospitalAr ul li .textWrap p {
	font-size: 1.1111111111rem;
	line-height: 1.5;
	letter-spacing: -0.05em;
}
.subHospital .hospitalAr ul li:not(:last-child) {
	margin-bottom: 5.5555555556rem;
}

@media screen and (max-width: 1401px) {
	.subHospital .systemAr {
		padding: 7.7777777778rem 10px 5.5555555556rem 10px;
	}
	.subHospital .systemAr .flexAr {
		gap: 2.7777777778rem;
		flex-direction: column;
	}
	.subHospital .systemAr .flexAr > div {
		width: 100%;
	}
	.subHospital .systemAr .flexAr .textWrap {
		width: initial;
	}
	.subHospital .systemAr .flexAr .textWrap .bgText {
		font-size: 5rem;
	}
	.subHospital .systemAr .flexAr .textWrap h4 {
		font-size: 2.6666666667rem;
	}
	.subHospital .systemAr .flexAr .circleWrap {
		width: initial;
	}
	.subHospital .hospitalAr {
		padding: 7.7777777778rem 10px 0 10px;
	}
	.subHospital .hospitalAr ul li {
		gap: 3.3333333333rem;
	}
	.subHospital .hospitalAr ul li .imgWrap {
		width: 55%;
	}
	.subHospital .hospitalAr ul li .imgWrap img {
		display: block;
		width: 100%;
	}
	.subHospital .hospitalAr ul li .textWrap {
		width: 45%;
	}
}
@media screen and (max-width: 1201px) {
	.subHospital .greetingAr {
		background-position: 0 90%;
		background-size: 1210px;
		padding-bottom: 16.6666666667rem;
	}
	.subHospital .greetingAr .flexAr .imgWrap img {
		display: block;
		width: 100%;
	}
	.subHospital .systemAr {
		padding: 6.6666666667rem 10px 5.5555555556rem 10px;
	}
	.subHospital .systemAr .flexAr .textWrap .bgText {
		top: -40px;
		font-size: 3.8888888889rem;
	}
	.subHospital .systemAr .flexAr .textWrap h4 {
		font-size: 2.1111111111rem;
	}
	.subHospital .systemAr .flexAr .circleWrap ul li .circle {
		width: 250px;
		height: 250px;
	}
	.subHospital .systemAr .flexAr .circleWrap ul li .circle img {
		max-width: 40px;
	}
	.subHospital .systemAr .flexAr .circleWrap ul li .circle h5 {
		font-size: 1.1111111111rem;
	}
	.subHospital .systemAr .flexAr .circleWrap ul li .circle p {
		font-size: 1rem;
	}
}
@media screen and (max-width: 1025px) {
	.subHospital .greetingAr {
		background-position: 0 87%;
		background-size: 1100px;
		padding-bottom: 11.1111111111rem;
	}
	.subHospital .hospitalAr {
		padding: 4.4444444444rem 10px 0 10px;
	}
	.subHospital .hospitalAr ul li {
		gap: 2.2222222222rem;
	}
	.subHospital .hospitalAr ul li .textWrap h5 {
		margin-bottom: 1.6666666667rem;
	}
	.subHospital .hospitalAr ul li:not(:last-child) {
		margin-bottom: 3.3333333333rem;
	}
}
@media screen and (max-width: 878px) {
	.subHospital .titleAr h3 {
		margin: 1.1111111111rem 0 0.8888888889rem 0;
		font-size: 2rem;
	}
	.subHospital .greetingAr {
		background-size: 900px;
	}
	.subHospital .greetingAr .flexAr .textWrap {
		padding-left: 1.6666666667rem;
	}
	.subHospital .greetingAr .flexAr .textWrap h4 {
		margin-bottom: 1.6666666667rem;
	}
	.subHospital .systemAr {
		padding: 5.5555555556rem 10px 4.4444444444rem 10px;
	}
	.subHospital .systemAr .flexAr {
		gap: 2.2222222222rem;
	}
	.subHospital .systemAr .flexAr .circleWrap ul {
		flex-direction: column;
	}
	.subHospital .hospitalAr ul li {
		flex-direction: column;
	}
	.subHospital .hospitalAr ul li .textWrap,
	.subHospital .hospitalAr ul li .imgWrap {
		width: 100%;
	}
	.subHospital .hospitalAr ul li:nth-child(2) {
		flex-direction: column-reverse;
	}
}
@media screen and (max-width: 600px) {
	.subHospital .titleAr {
		margin-bottom: 1.6666666667rem;
	}
	.subHospital .titleAr h3 {
		font-size: 1.4444444444rem;
	}
	.subHospital .greetingAr {
		background-size: 650px;
		background-position: 0 99%;
		padding-bottom: 6.6666666667rem;
	}
	.subHospital .greetingAr .flexAr {
		flex-direction: column;
	}
	.subHospital .greetingAr .flexAr .imgWrap {
		width: 100%;
	}
	.subHospital .greetingAr .flexAr .textWrap {
		width: 100%;
		padding-left: 0;
	}
	.subHospital .greetingAr .flexAr .textWrap h4 {
		margin-bottom: 1.6666666667rem;
	}
	.subHospital .hospitalAr ul li .textWrap h5 {
		margin-bottom: 1.1111111111rem;
	}
}
.subDoctor .doctorAr {
	background-image: url('/assets/img/sub/r10/doctor_bg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}
.subDoctor .doctorAr .doctorInner {
	display: flex;
	align-items: end;
	gap: 4.1111111111rem;
}
.subDoctor .doctorAr .doctorInner .imgAr {
	width: 470px;
}
.subDoctor .doctorAr .doctorInner .careerAr {
	width: calc(100% - 470px);
	margin-bottom: 3.6111111111rem;
}
.subDoctor .doctorAr .careerAr h3 {
	font-size: 2.3333333333rem;
	font-weight: 700;
}
.subDoctor .doctorAr .careerAr h3 > span {
	font-size: 1rem;
	font-weight: 700;
}
.subDoctor .doctorAr .careerAr .careerWrap {
	display: flex;
	gap: 10.5555555556rem;
	padding-top: 3.8888888889rem;
}
.subDoctor .doctorAr .careerAr .careerWrap > div h4 {
	margin-bottom: 1.1111111111rem;
	font-size: 1.2222222222rem;
	font-weight: 700;
}
.subDoctor .doctorAr .careerAr .careerWrap .commonUl li::marker {
	content: '· ';
}
.subDoctor .doctorAr .careerAr .careerWrap .commonUl li:not(:last-child) {
	margin-bottom: 0.5555555556rem;
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.2;
}

@media screen and (max-width: 1401px) {
	.subDoctor .doctorAr .careerAr .careerWrap {
		gap: 5.5555555556rem;
	}
}
@media screen and (max-width: 1201px) {
	.subDoctor .doctorAr .doctorInner {
		gap: 3.3333333333rem;
	}
	.subDoctor .doctorAr .doctorInner .imgAr {
		width: 40%;
	}
	.subDoctor .doctorAr .doctorInner .imgAr img {
		display: block;
		width: 100%;
	}
	.subDoctor .doctorAr .doctorInner .careerAr {
		width: 60%;
	}
	.subDoctor .doctorAr .doctorInner .careerAr h3 {
		font-size: 2rem;
	}
	.subDoctor .doctorAr .doctorInner .careerAr .careerWrap {
		gap: 3.3333333333rem;
	}
	.subDoctor .doctorAr .doctorInner .careerAr .careerWrap > div h4 {
		font-size: 1.1111111111rem;
	}
}
@media screen and (max-width: 1025px) {
	.subDoctor .doctorAr .doctorInner {
		gap: 3.3333333333rem;
	}
	.subDoctor .doctorAr .careerAr h3 {
		font-size: 1.7777777778rem;
	}
	.subDoctor .doctorAr .careerAr .careerWrap {
		padding-top: 2.2222222222rem;
		gap: 2.2222222222rem;
	}
}
@media screen and (max-width: 878px) {
	.subDoctor .doctorAr {
		background-size: cover;
	}
	.subDoctor .doctorAr .doctorInner {
		flex-direction: column;
	}
	.subDoctor .doctorAr .doctorInner .imgAr {
		margin-top: 2.2222222222rem;
		width: 100%;
	}
	.subDoctor .doctorAr .doctorInner .imgAr img {
		max-width: 360px;
		margin: 0 auto;
	}
	.subDoctor .doctorAr .doctorInner .careerAr {
		width: 100%;
	}
	.subDoctor .doctorAr .doctorInner .careerAr h3 {
		text-align: center;
	}
	.subDoctor .doctorAr .doctorInner .careerAr .careerWrap {
		justify-content: center;
	}
}
@media screen and (max-width: 500px) {
	.subDoctor .doctorAr .doctorInner .imgAr img {
		max-width: 300px;
	}
	.subDoctor .doctorAr .doctorInner .careerAr h3 {
		font-size: 1.5555555556rem;
	}
	.subDoctor .doctorAr .doctorInner .careerAr .careerWrap {
		gap: 1.3333333333rem;
	}
}
.subTimeInfor {
	margin-top: 3.8888888889rem;
}
.subTimeInfor .inner h3 {
	font-size: 1.3333333333rem;
	text-align: left;
}
.subTimeInfor__docTimeBox .table1 {
	width: 100%;
	margin-top: 0.5555555556rem;
	border-top: 3px solid #a59377;
	font-size: 1.1111111111rem;
	font-weight: 400;
}
.subTimeInfor__docTimeBox .table1 .nameCol {
	width: 22%;
}
.subTimeInfor__docTimeBox .table1 thead tr {
	background-color: #f2f0ee;
}
.subTimeInfor__docTimeBox .table1 thead th {
	padding: 1.6666666667rem 3px;
}
.subTimeInfor__docTimeBox .table1 tbody tr {
	background-color: #ffffff;
	/*
      &:nth-child(4n + 1),
      &:nth-child(4n + 2) {
      	background-color: #ffffff;
      }
      */
}
.subTimeInfor__docTimeBox .table1 tbody td {
	padding: 0.8333333333rem 3px;
}
.subTimeInfor__docTimeBox .table1 tbody td.nameTd {
	line-height: 1.25;
	font-size: 1.3333333333rem;
}
.subTimeInfor__docTimeBox .table1 tbody td .text20 {
	font-size: 1.1111111111rem;
}
.subTimeInfor__docTimeBox .table1 th,
.subTimeInfor__docTimeBox .table1 td {
	vertical-align: middle;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
}
.subTimeInfor__docTimeBox .table1 th:not(.nameTd),
.subTimeInfor__docTimeBox .table1 td:not(.nameTd) {
	border-left: 1px solid #e0e0e0;
}
.subTimeInfor__docTimeBox .table1 th p,
.subTimeInfor__docTimeBox .table1 td p {
	font-size: 1rem;
}
.subTimeInfor__docTimeBox .table1 th .cir,
.subTimeInfor__docTimeBox .table1 td .cir {
	display: inline-block;
	width: 70px;
	padding: 0.6666666667rem 0;
	background-color: #a59377;
	border-radius: 100px;
	font-size: 1rem;
	font-weight: 400;
	color: #ffffff;
}
.subTimeInfor__docTimeBox .table1 th .cir.surgery,
.subTimeInfor__docTimeBox .table1 td .cir.surgery {
	background-color: #002775;
}
.subTimeInfor__docTimeBox .table1 th .cir.holiday,
.subTimeInfor__docTimeBox .table1 td .cir.holiday {
	background-color: #f45353;
}
.subTimeInfor__docTimeBox .table1 th .cir.repeat,
.subTimeInfor__docTimeBox .table1 td .cir.repeat {
	width: 60px;
	padding: 1.2222222222rem 0;
	line-height: 1.25;
	background-color: #9e9e9e;
}
.subTimeInfor__docTimeBox .table1 th .cir.two,
.subTimeInfor__docTimeBox .table1 td .cir.two {
	width: 100px;
	line-height: 1.25;
	background-color: #083f40;
}

@media screen and (max-width: 1024px) {
	.subTimeInfor__docTimeBox .table1 {
		font-size: 1rem;
	}
	.subTimeInfor__docTimeBox .table1 thead th {
		padding: 1.1111111111rem 3px;
	}
	.subTimeInfor__docTimeBox .table1 tbody td.nameTd {
		font-size: 1.1111111111rem;
	}
	.subTimeInfor__docTimeBox .table1 tbody td .text20 {
		font-size: 0.8888888889rem;
	}
	.subTimeInfor__docTimeBox .table1 th.subTd,
	.subTimeInfor__docTimeBox .table1 td.subTd {
		display: none;
	}
	.subTimeInfor__docTimeBox .table1 th p,
	.subTimeInfor__docTimeBox .table1 td p {
		font-size: 0.8888888889rem;
	}
	.subTimeInfor__docTimeBox .table1 th .cir,
	.subTimeInfor__docTimeBox .table1 td .cir {
		width: 55px;
		padding: 0.5rem 0;
		font-size: 0.8333333333rem;
	}
	.subTimeInfor__docTimeBox .table1 th .cir.repeat,
	.subTimeInfor__docTimeBox .table1 td .cir.repeat {
		width: 50px;
		padding: 1rem 0;
	}
}
@media screen and (max-width: 560px) {
	.subTimeInfor__docTimeBox .table1 {
		font-size: 0.8888888889rem;
	}
	.subTimeInfor__docTimeBox .table1 .nameCol {
		width: 65px;
	}
	.subTimeInfor__docTimeBox .table1 tbody td.nameTd {
		font-size: 0.9444444444rem;
	}
	.subTimeInfor__docTimeBox .table1 tbody td .text20 {
		font-size: 0.8333333333rem;
	}
	.subTimeInfor__docTimeBox .table1 th .cir,
	.subTimeInfor__docTimeBox .table1 td .cir {
		width: 100%;
		max-width: 40px;
		padding: 0.3888888889rem 0 0.1666666667rem;
	}
	.subTimeInfor__docTimeBox .table1 th .cir.repeat,
	.subTimeInfor__docTimeBox .table1 td .cir.repeat {
		width: 100%;
		max-width: 40px;
		padding: 0.7222222222rem 0;
	}
}
.subTime .timeAr {
	margin-top: 6.6666666667rem;
}
.subTime .timeAr > ul {
	display: flex;
	justify-content: space-around;
}
.subTime .timeAr > ul > li {
	display: flex;
	flex-direction: column;
	gap: 3.8888888889rem;
	align-items: center;
	text-align: center;
}
.subTime .timeAr > ul > li .imgWrap {
	width: 130px;
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.subTime .timeAr > ul > li .imgWrap img {
	width: 100%;
}
.subTime .timeAr > ul > li .textWrap {
	text-align: center;
}
.subTime .timeAr > ul > li .textWrap > span {
	display: inline-block;
	margin-bottom: 0.7777777778rem;
	font-size: 1.1111111111rem;
	font-weight: 700;
}
.subTime .timeAr > ul > li .textWrap > p {
	font-size: 1.1111111111rem;
	font-weight: 700;
}
.subTime .timeAr > ul > li .textWrap > p > b {
	font-size: 1.7777777778rem;
	font-weight: 700;
}
.subTime .timeAr > ul > li .textWrap > p > span {
	display: inline-block;
	margin-top: 0.5555555556rem;
	font-size: 1.1111111111rem;
	font-weight: 400;
}
.subTime .flexAr {
	display: flex;
	gap: 2.2222222222rem;
	justify-content: center;
	margin-top: 6.1111111111rem;
}
.subTime .flexAr > a {
	width: 50%;
	display: flex;
	gap: 2.2222222222rem;
	align-items: center;
	justify-content: space-between;
	padding: 2.5555555556rem 2.8888888889rem;
	border-radius: 20px;
}
.subTime .flexAr > a .imgWrap {
	max-width: 28%;
}
.subTime .flexAr > a .imgWrap img {
	display: block;
	width: 100%;
	min-width: 154px;
}
.subTime .flexAr > a .textAr > p {
	margin-top: 1.1111111111rem;
	color: #666666;
	line-height: 1.2;
}
.subTime .flexAr > a.callAr {
	border: 1px solid #dddddd;
}
.subTime .flexAr > a.callAr h3 {
	font-size: 1.3333333333rem;
	font-weight: 700;
}
.subTime .flexAr > a.callAr h4 {
	margin-top: 0.5555555556rem;
	font-size: 2.6666666667rem;
	font-weight: 700;
	color: #a59377;
}
.subTime .flexAr > a.counselAr {
	color: #fff;
	background-color: #a59377;
}
.subTime .flexAr > a.counselAr h3 {
	font-size: 1.7777777778rem;
	font-weight: 700;
}
.subTime .flexAr > a.counselAr p {
	color: #fff;
}

@media screen and (max-width: 1201px) {
	.subTime .flexAr {
		gap: 1.1111111111rem;
	}
	.subTime .flexAr > a {
		align-items: center;
	}
	.subTime .flexAr > a .imgWrap {
		max-width: 176px;
	}
	.subTime .flexAr > a.counselAr h3 {
		font-size: 1.5555555556rem;
	}
	.subTime .flexAr > a.callAr h3 {
		font-size: 1.3333333333rem;
	}
	.subTime .flexAr > a.callAr h4 {
		font-size: 1.7777777778rem;
	}
}
@media screen and (max-width: 878px) {
	.subTime .timeAr > ul {
		flex-wrap: wrap;
		gap: 2rem;
	}
	.subTime .timeAr > ul > li {
		gap: 1.1111111111rem;
	}
	.subTime .timeAr > ul > li .imgWrap {
		width: 80px;
		height: 80px;
	}
	.subTime .timeAr > ul > li .imgWrap img {
		max-width: 60px;
		width: 100%;
	}
	.subTime .timeAr > ul > li .textWrap > span {
		font-size: 1.3333333333rem;
	}
	.subTime .timeAr > ul > li .textWrap > p {
		font-size: 1.1111111111rem;
	}
	.subTime .timeAr > ul > li .textWrap > p > b {
		font-size: 1.3333333333rem;
	}
	.subTime .timeAr > ul > li .textWrap > p > strong {
		font-size: 1.1111111111rem;
	}
	.subTime .flexAr {
		margin-top: 3.3333333333rem;
		flex-direction: column;
	}
	.subTime .flexAr > a {
		width: 100%;
		gap: 1.1111111111rem;
	}
	.subTime .flexAr > a .textAr > p {
		text-wrap: balance;
	}
	.subTime .flexAr > a.counselAr h3 {
		font-size: 1.3333333333rem;
	}
	.subTime .flexAr > a.callAr h3 {
		font-size: 1.1111111111rem;
	}
	.subTime .flexAr > a.callAr h4 {
		font-size: 1.3333333333rem;
	}
}
@media screen and (max-width: 560px) {
	.subTime .timeAr {
		margin-top: 2.2222222222rem;
	}
	.subTime .timeAr > ul {
		row-gap: 4.4444444444rem;
	}
	.subTime .timeAr > ul > li {
		width: 100%;
	}
	.subTime .timeAr > ul > li .imgWrap img {
		max-width: 86px;
	}
	.subTime .flexAr > a .imgWrap img {
		max-width: initial;
		min-width: initial;
		width: 5.5555555556rem;
	}
}
.subTour {
	padding-bottom: 0;
}
.subTour .titleAr {
	margin-bottom: 3.6111111111rem;
	text-align: center;
}
.subTour .titleAr .eng {
	font-size: 0.8333333333rem;
	font-weight: 500;
	color: #9d9078;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.subTour .titleAr h3 {
	margin: 1.3333333333rem 0 0.8888888889rem 0;
	font-size: 2.3333333333rem;
	line-height: 1.2;
}
.subTour .titleAr h3 b {
	font-weight: 700;
}
.subTour .titleAr p {
	text-wrap: balance;
	line-height: 1.4;
}
.subTour .titleAr .subText {
	font-size: 1.1111111111rem;
}
.subTour .subTour__buttonAr {
	display: flex;
	gap: 1.1111111111rem;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.subTour .subTour__buttonAr > button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	padding: 1.1111111111rem 5px;
	font-size: 1.2222222222rem;
	text-align: center;
	transition: 0.4s;
	color: #002775;
	border-radius: 35px;
	border: 1px solid #002775;
}
.subTour .subTour__buttonAr > button.active {
	background-color: #002775;
	color: #ffffff;
}
.subTour .subTour__buttonAr > button.active::before,
.subTour .subTour__buttonAr > button.active::after {
	display: none;
}
.subTour .subTour__buttonAr > button:hover {
	background-color: #002775;
	color: #ffffff;
}
.subTour .subTour__buttonAr > button:hover::before,
.subTour .subTour__buttonAr > button:hover::after {
	display: none;
}
.subTour .subTour__buttonAr > button > span {
	line-height: 1.2;
}
.subTour .subTour__slide {
	position: relative;
	width: 100%;
	max-width: 1180px;
	margin: 2.5rem auto 8.8888888889rem auto;
}
.subTour .subTour__slide .subTour__moum {
	display: none;
}
.subTour .subTour__slide .subTour__moum.active {
	display: block;
}
.subTour .subTour__slide .subTour__moum .subTour__move {
	float: left;
	padding: 0 50px;
}
.subTour .subTour__slide .subTour__moum .subTour__move img {
	display: block;
	width: 100%;
}
.subTour .subTour__slide .subTour__arrows {
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	width: 105%;
	pointer-events: none;
}
.subTour .subTour__slide .subTour__arrows > button {
	position: relative;
	width: 62px;
	height: 62px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #9e9e9e;
	border-radius: 50%;
	pointer-events: all;
}
.subTour .subTour__slide .subTour__arrows > button:last-child {
	text-align: right;
}
.subTour .subTour__slide .subTour__arrows > button:last-child::before {
	left: auto;
	right: 0;
}
.subTour .subTour__slide .subTour__arrows > button:hover {
	background-color: #002775;
}

@media screen and (max-width: 1200px) {
	.subTour .slideAr {
		padding: 0 50px;
	}
	.subTour .subTour__buttonAr {
		gap: 4px;
		justify-content: center;
	}
	.subTour .subTour__buttonAr > button {
		padding: 0.8333333333rem 5px;
		font-size: 1rem;
		border: 1px solid #d2d2d2;
	}
	.subTour .subTour__buttonAr > button::after,
	.subTour .subTour__buttonAr > button::before {
		display: none;
	}
}
@media screen and (max-width: 878px) {
	.subTour .titleAr {
		margin-bottom: 2.2222222222rem;
	}
	.subTour .titleAr h3 {
		margin: 1.1111111111rem 0 0.8888888889rem 0;
		font-size: 2rem;
	}
	.subTour .slideAr {
		padding: 0;
	}
	.subTour .subTour__buttonAr > button {
		padding: 0.6666666667rem 5px;
		font-size: 0.8888888889rem;
	}
	.subTour .subTour__slide {
		margin: 2.2222222222rem 0 2.7777777778rem;
	}
	.subTour .subTour__slide .subTour__moum .subTour__move {
		padding: 0 1.6666666667rem;
	}
	.subTour .subTour__slide .subTour__arrows {
		width: 100%;
	}
	.subTour .subTour__slide .subTour__arrows > button {
		width: 50px;
		height: 50px;
	}
	.subTour .subTour__slide .subTour__arrows > button > img {
		max-width: 16px;
	}
}
@media screen and (max-width: 430px) {
	.subTour .titleAr {
		margin-bottom: 1.6666666667rem;
	}
	.subTour .titleAr h3 {
		font-size: 1.5555555556rem;
	}
	.subTour .subTour__buttonAr > button {
		width: calc(50% - 4px);
	}
	.subTour .subTour__slide .subTour__arrows > button {
		width: 40px;
		height: 40px;
	}
}
.subMap {
	text-align: center;
}
.subMap .titleAr {
	text-align: center;
}
.subMap .titleAr .eng {
	font-size: 0.8333333333rem;
	font-weight: 500;
	color: #9d9078;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.subMap .titleAr h3 {
	margin: 1.3333333333rem 0 0.8888888889rem 0;
	font-size: 2.3333333333rem;
	font-weight: 400;
	line-height: 1.2;
}
.subMap .titleAr h3 b {
	font-weight: 700;
}
.subMap .roundText {
	margin: 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.3333333333rem 0.8333333333rem;
	border-radius: 15.5px;
	background-color: #a59377;
	color: #fff;
	font-weight: 700;
}
.subMap .mapWrap {
	width: 100%;
	margin-top: 7.7777777778rem;
}
.subMap .kakaoMap {
	height: 36.1111111111rem;
	margin-bottom: 4rem;
}
.subMap .wayAr {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	width: 100%;
}
.subMap .wayAr > li {
	padding: 3.3333333333rem 10px 3.8888888889rem;
	background-color: #f5f5f5;
	border-radius: 10px;
}
.subMap .wayAr .cen {
	text-align: center;
}
.subMap .wayAr .cen .icon {
	display: inline-block;
	margin-bottom: 1.1111111111rem;
}
.subMap .wayAr .cen .icon img {
	width: 100%;
}
.subMap .wayAr .cen .text1 {
	font-size: 1.7777777778rem;
	font-weight: 400;
}
.subMap .wayAr .cen .text1 b {
	font-weight: 700;
}
.subMap .wayAr .cen hr {
	width: 100%;
	max-width: 360px;
	height: 0;
	border-top: 1px dashed #e0e0e0;
	margin: 1.6666666667rem auto;
}
.subMap .wayAr .cen .text2 {
	font-size: 1.2222222222rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.7px;
}
.subMap .wayAr .cen .subNum {
	display: inline-block;
}
.subMap .wayAr .cen .subNum dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
.subMap .wayAr .cen .subNum dl:nth-child(n + 2) {
	margin-top: 0.5555555556rem;
}
.subMap .wayAr .cen .subNum dt {
	width: 60px;
	padding: 0.5555555556rem 0;
	background-color: #386de8;
	border-radius: 30px;
	font-size: 1.1111111111rem;
	font-weight: 400;
	color: #ffffff;
}
.subMap .wayAr .cen .subNum dt.color1 {
	background-color: #87c700;
}
.subMap .wayAr .cen .subNum dd {
	width: calc(100% - 60px);
	padding-left: 0.8333333333rem;
	font-size: 1.1111111111rem;
	font-weight: 400;
	text-align: left;
}
.subMap .wayAr .cen .subNum .badge {
	display: inline-block;
	margin-bottom: 1.1111111111rem;
	padding: 0.4444444444rem 0.7777777778rem;
	font-size: 1.1111111111rem;
	background-color: #3155b5;
	border-radius: 18px;
	color: #fff;
}
.subMap .wayAr .cen .subNum .badge.bg-orange {
	background-color: #ffa642;
}
.subMap .wayAr .cen .parking {
	display: inline-block;
	width: 100%;
	max-width: 270px;
	padding: 0.8333333333rem 5px;
	border: 1px solid #a59377;
	border-radius: 100px;
	text-align: center;
	font-size: 1rem;
	color: #a59377;
	margin-top: 2.2222222222rem;
}

@media screen and (max-width: 1200px) {
	.subMap .wayAr .cen .icon img {
		max-width: 100px;
	}
}
@media screen and (max-width: 878px) {
	.subMap {
		text-align: center;
	}
	.subMap .titleAr h3 {
		margin: 1.1111111111rem 0 0.8888888889rem 0;
		font-size: 2rem;
	}
	.subMap .mapWrap {
		margin-top: 2.7777777778rem;
	}
	.subMap .wayAr {
		grid-template-columns: 1fr;
	}
	.subMap .wayAr > li {
		padding: 2.2222222222rem 10px;
	}
	.subMap .wayAr .cen .icon img {
		max-width: 65px;
	}
	.subMap .wayAr .cen .text1 {
		font-size: 1.3333333333rem;
	}
	.subMap .wayAr .cen hr {
		margin: 1.1111111111rem auto;
	}
	.subMap .wayAr .cen .text2 {
		font-size: 1rem;
	}
	.subMap .wayAr .cen .parking {
		max-width: 230px;
		padding: 0.5555555556rem 5px;
		font-size: 0.9444444444rem;
		margin-top: 1.3888888889rem;
	}
}
@media screen and (max-width: 560px) {
	.subMap .titleAr h3 {
		font-size: 1.7777777778rem;
	}
	.subMap .mapWrap {
		margin-top: 2.2222222222rem;
	}
	.subMap .kakaoMap {
		height: 330px;
	}
}
.subTool .contentsUl li {
	display: flex;
	width: 100%;
	height: 480px;
	border-radius: 20px;
}
.subTool .contentsUl li .textAr {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 770px;
	padding-left: 100px;
}
.subTool .contentsUl li .textAr .num {
	font-size: 5.5555555556rem;
	color: rgba(165, 147, 119, 0.15);
}
.subTool .contentsUl li .textAr h3 {
	font-size: 2.6666666667rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: -0.03em;
}
.subTool .contentsUl li .textAr h3 b {
	font-weight: 700;
}
.subTool .contentsUl li .textAr hr {
	width: 100%;
	height: 2px;
	background-color: #d1c3b3;
	margin: 1.6666666667rem auto;
}
.subTool .contentsUl li .textAr p {
	font-size: 1.1111111111rem;
	line-height: 1.5;
}
.subTool .contentsUl li .imgAr {
	position: relative;
	width: calc(100% - 770px);
}
.subTool .contentsUl li .imgAr img {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.subTool .contentsUl li:nth-child(odd) {
	background-color: #f5f5f5;
}
.subTool .contentsUl li:nth-child(even) {
	background-color: #fff;
	border: 1px solid #dddddd;
}
.subTool .contentsUl li:not(:last-child) {
	margin-bottom: 1.1111111111rem;
}

@media screen and (max-width: 1400px) {
	.subTool .contentsUl li {
		height: 420px;
	}
	.subTool .contentsUl li .textAr {
		width: 54%;
		padding-left: 4.4444444444rem;
	}
	.subTool .contentsUl li .textAr .num {
		font-size: 3.8888888889rem;
	}
	.subTool .contentsUl li .textAr h3 {
		font-size: 2.3333333333rem;
	}
	.subTool .contentsUl li .textAr hr {
		margin: 1.3333333333rem auto;
	}
	.subTool .contentsUl li .imgAr {
		width: 46%;
	}
	.subTool .contentsUl li .imgAr img {
		width: 100%;
		max-width: 300px;
	}
	.subTool .contentsUl li:nth-child(1) .imgAr img,
	.subTool .contentsUl li:nth-child(2) .imgAr img {
		max-width: 300px;
	}
	.subTool .contentsUl li:nth-child(3) .imgAr img,
	.subTool .contentsUl li:nth-child(5) .imgAr img {
		max-width: 420px;
	}
}
@media screen and (max-width: 1200px) {
	.subTool .contentsUl li .textAr .num {
		font-size: 3.3333333333rem;
	}
	.subTool .contentsUl li .textAr h3 {
		font-size: 2rem;
	}
	.subTool .contentsUl li .textAr hr {
		margin: 1.1111111111rem auto;
	}
}
@media screen and (max-width: 868px) {
	.subTool .contentsUl li {
		flex-direction: column-reverse;
		gap: 1.6666666667rem;
		padding: 2.7777777778rem 2.2222222222rem;
		height: initial;
	}
	.subTool .contentsUl li .textAr {
		width: 100%;
		padding: 0 1.1111111111rem;
	}
	.subTool .contentsUl li .imgAr {
		width: 100%;
		text-align: center;
	}
	.subTool .contentsUl li .imgAr img {
		position: static;
		transform: initial;
		margin: 0 auto;
	}
}
@media screen and (max-width: 500px) {
	.subTool .contentsUl li .textAr {
		padding: 0;
	}
	.subTool .contentsUl li .textAr .num {
		font-size: 2.2222222222rem;
	}
	.subTool .contentsUl li .textAr h3 {
		font-size: 1.5555555556rem;
	}
	.subTool .contentsUl li .textAr hr {
		margin: 0.8888888889rem auto;
	}
	.subTool .contentsUl li .textAr p {
		font-size: 1rem;
	}
	.subTool .contentsUl li:nth-child(1) .imgAr img,
	.subTool .contentsUl li:nth-child(2) .imgAr img {
		max-height: 300px;
		object-fit: scale-down;
	}
}
.color-main {
	color: #a59377;
}

.color-point {
	color: #002775;
}

.sub20 .subTopSection {
	padding: 5.2777777778rem 0 0 0;
}
.sub20 .subTopSection .imgAr {
	text-align: center;
}
.sub20 .subTopSection .flowText {
	display: flex;
	overflow: hidden;
}
.sub20 .subTopSection .flowText p {
	position: relative;
	bottom: -29px;
	font-size: 11.1111111111rem;
	font-family: 'Cafe24Classic';
	color: rgba(165, 147, 119, 0.1);
	text-transform: uppercase;
	white-space: nowrap;
	animation: textLoop 120s linear infinite;
}
.sub20 .circleListSection {
	padding: 7.2222222222rem 0;
	background-color: #f5f5f5;
}
.sub20 .circleListSection .circleAr ul {
	display: flex;
	gap: 1.1111111111rem;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
}
.sub20 .circleListSection .circleAr ul li {
	width: 33.3%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sub20 .circleListSection .circleAr ul li .textAr {
	margin-top: 1.6666666667rem;
	text-align: center;
}
.sub20 .circleListSection .circleAr ul li .textAr > span {
	font-size: 0.8888888889rem;
	font-weight: 700;
	text-transform: uppercase;
}
.sub20 .circleListSection .circleAr ul li .textAr h4 {
	margin: 0.5555555556rem 0 1.1111111111rem 0;
	font-size: 1.7777777778rem;
	letter-spacing: -0.05em;
}
.sub20 .circleListSection .circleAr ul li .textAr p {
	font-size: 1rem;
	line-height: 1.4;
	color: #666666;
	text-wrap: balance;
}
.sub20 .toolSection {
	padding: 9.7777777778rem 0 10.5555555556rem 0;
}
.sub20 .toolSection .inner {
	position: relative;
}
.sub20 .toolSection .inner .imgAr {
	position: absolute;
	bottom: -190px;
	right: 0;
}
.sub20 .toolSection .inner .imgAr img {
	display: block;
}
.sub20 .toolSection .textAr .eng {
	font-size: 0.8333333333rem;
	color: #a59377;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-weight: 500;
}
.sub20 .toolSection .textAr h3 {
	margin: 1.1111111111rem 0 1.6666666667rem 0;
	font-size: 2.8888888889rem;
	font-weight: 400;
}
.sub20 .toolSection .textAr h3 > b {
	font-weight: 700;
}
.sub20 .toolSection .textAr p {
	font-size: 1.1111111111rem;
	line-height: 1.5;
}
.sub20 .surgerySection .subTitleAr h4 {
	color: #fff;
	font-weight: 700;
}
.sub20 .surgerySection .contentsAr .flexAr {
	display: flex;
	align-items: center;
}
.sub20 .surgerySection .contentsAr .flexAr > div {
	width: 50%;
}
.sub20 .surgerySection .contentsAr .textAr {
	padding-left: 3.8888888889rem;
	color: #fff;
}
.sub20 .surgerySection .contentsAr .textAr .badge {
	display: inline-flex;
	padding: 0.3333333333rem 1rem;
	margin-bottom: 1.1111111111rem;
	border-radius: 16.5px;
	background-color: #a59377;
	color: #fff;
	font-size: 1.1111111111rem;
	font-weight: 700;
}
.sub20 .surgerySection .contentsAr .textAr .topAr p {
	line-height: 1.5;
}
.sub20 .surgerySection .contentsAr .textAr .listAr {
	margin-top: 3.1111111111rem;
}
.sub20 .surgerySection .contentsAr .textAr .listAr ul li {
	display: flex;
	align-items: center;
	gap: 0.4444444444rem;
}
.sub20 .surgerySection .contentsAr .textAr .listAr ul li:not(:last-child) {
	margin-bottom: 0.7777777778rem;
}
.sub20 .imgListSection .boxAr {
	width: 100%;
	padding: 4.7222222222rem 5.5555555556rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f5f5;
	border-radius: 10px;
}
.sub20 .imgListSection .boxAr .flexAr {
	display: flex;
	align-items: center;
	gap: 3.8888888889rem;
}
.sub20 .imgListSection .boxAr .flexAr ul li {
	display: flex;
	gap: 0.3333333333rem;
	align-items: center;
	padding: 0.5555555556rem;
	border-bottom: 1px dashed #dddddd;
}
.sub20 .roundTableSection .roundTable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 0.5555555556rem;
	text-align: center;
}
.sub20 .roundTableSection .roundTable thead tr th {
	padding: 1.4444444444rem 0;
	background-color: #a59377;
	color: #fff;
	font-size: 1.3333333333rem;
	font-weight: 700;
	border-radius: 40px;
}
.sub20 .roundTableSection .roundTable thead tr th:nth-child(2) {
	background-color: initial;
	color: #a59377;
	font-size: 1.1111111111rem;
	font-weight: 700;
}
.sub20 .roundTableSection .roundTable thead tr th:last-child {
	background-color: #999999;
}
.sub20 .roundTableSection .roundTable tbody tr td {
	padding: 1.1111111111rem 0;
	border: 1px solid #dddddd;
	border-radius: 30px;
	vertical-align: middle;
}
.sub20 .roundTableSection .roundTable tbody tr td:nth-child(2) {
	border: 0;
	color: #a59377;
	font-size: 1.1111111111rem;
	font-weight: 700;
}
.sub20 .roundTableSection .roundTable.imgVer {
	min-width: 500px;
}
.sub20 .roundTableSection .roundTable.imgVer thead tr.imgAr th {
	background-color: transparent;
}
.sub20 .roundTableSection .roundTable.imgVer thead tr.imgAr th img {
	width: 100%;
}
.sub20 .roundTableSection .roundTable.imgVer thead tr:last-child th:last-child {
	background-color: #002061;
}
.sub20 .roundTableSection .roundTable.imgVer tbody tr td {
	padding: 1.1111111111rem 0;
	border: 0;
	background-color: #fff;
	text-wrap: balance;
	line-height: 1.2;
}
.sub20 .roundTableSection .roundTable.imgVer tbody tr td:nth-child(2) {
	border: 0;
	color: #a59377;
	background-color: transparent;
	font-size: 1.1111111111rem;
	font-weight: 700;
}

@media screen and (max-width: 1401px) {
	.sub20 .subTopSection .imgAr img {
		width: 100%;
		max-width: 1400px;
	}
	.sub20 .circleListSection .circleAr ul {
		max-width: initial;
	}
	.sub20 .toolSection .inner .imgAr img {
		max-width: 500px;
	}
	.sub20 .surgerySection .contentsAr .imgAr img {
		display: block;
		width: 100%;
		max-width: 700px;
	}
}
@media screen and (max-width: 1201px) {
	.sub20 .toolSection {
		padding: 7.7777777778rem 0 8.3333333333rem 0;
	}
	.sub20 .toolSection .inner .imgAr {
		bottom: -150px;
	}
	.sub20 .toolSection .inner .imgAr img {
		max-width: 400px;
	}
	.sub20 .toolSection .inner .textAr h3 {
		font-size: 2.3333333333rem;
	}
	.sub20 .toolSection .inner .textAr p {
		font-size: 1rem;
	}
	.sub20 .surgerySection .contentsAr .textAr {
		padding-left: 2.2222222222rem;
	}
	.sub20 .imgListSection .boxAr {
		padding: 4.7222222222rem 2.2222222222rem;
	}
	.sub20 .imgListSection .boxAr .flexAr {
		gap: 2.2222222222rem;
	}
	.sub20 .imgListSection .boxAr .flexAr ul li p {
		line-height: 1.4;
	}
}
@media screen and (max-width: 1024px) {
	.sub20 .circleListSection {
		padding: 5.5555555556rem 0;
	}
	.sub20 .circleListSection .circleAr ul li .imgAr img {
		width: 100%;
		max-width: 240px;
	}
	.sub20 .toolSection .inner .imgAr {
		bottom: -125px;
	}
	.sub20 .toolSection .inner .imgAr img {
		max-width: 368px;
	}
	.sub20 .toolSection .inner .textAr h3 {
		font-size: 2rem;
	}
	.sub20 .toolSection .inner .textAr p {
		font-size: 0.8888888889rem;
	}
	.sub20 .surgerySection .contentsAr .flexAr {
		align-items: normal;
	}
	.sub20 .surgerySection .contentsAr .flexAr .imgAr {
		width: 40%;
	}
	.sub20 .surgerySection .contentsAr .flexAr .textAr {
		width: 60%;
		padding-left: 2.2222222222rem;
	}
}
@media screen and (max-width: 878px) {
	.sub20 .subTopSection .flowText p {
		bottom: -17px;
		font-size: 6.6666666667rem;
	}
	.sub20 .circleListSection {
		padding: 4.4444444444rem 10px;
	}
	.sub20 .circleListSection .circleAr ul {
		flex-direction: column;
		row-gap: 2.7777777778rem;
	}
	.sub20 .circleListSection .circleAr ul li {
		width: 100%;
	}
	.sub20 .circleListSection .circleAr ul li .textAr p {
		max-width: 90%;
		margin: 0 auto;
		text-wrap: balance;
	}
	.sub20 .toolSection {
		padding: 3.3333333333rem 10px 0 10px;
	}
	.sub20 .toolSection .inner .imgAr {
		position: static;
		margin-top: 2.2222222222rem;
	}
	.sub20 .toolSection .inner .imgAr img {
		margin: 0 auto;
		max-width: 368px;
	}
	.sub20 .toolSection .inner .textAr {
		text-align: center;
	}
	.sub20 .toolSection .inner .textAr h3 {
		font-size: 1.7777777778rem;
	}
	.sub20 .surgerySection {
		padding: 3.3333333333rem 10px;
	}
	.sub20 .surgerySection .contentsAr .flexAr {
		flex-direction: column;
		row-gap: 2.2222222222rem;
	}
	.sub20 .surgerySection .contentsAr .flexAr .imgAr {
		width: 100%;
		height: 400px;
		text-align: center;
	}
	.sub20 .surgerySection .contentsAr .flexAr .imgAr img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		margin: 0 auto;
		border-radius: 10px;
	}
	.sub20 .surgerySection .contentsAr .flexAr .textAr {
		width: 100%;
		padding-left: 0;
	}
	.sub20 .imgListSection .boxAr {
		padding: 3.3333333333rem;
	}
	.sub20 .imgListSection .boxAr .flexAr {
		flex-direction: column;
		row-gap: 2.2222222222rem;
	}
	.sub20 .imgListSection .boxAr .flexAr .imgAr {
		width: 100%;
		text-align: center;
	}
	.sub20 .imgListSection .boxAr .flexAr ul {
		width: 100%;
	}
}
@media screen and (max-width: 500px) {
	.sub20 .circleListSection {
		padding: 3.3333333333rem 10px;
	}
	.sub20 .circleListSection .circleAr ul li .imgAr img {
		max-width: 210px;
	}
	.sub20 .circleListSection .circleAr ul li .textAr h4 {
		font-size: 1.3333333333rem;
	}
	.sub20 .toolSection .inner .imgAr img {
		max-width: 80%;
	}
	.sub20 .surgerySection .contentsAr .flexAr .imgAr {
		height: 26vh;
	}
	.sub20 .imgListSection .boxAr {
		padding: 2.7777777778rem 10px;
	}
	.sub20 .imgListSection .boxAr .flexAr .imgAr img {
		max-width: 280px;
	}
	.sub20 .imgListSection .boxAr .flexAr ul li img {
		max-width: 18px;
	}
	.sub20 .roundTableSection .roundTable thead tr th {
		padding: 1.3333333333rem 0;
		font-size: 1.1111111111rem;
	}
	.sub20 .roundTableSection .roundTable thead tr th:nth-child(2) {
		font-size: 1rem;
	}
	.sub20 .roundTableSection .roundTable tbody tr td {
		padding: 1rem 0;
		border-radius: 30px;
		font-size: 0.8888888889rem;
		line-height: 1.4;
		text-wrap: balance;
	}
	.sub20 .roundTableSection .roundTable tbody tr td:nth-child(2) {
		font-size: 1rem;
	}
	.sub20 .roundTableSection .roundTable.imgVer tbody tr td {
		padding: 0.8888888889rem 0;
	}
	.sub20 .roundTableSection .roundTable.imgVer tbody tr td:nth-child(2) {
		font-size: 0.8888888889rem;
	}
}
@keyframes textLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
.s2020.subCommon .imgSection .contentsAr {
	display: flex;
	align-items: center;
}
.s2020.subCommon .imgSection .contentsAr > div {
	width: 50%;
	text-align: center;
}
.s2020.subCommon .circleListSection {
	background-image: url('/assets/img/sub/r20/2010_bgSec_bg.png');
	background-repeat: no-repeat;
	background-position: center top;
}
.s2020.subCommon .circleListSection .inner {
	color: #fff;
}
.s2020.subCommon .circleListSection .circleAr ul li .textAr p {
	color: #fff;
}
.s2020.subCommon .circleListSection .alertBox {
	background-color: #fff;
}
.s2020.subCommon .circleListSection .alertBox h3 {
	color: #111111;
}
.s2020.subCommon .circleListSection .alertBox ul li p {
	color: #111111;
}
.s2020.subCommon .imgBoxSection .contentsAr .conWrap {
	text-align: center;
}
.s2020.subCommon .imgBoxSection .contentsAr .conWrap .textAr {
	position: relative;
	top: -34px;
	text-align: center;
}
.s2020.subCommon .imgBoxSection .contentsAr .conWrap .textAr .badge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 290px;
	height: 60px;
	margin: 0 auto;
	border-radius: 30px;
	font-size: 1.7777777778rem;
	font-weight: 700;
	color: #fff;
	background-color: #a59377;
	text-align: center;
}
.s2020.subCommon .imgBoxSection .contentsAr .conWrap .textAr p {
	margin-top: 1.1111111111rem;
	font-size: 1.1111111111rem;
}
.s2020.subCommon .imgBoxSection .contentsAr .flexAr {
	display: flex;
	gap: 2.7777777778rem;
	justify-content: center;
}
.s2020.subCommon .imgBoxSection .contentsAr .boxAr {
	margin-top: 2.2222222222rem;
	width: 100%;
	padding: 2.7777777778rem 10px;
	text-align: center;
	background-color: #fff;
}
.s2020.subCommon .imgBoxSection .contentsAr .boxAr.reverse {
	background-color: #f5f5f5;
}
.s2020.subCommon .imgBoxSection .contentsAr .boxAr p {
	font-size: 1.1111111111rem;
	line-height: 1.5;
}

@media screen and (max-width: 1401px) {
	.s2020.subCommon .imgSection .contentsAr {
		gap: 1.6666666667rem;
	}
	.s2020.subCommon .imgSection .contentsAr > div img {
		width: 100%;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .conWrap .textAr {
		position: relative;
		top: -34px;
		text-align: center;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .conWrap > img {
		width: 100%;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .conWrap > img.max-width {
		width: 675px;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .flexAr {
		display: flex;
		gap: 2.7777777778rem;
		justify-content: center;
	}
	.s2020.subCommon .alertBox h3 {
		font-size: 2rem;
	}
}
@media screen and (max-width: 1024px) {
	.s2020.subCommon .circleListSection {
		background-position: center top;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .conWrap .textAr .badge {
		width: 50%;
		max-width: 250px;
		height: 40px;
		font-size: 1.4444444444rem;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .flexAr {
		gap: 1.6666666667rem;
	}
	.s2020.subCommon .alertBox h3 {
		font-size: 1.4444444444rem;
	}
	.s2020.subCommon .alertBox h3 p {
		line-height: 1.4;
	}
}
@media screen and (max-width: 878px) {
	.s2020.subCommon .imgSection .contentsAr {
		flex-direction: column;
		row-gap: 3.3333333333rem;
	}
	.s2020.subCommon .imgSection .contentsAr > div {
		width: 100%;
	}
	.s2020.subCommon .imgSection .contentsAr > div img {
		width: 100%;
		max-width: 700px;
	}
	.s2020.subCommon .circleListSection {
		background-size: cover;
	}
	.s2020.subCommon .alertBox {
		margin-top: 2.2222222222rem;
		padding: 2.2222222222rem 1.1111111111rem;
	}
	.s2020.subCommon .alertBox h3 {
		font-size: 1.1111111111rem;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .conWrap .textAr {
		top: -25px;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .conWrap .textAr .badge {
		font-size: 1.2222222222rem;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .conWrap > img.max-width {
		width: 100%;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .flexAr {
		flex-direction: column;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .boxAr {
		margin-top: 1.1111111111rem;
	}
	.s2020.subCommon .imgBoxSection .contentsAr .boxAr p {
		font-size: 0.8888888889rem;
	}
}
.subCommon .subTopSection {
	padding: 5.2777777778rem 10px 0 10px;
}
.subCommon .subTopSection .imgAr {
	text-align: center;
}
.subCommon .subTopSection .flowText {
	display: flex;
	overflow: hidden;
}
.subCommon .subTopSection .flowText p {
	position: relative;
	bottom: -29px;
	font-size: 11.1111111111rem;
	font-family: 'Cafe24Classic';
	color: rgba(165, 147, 119, 0.1);
	text-transform: uppercase;
	white-space: nowrap;
	animation: textLoop 120s linear infinite;
}
.subCommon .subTopSection .pageTab {
	display: flex;
	gap: 1.1111111111rem;
	justify-content: center;
}
.subCommon .subTopSection .pageTab li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 13.3333333333rem;
	height: 80px;
	background-color: #f5f5f5;
	font-size: 1.2222222222rem;
	line-height: 1.4;
	border-radius: 40px;
}
.subCommon .subTopSection .pageTab li:hover a,
.subCommon .subTopSection .pageTab li.active a {
	background-color: #a59377;
	color: #fff;
	font-weight: 700;
}
.subCommon .circleListSection {
	padding: 7.2222222222rem 0;
	background-color: #f5f5f5;
}
.subCommon .circleListSection .circleAr ul {
	display: flex;
	gap: 1.1111111111rem;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
}
.subCommon .circleListSection .circleAr ul li {
	width: 33.3%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.subCommon .circleListSection .circleAr ul li .textAr {
	margin-top: 1.6666666667rem;
	text-align: center;
}
.subCommon .circleListSection .circleAr ul li .textAr > span {
	font-size: 0.8888888889rem;
	font-weight: 700;
	text-transform: uppercase;
}
.subCommon .circleListSection .circleAr ul li .textAr h4 {
	margin: 0.5555555556rem 0 1.1111111111rem 0;
	font-size: 1.7777777778rem;
	letter-spacing: -0.05em;
}
.subCommon .circleListSection .circleAr ul li .textAr p {
	font-size: 1rem;
	line-height: 1.4;
	color: #666666;
	text-wrap: balance;
}
.subCommon .circleListSection .circleAr ul li .textAr span + p {
	margin-top: 0.5555555556rem;
}

@media screen and (max-width: 1401px) {
	.subCommon .subTopSection .imgAr img {
		width: 100%;
		max-width: 1400px;
	}
	.subCommon .circleListSection .circleAr ul {
		max-width: initial;
	}
}
@media screen and (max-width: 1024px) {
	.subCommon .subTopSection .pageTab {
		width: 100%;
		justify-content: center;
	}
	.subCommon .subTopSection .pageTab li {
		width: calc(33.3% - 20px);
	}
	.subCommon .subTopSection .pageTab li a {
		width: 100%;
		height: 3.3333333333rem;
		font-size: 1.1111111111rem;
	}
	.subCommon .circleListSection {
		padding: 5.5555555556rem 0;
	}
	.subCommon .circleListSection .circleAr ul li .imgAr img {
		width: 100%;
		max-width: 240px;
	}
}
@media screen and (max-width: 878px) {
	.subCommon .subTopSection .flowText p {
		bottom: -17px;
		font-size: 6.6666666667rem;
	}
	.subCommon .circleListSection {
		padding: 4.4444444444rem 10px;
	}
	.subCommon .circleListSection .circleAr ul {
		flex-direction: column;
		row-gap: 2.7777777778rem;
	}
	.subCommon .circleListSection .circleAr ul li {
		width: 100%;
	}
	.subCommon .circleListSection .circleAr ul li .textAr p {
		max-width: 90%;
		margin: 0 auto;
		text-wrap: balance;
	}
}
@media screen and (max-width: 500px) {
	.subCommon .subTopSection .pageTab {
		gap: 10px;
	}
	.subCommon .subTopSection .pageTab li {
		width: calc(33.3% - 10px);
	}
	.subCommon .subTopSection .pageTab li a {
		width: 100%;
		height: 3.3333333333rem;
		font-size: 1rem;
	}
	.subCommon .circleListSection {
		padding: 3.3333333333rem 10px;
	}
	.subCommon .circleListSection .circleAr ul li .imgAr img {
		max-width: 210px;
	}
	.subCommon .circleListSection .circleAr ul li .textAr h4 {
		font-size: 1.3333333333rem;
	}
}
.sub30 .roundListSection .roundListAr {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	gap: 4.4444444444rem;
	justify-content: space-between;
}
.sub30 .roundListSection .roundListAr > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}
.sub30 .roundListSection .roundListAr > ul {
	width: calc(50% - 40px);
}
.sub30 .roundListSection .roundListAr > ul li {
	text-align: center;
	padding: 1rem 10px;
	border-radius: 30px;
	background-color: #f5f5f5;
}
.sub30 .roundListSection .roundListAr > ul li:first-child {
	width: 100%;
	padding: 1.4444444444rem 10px;
	margin-bottom: 1.1111111111rem;
	color: #fff;
	font-size: 1.3333333333rem;
	font-weight: 800;
	border-radius: 40px;
}
.sub30 .roundListSection .roundListAr > ul li:not(:last-child) {
	margin-bottom: 0.5555555556rem;
}
.sub30 .roundListSection .roundListAr > ul.bg-main li:first-child {
	background-color: #a59377;
}
.sub30 .roundListSection .roundListAr > ul.bg-navy li:first-child {
	background-color: #002061;
}

.subCommon .iconListSection .iconListAr ul {
	display: flex;
	justify-content: space-between;
}
.subCommon .iconListSection .iconListAr ul li {
	flex: 1;
}
.subCommon .iconListSection .iconListAr ul li > div {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.subCommon .iconListSection .iconListAr ul li > div > span {
	display: inline-block;
	margin-top: 1rem;
	font-size: 0.8888888889rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #a59377;
}
.subCommon .iconListSection .iconListAr ul li > div > h5 {
	margin: 0.5555555556rem 0;
	font-size: 1.3333333333rem;
	font-weight: 700;
	letter-spacing: -0.05em;
}
.subCommon .iconListSection .iconListAr ul li > div > p {
	font-size: 1rem;
	line-height: 1.4;
	text-align: center;
	text-wrap: balance;
	color: #666666;
}
.subCommon .iconListSection .iconListAr ul li > div span + p {
	margin-top: 0.5555555556rem;
}
.subCommon .borderCircleSection .borderCircleAr .inner {
	max-width: 1200px;
	margin: 0 auto;
}
.subCommon .borderCircleSection .borderCircleAr .inner > p {
	margin-top: 3.7777777778rem;
	text-align: center;
	line-height: 1.5;
}
.subCommon .borderCircleSection .borderCircleAr .circleUl {
	display: flex;
	justify-content: space-between;
}
.subCommon .borderCircleSection .borderCircleAr .circleUl li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background-color: #a59377;
	color: #fff;
}
.subCommon .borderCircleSection .borderCircleAr .circleUl li:nth-child(even) {
	background-color: #fff;
	border: 1px solid #a59377;
	box-sizing: border-box;
	color: #a59377;
}
.subCommon .borderCircleSection .borderCircleAr .circleUl li:nth-child(even) > img {
	filter: brightness(0) saturate(100%) invert(70%) sepia(19%) saturate(435%) hue-rotate(357deg)
		brightness(82%) contrast(89%);
}
.subCommon .borderCircleSection .borderCircleAr .circleUl li > span {
	font-size: 0.8888888889rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: normal;
}
.subCommon .borderCircleSection .borderCircleAr .circleUl li > h4 {
	margin-top: 0.5555555556rem;
	font-size: 1.7777777778rem;
	letter-spacing: -0.05em;
}
.subCommon .borderCircleSection .borderCircleAr .circleUl li > p {
	font-size: 1rem;
	line-height: 1.4;
	letter-spacing: -0.05em;
	text-align: center;
	max-width: 92%;
}
.subCommon .borderCircleSection .borderCircleAr .circleUl li img {
	display: inline-block;
	padding: 1.3333333333rem 0;
}
.subCommon .borderCircleSection .borderCircleAr .roundedUl {
	margin-top: 2.5555555556rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 1.1111111111rem;
}
.subCommon .borderCircleSection .borderCircleAr .roundedUl li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 285px;
	height: 80px;
	border: 1px solid #a59377;
	border-radius: 40px;
	font-size: 1.2222222222rem;
}
.subCommon .alertBox {
	margin-top: 7.2222222222rem;
	padding: 6.5555555556rem 5rem 6.6666666667rem 5rem;
	background-color: #f5f5f5;
}
.subCommon .alertBox h3 {
	display: flex;
	justify-content: center;
	gap: 0.7777777778rem;
	margin-bottom: 2rem;
	font-size: 2.6666666667rem;
	font-weight: 400;
	text-align: center;
}
.subCommon .alertBox h3 b {
	font-weight: 800;
}
.subCommon .alertBox ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 1.1111111111rem;
	border-bottom: 1px solid #dddddd;
}
.subCommon .alertBox ul li:first-child {
	border-top: 1px solid #dddddd;
}
.subCommon .alertBox ul li p {
	font-size: 1.1111111111rem;
	line-height: 1.4;
}

@media screen and (max-width: 1401px) {
	.subCommon .borderCircleSection .borderCircleAr .circleUl li {
		width: calc(33.3% - 20px);
		height: 300px;
		border-radius: 20px;
	}
	.subCommon .borderCircleSection .borderCircleAr .circleUl li > h4 {
		font-size: 1.5555555556rem;
	}
	.subCommon .borderCircleSection .borderCircleAr .circleUl li img {
		padding: 1.1111111111rem 0;
	}
}
@media screen and (max-width: 1024px) {
	.sub30 .roundListSection .roundListAr > img {
		max-width: 130px;
	}

	.subCommon .borderCircleSection .borderCircleAr .circleUl li {
		height: 280px;
	}
	.subCommon .borderCircleSection .borderCircleAr .circleUl li > h4 {
		font-size: 1.5555555556rem;
	}
	.subCommon .borderCircleSection .borderCircleAr .roundedUl li {
		width: calc(33.3% - 20px);
		height: 60px;
		font-size: 1.1111111111rem;
	}
	.subCommon .alertBox {
		margin-top: 5.5555555556rem;
		padding: 4.4444444444rem 3.3333333333rem 4.4444444444rem 3.3333333333rem;
	}
	.subCommon .alertBox h3 {
		align-items: center;
		font-size: 1.7777777778rem;
	}
	.subCommon .alertBox h3 img {
		max-width: 30px;
	}
	.subCommon .alertBox ul li img {
		max-width: 15px;
	}
	.subCommon .alertBox ul li p {
		font-size: 1rem;
	}
}
@media screen and (max-width: 878px) {
	.sub30 .roundListSection .roundListAr {
		gap: 1.8888888889rem;
	}
	.sub30 .roundListSection .roundListAr > ul li:first-child {
		font-size: 1.1111111111rem;
	}
	.sub30 .roundListSection .roundListAr > img {
		max-width: 100px;
	}

	.subCommon .iconListSection .iconListAr ul {
		padding-top: 1.1111111111rem;
		gap: 1.1111111111rem;
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 2.2222222222rem;
	}
	.subCommon .iconListSection .iconListAr ul li {
		flex: initial;
		width: 45%;
	}
	.subCommon .iconListSection .iconListAr ul li > div > h5 {
		font-size: 1.1111111111rem;
	}
	.subCommon .iconListSection .iconListAr ul li > div > p {
		font-size: 0.8888888889rem;
	}
	.subCommon .borderCircleSection .borderCircleAr .inner > p {
		margin-top: 1.6666666667rem;
	}
	.subCommon .borderCircleSection .borderCircleAr .circleUl {
		flex-direction: column;
		justify-content: center;
		gap: 1.1111111111rem;
	}
	.subCommon .borderCircleSection .borderCircleAr .circleUl li {
		width: 100%;
		height: initial;
		padding: 1.6666666667rem 0;
	}
	.subCommon .borderCircleSection .borderCircleAr .circleUl li > h4 {
		font-size: 1.3333333333rem;
	}
	.subCommon .borderCircleSection .borderCircleAr .circleUl li > p {
		text-wrap: balance;
	}
	.subCommon .borderCircleSection .borderCircleAr .roundedUl {
		margin-top: 1.6666666667rem;
	}
	.subCommon .borderCircleSection .borderCircleAr .roundedUl li {
		font-size: 0.8888888889rem;
		text-align: center;
		height: 50px;
	}
}
@media screen and (max-width: 650px) {
	.subCommon .borderCircleSection .borderCircleAr .roundedUl {
		gap: 10px;
	}
	.subCommon .borderCircleSection .borderCircleAr .roundedUl li {
		width: 48%;
	}
	.subCommon .alertBox {
		margin-top: 2.2222222222rem;
		padding: 2.7777777778rem 1.6666666667rem;
	}
	.subCommon .alertBox h3 {
		font-size: 1.3333333333rem;
	}
	.subCommon .alertBox h3 img {
		max-width: 24px;
	}
}
@media screen and (max-width: 500px) {
	.sub30 .roundListSection .roundListAr {
		flex-direction: column;
	}
	.sub30 .roundListSection .roundListAr > ul {
		width: 100%;
	}
	.sub30 .roundListSection .roundListAr > img {
		display: none;
	}
	.sub30.s3020 .alertBox {
		margin-top: 3.3333333333rem;
		padding: 3.3333333333rem 1.6666666667rem;
	}
	.sub30.s3020 .alertBox h3 {
		font-size: 1.5555555556rem;
	}
	.sub30.s3020 .alertBox h3 img {
		max-width: 26px;
	}
}
.s3030 .borderCircleSection .borderCircleAr .circleUl {
	justify-content: center;
	flex-wrap: wrap;
	gap: 3.3333333333rem;
}
.s3030 .iconListSection .iconListAr ul li > div > span {
	margin-bottom: 0.6666666667rem;
}
.s3030 .iconListSection .iconListAr ul li > div > p {
	font-size: 1.1111111111rem;
	color: #111;
}

.s3040 .borderCircleSection .borderCircleAr .circleUl {
	justify-content: center;
	flex-wrap: wrap;
	gap: 3.3333333333rem;
}
.s3040 .iconListSection .subTitleAr {
	color: #fff;
}
.s3040 .iconListSection .iconListAr {
	padding: 5.5555555556rem 11.1111111111rem;
	background-color: #ffffff;
}
.s3040 .iconListSection .iconListAr ul {
	flex-wrap: wrap;
	row-gap: 2.7777777778rem;
}
.s3040 .iconListSection .iconListAr ul li {
	flex: initial;
	width: 33%;
}
.s3040 .iconListSection .iconListAr ul li > div > span {
	margin-bottom: 0.6666666667rem;
}
.s3040 .iconListSection .iconListAr ul li > div > p {
	font-size: 1.1111111111rem;
	color: #111;
}
.s3040 .alertBox {
	margin-top: 2.7777777778rem;
}

@media screen and (max-width: 1400px) {
	.s3040 .iconListSection .iconListAr {
		padding: 5.5555555556rem;
	}
	.s3040 .iconListSection .iconListAr ul {
		gap: 1.6666666667rem;
	}
	.s3040 .iconListSection .iconListAr ul li {
		width: 30%;
	}
}
@media screen and (max-width: 1024px) {
	.s3040 .iconListSection .iconListAr {
		padding: 5.5555555556rem 3.3333333333rem;
	}
	.s3040 .iconListSection .iconListAr ul {
		gap: 1.6666666667rem;
		row-gap: 2.7777777778rem;
	}
	.s3040 .iconListSection .iconListAr ul li {
		flex: initial;
	}
	.s3040 .iconListSection .iconListAr ul li > div img {
		max-width: 80px;
	}
}
@media screen and (max-width: 878px) {
	.s3040 .iconListSection .iconListAr {
		padding: 5.5555555556rem 2.2222222222rem;
	}
	.s3040 .iconListSection .iconListAr ul li {
		width: 45%;
	}

	.s3030 .borderCircleSection .borderCircleAr .circleUl {
		gap: 1.1111111111rem;
	}
}
@media screen and (max-width: 500px) {
	.s3040 .iconListSection .iconListAr {
		padding: 1.6666666667rem 1.1111111111rem;
	}
	.s3040 .iconListSection .iconListAr ul li > div p {
		font-size: 0.8888888889rem;
	}
	.s3040 .iconListSection .iconListAr ul li > div img {
		max-width: 60px;
	}
}
.sub40 .subTopSection .flexAr {
	display: flex;
	gap: 2.2222222222rem;
	justify-content: center;
}
.sub40 .subTopSection .flexAr .imgAr {
	position: relative;
}
.sub40 .subTopSection .flexAr .imgAr .badge {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -26px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	padding: 0.8888888889rem 0;
	border-radius: 30px;
	background-color: #a59377;
	font-size: 1.3333333333rem;
	font-weight: 700;
	color: #fff;
}
.sub40 .circleListSection .circleAr ul {
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 3.3333333333rem;
}
.sub40 .circleListSection .circleAr ul li {
	width: 45%;
}
.sub40 .circleListSection .circleAr ul li .textAr p {
	text-wrap: balance;
}
.sub40 .iconListSection .iconListAr > ul {
	gap: 1.1111111111rem;
}
.sub40 .iconListSection .borderRoundAr {
	margin-top: 3.3333333333rem;
}
.sub40 .iconListSection .borderRoundAr > ul {
	display: flex;
	gap: 2.7777777778rem;
}
.sub40 .iconListSection .borderRoundAr > ul li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.7777777778rem;
	width: 312px;
	padding: 15px;
	font-size: 1.2222222222rem;
	border: 1px solid #002775;
	border-radius: 40px;
	background-color: #fff;
}
.sub40 .iconListSection .borderRoundAr > ul li:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -35px;
	transform: translateY(-50%);
	width: 20px;
	height: 10px;
	display: block;
	background: url('/assets/img/sub/r40/4010_arrow.png') no-repeat center top;
}
.sub40 .iconListSection .borderRoundAr > ul li .num {
	display: flex;
	align-items: center;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	color: #fff;
	background-color: #002775;
	width: 50px;
	min-width: 50px;
	height: 50px;
	border-radius: 50%;
}
.sub40 .iconListSection .borderRoundAr .wideRoundAr {
	width: 100%;
	margin-top: 1.6666666667rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 1.3333333333rem 10px;
	background-color: #002775;
	color: #fff;
	border-radius: 40px;
	font-size: 1.2222222222rem;
}
.sub40 .imgInfoSection .iconInfoList ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 10px;
}
.sub40 .imgInfoSection .iconInfoList ul li {
	width: 50%;
	display: flex;
	align-items: center;
	gap: 0.8888888889rem;
}
.sub40 .imgInfoSection .iconInfoList ul li .iconAr {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}
.sub40 .imgInfoSection .iconInfoList ul li > .textAr {
	padding: 0;
	font-size: 1rem;
}
.sub40 .imgListSection .subTitleAr {
	color: #fff;
}
.sub40 .imgListSection .imgListAr {
	padding: 5.5555555556rem 5.5555555556rem 0 5.5555555556rem;
	background-color: #fff;
}
.sub40 .imgListSection .imgListAr ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3.3333333333rem;
	row-gap: 2.7777777778rem;
}
.sub40 .imgListSection .imgListAr ul li {
	width: calc(50% - 30px);
}
.sub40 .imgListSection .imgListAr ul li > div .imgAr {
	position: relative;
}
.sub40 .imgListSection .imgListAr ul li > div .imgAr span {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -12px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 9px 13px;
	border-radius: 17px;
	font-size: 1rem;
	color: #fff;
	font-weight: 700;
	background-color: #a59377;
	text-transform: uppercase;
}
.sub40 .imgListSection .imgListAr ul li > div p {
	margin-top: 1.9444444444rem;
	text-align: center;
	line-height: 1.4;
}
.sub40 .imgListSection .imgListAr.w30 ul {
	gap: 3.0555555556rem;
}
.sub40 .imgListSection .imgListAr.w30 ul li {
	width: calc(32% - 30px);
}

@media screen and (max-width: 1400px) {
	.sub40 .iconListSection .borderRoundAr > ul li {
		font-size: 1.1111111111rem;
	}
	.sub40 .iconListSection .borderRoundAr > ul li .num {
		width: 40px;
		height: 40px;
		min-width: 40px;
		font-size: 1.1111111111rem;
	}
	.sub40 .imgListSection .subTitleAr {
		color: #fff;
	}
	.sub40 .imgListSection .imgListAr ul {
		gap: 2.2222222222rem;
	}
	.sub40 .imgListSection .imgListAr ul li {
		width: calc(50% - 20px);
	}
	.sub40 .imgListSection .imgListAr ul li > div .imgAr img {
		width: 100%;
	}
	.sub40 .imgListSection .imgListAr.w30 ul {
		gap: 2.2222222222rem;
	}
	.sub40 .imgListSection .imgListAr.w30 ul li {
		width: calc(32% - 20px);
	}
}
@media screen and (max-width: 1024px) {
	.sub40 .imgListSection .imgListAr {
		padding: 3.3333333333rem;
	}
}
@media screen and (max-width: 878px) {
	.sub40 .subTopSection .flexAr {
		flex-direction: column;
	}
	.sub40 .subTopSection .flexAr .imgAr {
		position: relative;
	}
	.sub40 .subTopSection .flexAr .imgAr .badge {
		bottom: -16px;
		width: 140px;
		font-size: 1.1111111111rem;
	}
	.sub40 .circleListSection .circleAr ul {
		flex-direction: row;
	}
	.sub40 .iconListSection .borderRoundAr {
		margin-top: 1.6666666667rem;
	}
	.sub40 .iconListSection .borderRoundAr > ul {
		gap: 1.1111111111rem;
		row-gap: 1.1111111111rem;
	}
	.sub40 .iconListSection .borderRoundAr > ul li {
		width: calc(50% - 20px);
	}
	.sub40 .iconListSection .borderRoundAr > ul li:not(:last-child)::after {
		display: none;
	}
	.sub40 .imgListSection .imgListAr {
		padding: 3.3333333333rem 1.6666666667rem 1.6666666667rem 1.6666666667rem;
	}
	.sub40 .imgListSection .imgListAr ul {
		gap: 1.1111111111rem;
	}
	.sub40 .imgListSection .imgListAr ul li {
		width: 100%;
	}
	.sub40 .imgListSection .imgListAr ul li > div .imgAr span {
		width: 80%;
		max-width: 120px;
		font-size: 0.8888888889rem;
	}
	.sub40 .imgListSection .imgListAr ul li > div > p {
		text-wrap: balance;
	}
	.sub40 .imgListSection .imgListAr.w30 ul {
		gap: 0.5555555556rem;
		row-gap: 1.6666666667rem;
		flex-direction: column;
	}
	.sub40 .imgListSection .imgListAr.w30 ul li {
		width: 100%;
	}
	.sub40 .imgListSection .imgListAr.w30 ul li > div .imgAr {
		height: 240px;
	}
	.sub40 .imgListSection .imgListAr.w30 ul li > div .imgAr img {
		height: 100%;
		object-fit: cover;
	}
}
@media screen and (max-width: 500px) {
	.sub40 .circleListSection .circleAr ul {
		flex-direction: column;
	}
	.sub40 .circleListSection .circleAr ul li {
		width: 100%;
	}
	.sub40 .iconListSection .borderRoundAr > ul li {
		width: 100%;
	}
	.sub40 .iconListSection .borderRoundAr > ul li .num {
		width: 28px;
		height: 28px;
		min-width: 28px;
		font-size: 1rem;
	}
	.sub40 .iconListSection .borderRoundAr .wideRoundAr {
		font-size: 1rem;
	}
	.sub40 .iconListSection .borderRoundAr .wideRoundAr > img {
		max-width: 14px;
	}
	.sub40 .imgInfoSection .iconInfoList ul li {
		width: 100%;
	}
	.sub40 .roundTableAr {
		overflow-x: scroll;
	}
}
.s5010.subCommon .iconListSection .iconListAr ul {
	gap: 0.5555555556rem;
}
.s5010.subCommon .imgBoxSection .contentsAr .conWrap {
	width: 45%;
	max-width: 570px;
	text-align: center;
}
.s5010.subCommon .imgBoxSection .contentsAr .conWrap .textAr {
	position: relative;
	top: -26px;
	text-align: center;
}
.s5010.subCommon .imgBoxSection .contentsAr .conWrap .textAr .badge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 48px;
	margin: 0 auto;
	border-radius: 24px;
	font-size: 1.3333333333rem;
	font-weight: 700;
	color: #fff;
	background-color: #a59377;
	text-align: center;
}
.s5010.subCommon .imgBoxSection .contentsAr .conWrap .textAr p {
	margin-top: 1.1111111111rem;
	font-size: 1.1111111111rem;
	line-height: 1.4;
}
.s5010.subCommon .imgBoxSection .contentsAr .flexAr {
	display: flex;
	flex-wrap: wrap;
	gap: 3.3333333333rem;
	row-gap: 2.2222222222rem;
	justify-content: center;
}
.s5010.subCommon .imgBoxSection .contentsAr .boxAr {
	margin-top: 2.2222222222rem;
	width: 100%;
	padding: 2.7777777778rem 10px;
	text-align: center;
	background-color: #fff;
}
.s5010.subCommon .imgBoxSection .contentsAr .boxAr.reverse {
	background-color: #f5f5f5;
}
.s5010.subCommon .imgBoxSection .contentsAr .boxAr p {
	font-size: 1.1111111111rem;
	line-height: 1.5;
}
.s5010 .thinCircleSection .thinCircleAr ul {
	display: flex;
	justify-content: center;
}
.s5010 .thinCircleSection .thinCircleAr ul li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 100px;
	background-color: #a59377;
	color: #fff;
	border-radius: 50px;
	z-index: 2;
}
.s5010 .thinCircleSection .thinCircleAr ul li p {
	max-width: 80%;
	margin: 0 auto;
	font-size: 1.1111111111rem;
	line-height: 1.4;
	text-align: center;
	text-wrap: balance;
}
.s5010 .thinCircleSection .thinCircleAr ul li p b {
	font-weight: 700;
}
.s5010 .thinCircleSection .thinCircleAr ul li:nth-child(even) {
	background-color: #fff;
	border: 1px solid #a59377;
	box-sizing: border-box;
	color: #a59377;
	z-index: 3;
}
.s5010 .thinCircleSection .thinCircleAr ul li:nth-child(2) {
	left: 20px;
}
.s5010 .thinCircleSection .thinCircleAr ul li:nth-child(4) {
	left: -20px;
}
.s5010 .thinCircleSection .thinCircleAr ul li:first-child {
	left: 40px;
}
.s5010 .thinCircleSection .thinCircleAr ul li:last-child {
	left: -40px;
}
.s5010 .thinCircleSection .thinCircleAr ul li.centerLi + li {
	left: 0;
}
.s5010 .thinCircleSection .thinCircleAr ul li.left20 {
	left: -20px;
}
.s5010 .boxBgSection {
	position: relative;
	display: flex;
	gap: 2.7777777778rem;
	justify-content: center;
}
.s5010 .boxBgSection .imgAr {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.s5010 .boxBgSection .boxAr {
	width: 675px;
	height: 450px;
	background-color: #a59377;
	background-image: url('/assets/img/sub/r50/bg-k.png');
	background-position: right bottom;
	background-repeat: no-repeat;
}
.s5010 .boxBgSection .boxAr .textWrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 8.3333333333rem;
	max-width: 60%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
}
.s5010 .boxBgSection .boxAr h4 {
	margin-bottom: 1.6666666667rem;
	font-size: 1.7777777778rem;
	font-weight: 700;
	line-height: 1.2;
}
.s5010 .boxBgSection .boxAr p {
	line-height: 1.4;
	font-size: 1.1111111111rem;
}
.s5010 .boxBgSection .boxAr.box2 {
	background-color: #002775;
}
.s5010 .boxBgSection.bio .subTitleAr {
	color: #fff;
}
.s5010 .boxBgSection.bio .subTitleAr .subText u {
	text-underline-offset: 3px;
}
.s5010 .boxBgSection.bio .imgAr {
	top: initial;
	left: 47%;
	bottom: -60px;
	transform: initial;
	transform: translateX(-50%);
}
.s5010 .boxBgSection.bio .boxAr {
	background-color: #002775;
}
.s5010 .boxBgSection.bio .boxAr .textWrap {
	padding-top: initial;
	max-width: 80%;
	height: 100%;
	color: #fff;
}
.s5010 .boxBgSection.bio .boxAr .textWrap p {
	line-height: 1.5;
}
.s5010 .boxBgSection.bio .boxAr.box2 {
	background-color: #666666;
}

@media screen and (max-width: 1400px) {
	.s5010 .boxBgSection {
		gap: 1.6666666667rem;
		justify-content: space-between;
	}
	.s5010 .boxBgSection .boxAr {
		width: 50%;
		height: 450px;
	}
	.s5010 .boxBgSection .boxAr h4 {
		font-size: 1.5555555556rem;
	}
	.s5010 .boxBgSection .imgAr {
		max-width: 200px;
	}
	.s5010 .boxBgSection .imgAr img {
		width: 100%;
	}
	.s5010 .boxBgSection.bio .boxAr {
		width: 500px;
	}
}
@media screen and (max-width: 1200px) {
	.s5010.subCommon .iconListSection .iconListAr ul {
		flex-wrap: wrap;
		row-gap: 2.2222222222rem;
	}
	.s5010.subCommon .iconListSection .iconListAr ul li {
		flex: initial;
		width: 45%;
	}
	.s5010.subCommon .imgBoxSection .contentsAr .conWrap {
		max-width: initial;
	}
	.s5010.subCommon .imgBoxSection .contentsAr .conWrap img {
		width: 100%;
	}
	.s5010 .thinCircleSection .thinCircleAr ul {
		display: flex;
		flex-wrap: wrap;
		gap: 1.1111111111rem;
	}
	.s5010 .thinCircleSection .thinCircleAr ul li {
		position: initial;
		width: 30%;
		height: 100px;
		border-radius: 20px;
	}
	.s5010 .thinCircleSection .thinCircleAr ul li p {
		max-width: 90%;
		margin: 0 auto;
		font-size: 1rem;
	}
	.s5010 .boxBgSection {
		gap: 1.1111111111rem;
	}
	.s5010 .boxBgSection .imgAr {
		max-width: 8.8888888889rem;
	}
	.s5010 .boxBgSection .boxAr {
		width: 50%;
		height: 400px;
	}
	.s5010 .boxBgSection .boxAr .textWrap {
		height: 100%;
		padding-top: initial;
	}
	.s5010 .boxBgSection.bio .boxAr {
		width: 50%;
	}
}
@media screen and (max-width: 878px) {
	.s5010.subCommon .imgBoxSection .contentsAr .conWrap .textAr {
		top: -21px;
	}
	.s5010.subCommon .imgBoxSection .contentsAr .conWrap .textAr .badge {
		width: 120px;
		height: 36px;
		font-size: 1.1111111111rem;
	}
	.s5010.subCommon .imgBoxSection .contentsAr .flexAr {
		gap: 1.6666666667rem;
	}
	.s5010 .boxBgSection {
		flex-direction: column;
	}
	.s5010 .boxBgSection .imgAr {
		max-width: 7.7777777778rem;
	}
	.s5010 .boxBgSection .boxAr {
		width: 100%;
		height: 16.6666666667rem;
		background-size: 44%;
	}
	.s5010 .boxBgSection .boxAr .textWrap {
		max-width: 80%;
		height: 100%;
		padding-top: initial;
		text-wrap: balance;
	}
	.s5010 .boxBgSection.bio .boxAr {
		width: 100%;
		height: 22.2222222222rem;
	}
	.s5010 .boxBgSection.bio .imgAr {
		top: 58%;
		left: initial;
		right: 0;
		transform: translateY(-50%);
		max-width: 8.3333333333rem;
	}
}
@media screen and (max-width: 500px) {
	.s5010 .thinCircleSection .thinCircleAr ul {
		gap: 10px;
	}
	.s5010 .thinCircleSection .thinCircleAr ul li {
		width: 48%;
		height: 80px;
		border-radius: 10px;
	}
	.s5010.subCommon .imgBoxSection .contentsAr .conWrap {
		width: 100%;
	}
}
.subCommon .flowText {
	display: flex;
	overflow: hidden;
}
.subCommon .flowText p {
	position: relative;
	bottom: -29px;
	font-size: 11.1111111111rem;
	font-family: 'Cafe24Classic';
	color: rgba(165, 147, 119, 0.1);
	text-transform: uppercase;
	white-space: nowrap;
	animation: textLoop 120s linear infinite;
}

.sub60 .imgInfoSection {
	padding-top: 2.7777777778rem;
	padding-bottom: 0;
}
.sub60 .borderCircleSection .borderCircleAr .circleUl li h4 {
	text-align: center;
	line-height: 1.2;
}
.sub60.subCommon .iconListSection .iconListAr ul li > div p.color-grey {
	color: #666;
}
.sub60.subCommon .alertBox {
	margin-top: 3.3333333333rem;
}

@media screen and (max-width: 878px) {
	.sub60.subCommon .borderCircleSection .borderCircleAr .circleUl li h4 {
		font-size: 1rem;
	}
	.sub60.subCommon .alertBox {
		margin-top: 0;
	}
}
.sub70 > section {
	scroll-margin-top: 11.1111111111rem;
}
.sub70 .imgInfoSection .inner {
	display: flex;
}
.sub70 .imgInfoSection .inner > div {
	width: 50%;
}
.sub70 .imgInfoSection .inner .infoAr {
	padding: 2.5rem 0 0 3.6111111111rem;
}
.sub70 .imgInfoSection .inner .infoAr .infoTitleAr {
	width: 100%;
}
.sub70 .imgInfoSection .inner .infoAr .infoTitleAr h3 {
	display: inline-block;
	padding-bottom: 1.1111111111rem;
	border-bottom: 3px solid #a59377;
	font-size: 2.3333333333rem;
	font-weight: 400;
}
.sub70 .imgInfoSection .inner .infoAr .infoTitleAr h3 > b {
	font-weight: 700;
}
.sub70 .imgInfoSection .inner .infoAr .infoTitleAr hr {
	position: relative;
	z-index: -5;
	top: -1px;
	width: 100%;
	margin: 0;
	border-top: 1px solid #111;
}
.sub70 .imgInfoSection .inner .infoAr p {
	padding: 2.5rem 0 2.2222222222rem 0;
	font-size: 1.1111111111rem;
	line-height: 1.5;
}
.sub70 .imgInfoSection .inner .infoAr .flexAr {
	display: flex;
	gap: 1rem;
}
.sub70 .imgInfoSection .inner .infoAr .flexAr .iconAr {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}
.sub70 .imgInfoSection .inner .infoAr .flexAr .iconAr h4 {
	font-size: 1rem;
}
.sub70 .imgInfoSection .inner .infoAr .flexAr .listAr li {
	color: #a59377;
	font-weight: 700;
	line-height: 1.4;
}
.sub70 .imgInfoSection .inner .infoAr .flexAr .listAr li:not(:last-child) {
	margin-bottom: 0.5555555556rem;
}
.sub70 .imgInfoSection .inner .infoAr .flexAr .listAr li::marker {
	content: '· ';
}
.sub70.subCommon .iconListSection .iconListAr ul li > div > p {
	color: #111;
}
.sub70.subCommon .iconListSection .iconListAr ul li > div > p.color-grey {
	color: #666666;
}
.sub70.subCommon .circleListSection .circleAr ul li .textAr p {
	color: #111;
}
.sub70.subCommon .alertBox.white {
	background-color: #fff;
}

@media screen and (max-width: 1401px) {
	.sub70 .imgInfoSection .inner .imgAr img {
		width: 100%;
	}
	.sub70 .imgInfoSection .inner .infoAr {
		padding: 1.6666666667rem 0 0 1.9444444444rem;
	}
	.sub70 .imgInfoSection .inner .infoAr .infoTitleAr h3 {
		padding-bottom: 1.1111111111rem;
		font-size: 2.1111111111rem;
	}
	.sub70 .imgInfoSection .inner .infoAr p {
		padding: 1.6666666667rem 0 1.6666666667rem 0;
	}
	.sub70 .imgInfoSection .inner .infoAr .flexAr .iconAr {
		min-width: 150px;
	}
}
@media screen and (max-width: 1201px) {
	.sub70 .imgInfoSection .inner .infoAr {
		padding: 0.5555555556rem 0 0 1.1111111111rem;
	}
	.sub70 .imgInfoSection .inner .infoAr .infoTitleAr h3 {
		padding-bottom: 0.5555555556rem;
		font-size: 1.7777777778rem;
	}
	.sub70 .imgInfoSection .inner .infoAr p {
		padding: 1.1111111111rem 0 1.6666666667rem 0;
		font-size: 1rem;
	}
}
@media screen and (max-width: 1025px) {
	.sub70 .imgInfoSection .inner {
		flex-direction: column;
	}
	.sub70 .imgInfoSection .inner > div {
		width: 100%;
	}
	.sub70 .imgInfoSection .inner .infoAr {
		padding: 1.1111111111rem 0 0 0;
	}
	.sub70 .imgInfoSection .inner .imgAr img {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
		max-height: 400px;
	}
}
@media screen and (max-width: 500px) {
	.sub70 .imgInfoSection .inner .infoAr .flexAr {
		flex-direction: column;
	}
	.sub70 .imgInfoSection .inner .infoAr .flexAr .iconAr {
		width: 100%;
	}
	.sub70 .imgInfoSection .inner .infoAr .flexAr .listAr {
		width: 100%;
		padding-left: 2rem;
	}
}

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