@charset "utf-8";

/* 
 * content CSS Document
 *
 */



/* sub visual */
.area-subVisual {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 450rem;
	box-sizing: border-box;
	overflow: hidden;
}

.area-subVisual .scroll_ani {
	display: none;
}

.sub-visual__text {
	text-align: center;
}

/*.sub-visual__text{position:relative; top:57%; width:auto; margin:0 auto; transform: translateY(-50%); text-align:center;}*/
.sub-visual__text>* {
	color: #fff;
}

.area-subVisual h2 {
	font-weight: 700;
	font-size: 53rem;
	text-transform: capitalize;
	line-height: 1em;
	word-break: keep-all;
}

.area-subVisual p {
	margin-top: 20rem;
	font-weight: 300;
	font-size: 18rem;
	line-height: 1em;
	word-break: keep-all;
}

.area-subVisual .sub-visual__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.area-subVisual .sub-visual__bg i {
	position: absolute;
	opacity: 1 !important;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-size: cover;
	background-position: 50% 50%;
}

.area-subVisual[data-sublayout="company"] .sub-visual__bg i {
	background-image: url(../img/content/img_company_bg.jpg);
	background-position: 50% 100%;
}

.area-subVisual[data-sublayout="cancer"] .sub-visual__bg i {
	background-image: url(../img/content/img_cancer_bg.jpg);
	background-position: 50% 100%;
}

.area-subVisual[data-sublayout="surgery"] .sub-visual__bg i {
	background-image: url(../img/content/img_surgery_bg.jpg);
}

.area-subVisual[data-sublayout="pain"] .sub-visual__bg i {
	background-image: url(../img/content/img_pain_bg.jpg);
}

.area-subVisual[data-sublayout="skin"] .sub-visual__bg i {
	background-image: url(../img/content/img_skin_bg.jpg);
}

.area-subVisual[data-sublayout="clinic"] .sub-visual__bg i {
	background-image: url(../img/content/img_clinic_bg.jpg);
}

.area-subVisual[data-sublayout="community"] .sub-visual__bg i {
	background-image: url(../img/content/img_community_bg.jpg);
}


/* page navigation */
.area_navigation {
	margin: 25rem 0 0;
}

.area_navigation ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40rem;
}

.area_navigation ul li {
	position: relative;
	line-height: 1;
	font-size: 18rem;
	color: #fff;
	opacity: 0.8;
	font-family: var(--font-kr);
}

.area_navigation ul li br {
	display: none;
}

.area_navigation ul li:first-child {
	padding-left: 0;
}

.area_navigation ul li img {
	display: inline-block;
	position: relative;
	top: 4rem;
	width: 20rem;
	height: 15rem;
	vertical-align: top;
	opacity: 0.8;
}

.area_navigation ul li i {
	display: none;
}

.area_navigation ul li:after {
	content: "";
	position: absolute;
	top: 5.5rem;
	right: -23rem;
	width: 6rem;
	height: 12rem;
	background: url(../img/content/ic-navi-arr.svg)no-repeat center;
	background-size: contain;
	opacity: 0.6;
}

.area_navigation ul li:last-child:after {
	display: none;
}

.area_subVisual.nobbs-tab .area_navigation {
	bottom: 50rem;
}

.area-subVisual.on {
	padding: 90rem 0 0;
}

.area-subVisual.on .area_navigation {
	position: absolute;
	opacity: 0;
	z-index: -1;
}


/* lnb */
.area_lnb {
	width: 100%;
	height: 60rem;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}

.area_lnb nav {
	width: 100%;
	height: 100%;
}

.area_lnb nav .wrap {
	width: 100%;
	height: 100%;
}

.area_lnb nav ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50rem;
	width: 100%;
	height: 100%;
}

.area_lnb nav ul>li {
	height: 100%;
}

.area_lnb nav ul>li>a {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	line-height: 1.4em;
	padding: 0 10rem;
	word-break: keep-all;
	font-family: var(--font-kr);
}

.area_lnb nav ul>li>a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background: var(--color-point);
	opacity: 0;
}

.area_lnb nav ul>li>a>span {
	font-size: 18rem;
	font-weight: 400;
	color: #333;
	/*transition:all 0.3s ease;*/
}

.area_lnb nav ul>li>a>span i {
	display: none;
}

.area_lnb nav ul>li>a>span br {
	display: none;
}

.area_lnb nav ul>li.active>a>span {
	color: var(--color-point);
	font-weight: 600;
}

.area_lnb nav ul>li.active>a:before {
	opacity: 1;
}

.btn_m_lnb {
	display: none;
	position: relative;
	padding: 15rem 35rem 15rem 15rem;
	border-bottom: 1px solid #eee;
	border-left: none;
	border-right: none;
	box-sizing: border-box;
	font-size: 17rem;
	font-weight: 600;
	color: #333;
	transition: all 0.3s ease 0s;
}

.btn_m_lnb:after {
	content: '';
	display: block;
	position: absolute;
	right: 20rem;
	top: 50%;
	width: 12rem;
	height: 8rem;
	margin-top: -4rem;
	background: url(../img/content/ic-arr-bk.svg) no-repeat 0 0;
	background-size: 100%;
	transition: all 0.3s ease 0s;
}

.btn_m_lnb.active {
	background: var(--color-point);
	border-color: var(--color-point);
	color: #fff;
}

.btn_m_lnb.active:after {
	background-image: url(../img/content/ic-arr-wt.svg);
	transform: rotate(180deg);
}

/* 테이블 */
#content .mob_info {
	display: none;
}

#content table.table {
	width: 100%;
	font-family: var(--font-kr, 'Noto Sans KR', sans-serif);
	border-collapse: collapse;
}

#content table.table thead th {
	background: #f9f9f9;
	border-right: 1rem solid #eee;
	font-size: 18rem;
	font-weight: bold;
	color: #222;
	word-break: keep-all;
}

#content table.table thead tr:last-child th {
	border-bottom: 1rem solid #eee;
}

#content table.table thead tr th:last-child {
	border-right: 0;
}

#content table.table tbody td {
	border: 1px solid #eee;
	font-size: 17rem;
	color: #555;
	font-weight: 400;
	text-align: center;
	word-break: break-word;
	line-height: 1.5em;
}

#content table.table tbody td.left {
	text-align: left;
}

#content table.table tbody td p {
	font-size: 15rem;
	color: #555;
	font-weight: 500;
}

#content table.table th {
	padding: 15rem;
	border-bottom: 1px solid #eee;
	color: #222;
	word-break: break-word;
}

#content table.table td {
	padding: 15rem;
}

#content table.table tbody tr td:first-child,
#content table.table tbody tr th:first-child {
	border-left-width: 0px;
}

#content table.table tbody tr td:last-child {
	border-right-width: 0px;
}

#content.fees-page table.table.v2 thead th {
	padding: 20rem;
	word-break: break-word;
}

#content.fees-page table.table.v2 tbody td {
	padding: 20rem;
	word-break: break-word;
}

#content table.table tbody td strong {
	font-weight: 600;
	color: #333;
}

#content table.table tbody td .sub-text {
	display: block;
	margin-top: 3rem;
	font-size: 14rem;
	color: #777;
	line-height: 1.4em;
	word-break: keep-all;
	letter-spacing: -0.5px;
}

#content table.table tbody tr:last-child td {
	border-bottom: none;
}


@media (max-width:768px) {

	#content table.table thead th,
	#content table.table tbody td {
		font-size: 15rem;
	}

	#content table.table th,
	#content table.table td {
		padding: 12rem 10rem;
	}

	#content.fees-page table.table.v2 thead th,
	#content.fees-page table.table.v2 tbody td {
		padding: 12rem 10rem;
	}
}

@media (max-width:620px) {

	#content table.table thead th,
	#content table.table tbody td {
		font-size: 14rem;
	}

	#content table.table th,
	#content table.table td {
		padding: 12rem 8rem;
	}

	#content.fees-page table.table.v2 thead th,
	#content.fees-page table.table.v2 tbody td {
		padding: 12rem 8rem;
	}
}

@media (max-width:480px) {

	#content table.table thead th,
	#content table.table tbody td {
		font-size: 12rem;
	}

	#content table.table th,
	#content table.table td {
		padding: 10rem 5rem;
	}

	#content.fees-page table.table.v2 thead th,
	#content.fees-page table.table.v2 tbody td {
		padding: 10rem 5rem;
	}

	#content table.table tbody td .sub-text {
		margin-top: 2rem;
		font-size: 10rem;
		line-height: 1.3em;
	}
}


#content {
	position: relative;
	min-height: 500rem;
	padding: 100rem 0;
	box-sizing: border-box;
}

#content.area_service {
	padding: 75rem 0 0rem;
}

.sub_title {
	text-align: center;
	margin-bottom: 55rem;
}

.sub_title>h2 {
	font-size: 35rem;
	font-weight: 700;
	color: #222;
	line-height: 1em;
	word-break: keep-all;
	font-family: var(--font-kr);
}

.sub_title>p {
	display: block;
	margin-top: 15rem;
	font-size: 18rem;
	font-weight: 300;
	line-height: 1.3em;
	word-break: keep-all;
	color: #555;
	letter-spacing: -0.5px;
}


/* 메인 탭과 서브 탭 내비게이션 바 */
.tab_nav {
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 30rem;
	border-bottom: 2px solid #B4B4B4;
	box-sizing: border-box;
}

.tab_nav>li {
	position: relative;
	width: calc(100% / 2);
	width: -webkit-calc(100% / 2);
	text-align: center;
	cursor: pointer;
}

.tab_nav>li a {
	display: block;
	padding: 12rem;
	box-sizing: border-box;
}

.tab_nav>li:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 0;
	background: #aaa;
}

.tab_nav>li span {
	font-size: 16px;
	font-weight: 600;
	color: #c9c9cb;
}

.tab_nav>li.active span {
	color: var(--color-point);
}

.tab_nav>li.active:before {
	height: 2px;
	background: var(--color-point);
}

.tab_nav>li:last-child:after {
	display: none;
}

.sub_tab_nav {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10rem;
}

.sub_tab_nav>li {
	display: block;
}

.sub_tab_nav>li>a {
	display: block;
	padding: 5rem;
	font-weight: bold;
	color: #979797;
	background: #fff;
	border: 1px solid #979797;
	box-sizing: border-box;
	border-radius: 6rem;
	text-align: center;
	font-size: 12rem;
}

.sub_tab_nav>li.active a {
	border-color: var(--color-point);
	color: var(--color-point);
}

.tab_nav li.active a,
.sub_tab_nav li.active a {
	z-index: 2;
}

.tab,
.sub_tab {
	display: none;
}

.tab.active,
.sub_tab.active {
	display: block;
}


@media (max-width:1200px) {
	.area_lnb nav ul {
		gap: 30rem;
	}

	.area_lnb nav ul>li>a>span {
		text-align: center;
	}
}

@media (max-width:1024px) {

	.area-subVisual {
		height: 350rem;
	}

	.area-subVisual h2,
	.area-subVisual h3 {
		font-size: 60rem;
	}

	.sub_title {
		margin-bottom: 60rem;
	}

	.sub_title>h2 {
		font-size: 30rem;
	}

	.sub_title>p {
		font-size: 16rem;
	}

	.area_lnb nav ul {
		gap: 20rem;
	}

	.area_lnb nav ul>li>a>span {
		font-size: 17rem;
		line-height: 1em;
	}

	#content {
		padding: 50rem 0;
	}

}

@media (max-width:768px) {
	.area-subVisual {
		height: 300rem;
	}

	.area-subVisual h2,
	.area-subVisual h3 {
		font-size: 38rem;
	}

	.sub_title>h2 {
		font-size: 25rem;
	}

	.sub_title>p {
		font-size: 15rem;
	}

	.area_navigation ul {
		gap: 30rem;
	}

	.area_navigation ul li {
		font-size: 17rem;
	}

	.area_navigation ul li:after {
		top: 3rem;
		right: -19rem;
	}

	.area_navigation ul li img {
		top: 1px;
	}

	.btn_m_lnb {
		display: none;
	}

	.area_lnb {
		height: 60rem;
	}

	.area_lnb nav ul {
		gap: 20rem;
	}

	.area_lnb nav ul>li>a>span {
		font-size: 16rem;
	}

	.area_lnb[data-lnb="lnbheavy"] nav ul {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		text-align: center;
		gap: 0rem;
	}

	.area_lnb[data-lnb="lnbheavy"] nav ul>li {
		display: table-cell;
		white-space: nowrap;
		max-width: initial;
	}

	.area_lnb[data-lnb="lnbheavy"] nav ul>li:nth-child(1) {
		margin-left: 5rem;
	}

	[data-lnb="lnbheavy"] .lnb>div {
		width: 100%;
		height: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.lnb .wrap::-webkit-scrollbar {
		width: 3rem;
		height: 5rem;
	}

	/*
	.area_lnb{background:#fff; height:auto; border-bottom:none; margin-bottom:60rem; z-index:50;}
	.area_lnb .lnb{box-sizing:border-box;}
	.area_lnb .lnb ul{display:none; position:absolute; height:auto;padding:0; text-align:left; border-bottom:1px solid #eee; background:#fff; z-index:100; box-shadow:none; box-sizing:border-box;}
	.area_lnb .lnb ul li{float:none; width:100%;}
	.area_lnb .lnb ul li a{padding:12rem 15rem; color:#222; border-top:1px solid #eee; transition:all 0.1s ease 0s; text-align:left;}
	.area_lnb nav ul > li > a > span{font-size:16rem; }
	.area_lnb li > a.active, .area_lnb li > a:hover{transform:none;}
	.area_lnb li > a.active:after, .area_lnb li > a:hover:after{display:none;}
	.area_lnb li > a.active:before{width:0;}
	.area_lnb li > a.active:hover:before{width:100%;}
	*/

	#content {
		padding: 70rem 0;
		min-height: 300rem;
	}

	.sub_title {
		margin-bottom: 40rem;
	}
}

@media (max-width:620px) {

	.area-subVisual h2,
	.area-subVisual h3 {
		font-size: 30rem;
	}

	/*
	#content .scrollTable{overflow:auto;}
	#content .scrollTable .table{width:650px;}
	#content .mob_info{display:block; margin:10px 0 0; font-size:13rem;}
	#content .mob_info span.en{display:none;}
*/

	.area_lnb {
		height: 50rem;
	}

	.area_lnb nav ul {
		gap: 12rem;
	}

	.area_lnb nav ul>li>a>span {
		font-size: 15rem;
	}
}

@media (max-width:480px) {

	.area-subVisual {
		height: 170rem;
	}

	.area-subVisual h2,
	.area-subVisual h3 {
		margin: 0;
		font-size: 19rem;
	}

	.area-subVisual p {
		font-size: 11rem;
		margin-top: 8rem;
	}

	.sub_title {
		margin-bottom: 15rem;
	}

	.sub_title>h2 {
		font-size: 15rem;
	}

	.sub_title>p {
		margin-top: 5rem;
		font-size: 11rem;
		line-height: 1.3em;
	}

	.area_navigation {
		margin: 15rem 0 0;
	}

	.area_navigation ul {
		gap: 20rem;
	}

	.area_navigation ul li {
		font-size: 12rem;
	}

	.area_navigation ul li:after {
		top: 1rem;
		right: -14rem;
		width: 5rem;
		height: 11rem;
	}

	.area_navigation ul li img {
		top: 0;
		width: 15rem;
		height: 11rem;
	}

	.btn_m_lnb {
		font-size: 13rem;
		padding: 12rem 30rem 12rem 12rem;
	}

	.area_lnb {
		height: 40rem;
	}

	.lnb .wrap {
		height: auto;
	}

	.area_lnb[data-lnb="lnbheavy"] nav ul {
		/*display: flex;
		justify-content: center;*/
		width: 100%;
		text-align: center;
		gap: 0rem;
	}

	.area_lnb[data-lnb="lnbheavy"] nav ul>li {
		display: table-cell;
		white-space: nowrap;
		max-width: initial;
	}

	.area_lnb[data-lnb="lnbheavy"] nav ul>li:nth-child(1) {
		margin-left: 5rem;
	}

	[data-lnb="lnbheavy"] .lnb>div {
		width: 100%;
		height: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.lnb .wrap::-webkit-scrollbar {
		width: 3rem;
		height: 5rem;
	}

	.area_lnb nav ul {
		gap: 5rem;
	}

	.area_lnb .lnb ul li a {
		line-height: 1em;
		padding: 0 5rem;
	}

	.area_lnb nav ul>li>a>span {
		font-size: 11rem;
		letter-spacing: -0.6px;
	}

	.btn_m_lnb:after {
		width: 10rem;
		height: 6rem;
		right: 10rem;
		margin-top: -3rem;
	}

	#content {
		padding: 30rem 0;
	}

	.sub_title {
		margin-bottom: 15rem;
	}

	.scroll_ani span {
		font-size: 11rem;
		padding-bottom: 45rem;
	}

	.scroll_ani i {
		height: 40rem;
	}

	#content table.table thead th {
		font-size: 11rem;
		padding: 10rem 6rem;
	}

	#content table.table th {
		font-size: 11rem;
		padding: 10rem 6rem;
	}

	#content table.table tbody td {
		font-size: 11rem;
		padding: 10rem 6rem;
		line-height: 1.3em;
	}
}

.sub-tit {
	display: block;
	text-align: center;
	margin-bottom: 45rem;
}

.sub-tit>em {
	display: inline-block;
	margin-bottom: 20rem;
	font-size: 19rem;
	font-weight: 600;
	color: var(--color-point);
	line-height: 1em;
	word-break: keep-all;
}

.sub-tit>h3 {
	display: block;
	font-size: 45rem;
	font-weight: 800;
	line-height: 1.3em;
	word-break: keep-all;
	color: #222;
}

.sub-tit>h3>i {
	color: var(--color-point);
}

.sub-tit>h4 {
	display: block;
	font-size: 35rem;
	font-weight: 500;
	line-height: 1.3em;
	word-break: keep-all;
	color: #111;
	letter-spacing: -0.5px;
}

.sub-tit>h4>i {
	font-weight: 800;
}

.sub-tit>p {
	display: block;
	margin-top: 15rem;
	font-size: 18rem;
	font-weight: 300;
	line-height: 1.3em;
	word-break: keep-all;
	color: #555;
	letter-spacing: -0.5px;
}

.sub-tit.wt>* {
	color: #fff;
}

.sub-tit.wt>h4 {
	font-weight: bold;
}

.sub-tit.wt>p {
	margin-top: 10rem;
	opacity: 0.7;
}

/* 회사소개 */
.company-page {}

#content.company_sub01 {
	padding-bottom: 0;
}

.company-intro {
	padding-bottom: 100rem;
}

.intro-bn {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 368rem;
	padding: 70rem;
	box-sizing: border-box;
	border-radius: 30rem;
	background: url(../img/content/company0101.jpg)no-repeat center;
	background-size: cover;
}

.intro-bn .txt {}

.intro-bn .txt>h3 {
	display: block;
	font-size: 40rem;
	font-weight: 700;
	color: #fff;
	line-height: 1em;
}

.intro-bn .txt>p {
	display: block;
	margin-top: 20rem;
	font-size: 19rem;
	font-weight: 300;
	color: #fff;
	line-height: 1.4em;
	word-break: keep-all;
}

.bg-gray {
	background: #f8f8f8;
}

.bg-lblue {
	background: #f0f8ff;
}

#container section>div:not(:first-child):not(.area_top) {
	padding: 100rem 0;
}

.sub-title {
	margin-bottom: 48rem;
}

.sub-title .subject {
	position: relative;
	padding-left: 54rem;
	margin-bottom: 20rem;
}

.sub-title .subject:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 40rem;
	height: 40rem;
	background: url(../img/content/ic-title.svg)no-repeat center;
	background-size: contain;
}

.sub-title .subject>h3 {
	display: block;
	font-size: 35rem;
	font-weight: 500;
	color: #111;
	line-height: 1em;
}

.sub-title .subject>h3 .bold {
	font-weight: bold;
}

.sub-title>p {
	display: block;
	font-size: 18rem;
	font-weight: 300;
	color: #333;
	line-height: 1.4em;
	word-break: keep-all;
}

.sub-title.wt .subject>h3 {
	color: #fff;
}

.sub-title.wt>p {
	color: rgba(255, 255, 255, 0.8);
}

.list-ctreatment {
	gap: 20rem;
}

.list-ctreatment>li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 298rem;
	border-radius: 20rem;
	background: #eee;
	padding: 40rem;
	box-sizing: border-box;
	transition: all 0.3s ease;
}

.list-ctreatment>li:nth-child(1) {
	background: url(../img/content/company-cancer01.jpg)no-repeat center;
	background-size: cover;
}

.list-ctreatment>li:nth-child(2) {
	background: url(../img/content/company-cancer02.jpg)no-repeat center;
	background-size: cover;
}

.list-ctreatment>li:nth-child(3) {
	background: url(../img/content/company-cancer03.jpg)no-repeat center;
	background-size: cover;
}

.list-ctreatment>li:nth-child(4) {
	background: url(../img/content/company-cancer04.jpg)no-repeat center;
	background-size: cover;
}

.list-ctreatment>li:nth-child(1):hover {
	background: url(../img/content/company-cancer01-ov.jpg)no-repeat center;
	background-size: cover;
}

.list-ctreatment>li:nth-child(2):hover {
	background: url(../img/content/company-cancer02-ov.jpg)no-repeat center;
	background-size: cover;
}

.list-ctreatment>li:nth-child(3):hover {
	background: url(../img/content/company-cancer03-ov.jpg)no-repeat center;
	background-size: cover;
}

.list-ctreatment>li:nth-child(4):hover {
	background: url(../img/content/company-cancer04-ov.jpg)no-repeat center;
	background-size: cover;
}

.list-ctreatment>li>i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50rem;
	height: 43rem;
	border-radius: 10rem;
	background: var(--color-point);
	font-size: 23rem;
	font-weight: bold;
	color: #fff;
}

.list-ctreatment>li .txt {}

.list-ctreatment>li .txt>h3 {
	display: block;
	font-size: 28rem;
	font-weight: 600;
	color: #fff;
	line-height: 1em;
}

.list-ctreatment>li .txt>p {
	display: block;
	margin-top: 12rem;
	font-size: 19rem;
	font-weight: 300;
	color: #fff;
	line-height: 1.5em;
	word-break: keep-all;
}

.company-treatment {}

.company-treatment .box-flex {
	display: flex;
	gap: 30rem;
}

.company-treatment .box-flex .txt {
	width: calc(100% - 525rem);
}

.company-treatment .box-flex .list-treatment {}

.company-treatment .box-flex .list-treatment>li {
	display: flex;
	align-items: center;
	gap: 30rem;
	margin-bottom: 20rem;
	background: #f8f8f8;
	padding: 20rem;
	box-sizing: border-box;
	border-radius: 20rem;
}

.company-treatment .box-flex .list-treatment>li:last-child {
	margin: 0;
}

.company-treatment .box-flex .list-treatment>li .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 107rem;
	height: 107rem;
	border-radius: 8rem;
	background: #fff;
}

.company-treatment .box-flex .list-treatment>li .icon img {
	width: 65rem;
	height: auto;
}

.company-treatment .box-flex .list-treatment>li .txt {
	width: calc(100% - 137rem);
}

.company-treatment .box-flex .list-treatment>li .txt h3 {
	display: block;
	font-size: 28rem;
	font-weight: bold;
	color: var(--color-point);
	line-height: 1em;
}

.company-treatment .box-flex .list-treatment>li .txt p {
	display: block;
	margin-top: 8rem;
	font-size: 19rem;
	font-weight: 300;
	color: #333;
	line-height: 1.2em;
	word-break: keep-all;
}

.company-treatment .box-flex .img {
	width: 495rem;
	border-radius: 20rem;
	overflow: hidden;
}

.company-treatment .box-flex .img img {
	width: 100%;
}

.list-care {
	display: flex;
	flex-wrap: wrap;
	gap: 15rem;
}

.list-care>li {
	width: calc((100% / 4) - 12rem)
}

.list-care .img {
	width: 100%;
	border-radius: 15rem;
	overflow: hidden;
	transition: all 0.3s ease;
}

.list-care img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}

.list-care img.color {
	display: none;
}

.list-care .txt {
	display: block;
	margin-top: 20rem;
	text-align: center;
}

.list-care .txt>h3 {
	display: block;
	font-size: 25rem;
	font-weight: bold;
	color: #111;
	line-height: 1em;
}

.list-care .txt>p {
	display: block;
	margin-top: 10rem;
	font-size: 19rem;
	font-weight: 300;
	color: #333;
	line-height: 1.2em;
	word-break: keep-all;
	letter-spacing: -1.5px;
}

.list-care>li:hover img.bk {
	display: none;
}

.list-care>li:hover img.color {
	display: block;
}

.company-doctor {
	position: relative;
}

.company-doctor:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 372rem;
	background: url(../img/content/bg-company-doctor.jpg)no-repeat center;
	background-size: cover;
}

.company-doctor .box-flex {
	display: flex;
	gap: 50rem;
}

.company-doctor .box-flex .img {
	display: flex;
	justify-content: center;
	width: 610rem;
	height: 695rem;
	background: #f8f8f8;
	border-radius: 25rem;
	box-shadow: 15px 20px 40px rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.company-doctor .box-flex .img img {
	width: 100%;
	height: 100%;
}

.company-doctor .box-flex .txt {
	width: calc(100% - 660rem);
}

.company-doctor .box-flex .txt .top {}

.company-doctor .box-flex .txt .top em {
	display: inline-block;
	margin-bottom: 23rem;
	font-size: 25rem;
	font-weight: 300;
	color: #fff;
}

.company-doctor .box-flex .txt .top .name {
	display: block;
	font-size: 40rem;
	font-weight: 500;
	color: #fff;
	line-height: 1em;
}

.company-doctor .box-flex .txt .top .name .bold {
	font-weight: bold;
}

.company-doctor .box-flex .txt .top .list-info {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 10rem;
	margin-top: 20rem;
}

.company-doctor .box-flex .txt .top .list-info>li {
	display: block;
	padding: 8rem 10rem;
	font-size: 17rem;
	font-weight: 300;
	color: #fff;
	line-height: 1em;
	word-break: keep-all;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 50rem;
}

.company-doctor .box-flex .txt .bottom {
	position: relative;
	margin-top: 60rem;
	padding-bottom: 40rem;
}

.company-doctor .box-flex .txt .bottom>h3 {
	display: block;
	font-size: 25rem;
	font-weight: bold;
	color: #333;
	line-height: 1.4em;
	word-break: keep-all;
}

.company-doctor .box-flex .txt .bottom .desc {
	margin-top: 30rem;
}

.company-doctor .box-flex .txt .bottom .desc p {
	display: block;
	margin-bottom: 30rem;
	font-size: 18rem;
	font-weight: 400;
	color: #333;
	line-height: 1.5em;
	word-break: keep-all;
}

.company-doctor .box-flex .txt .sign {
	position: absolute;
	left: 80rem;
	bottom: 0rem;
	height: 100rem;
}

.company-doctor .box-flex .txt .sign img {
	height: 100%;
}

.company-collabo {}

.company-collabo .sub-tit {
	margin-bottom: 40rem;
}

.company-collabo .cont img {
	margin: 0 auto;
	width: auto;
	max-width: 80%;
}

.company-facility .cont,
.facility-page .cont {
	overflow: hidden;
}

.facilitySwiper {
	position: relative;
	height: 700rem;
	width: 100%;
	border-radius: 23rem;
	overflow: hidden;
}

.fthumbSwiper {
	height: 200rem;
	box-sizing: border-box;
	margin-top: 18rem;
}

.fthumbSwiper .swiper-slide {
	width: 25%;
	height: 100%;
	border-radius: 16rem;
	overflow: hidden;
	opacity: 0.5;
	cursor: pointer;
}

.fthumbSwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
	width: 31rem;
	height: 55rem;
	background: url(../img/content/ic-slide-arr-wt.svg)no-repeat center;
	background-size: contain;
	margin-top: -27rem;
}

.swiper-button-prev {
	left: 26rem;
	transform: rotate(-180deg);
}

.swiper-button-next {
	right: 26rem;
}

.company-partner {
	position: relative;
	background: #eef2fc;
	padding: 100rem 0;
}

.marquee-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20rem;
	overflow: hidden;
	width: 100%;
}

.marquee-row {
	display: flex;
	overflow: hidden;
	user-select: none;
}

.marquee-track {
	display: flex;
	gap: 20rem;
	width: max-content;
}

.card {
	flex-shrink: 0;
	width: 336rem;
	height: 124rem;
	background: #fff;
	border-radius: 12rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 16px;
	color: #333;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

.card img {
	max-width: 60%;
	max-height: 55%;
	object-fit: contain;
}

.card.catholic img {
	height: 45rem;
	max-width: 90%;
}

.card.yumc img {
	height: 40rem;
	max-width: 90%;
}

.scroll-left .marquee-track {
	animation: scrollLeft 28s linear infinite;
}

.scroll-right .marquee-track {
	animation: scrollRight 28s linear infinite;
}


@keyframes scrollLeft {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-50% - 8px));
	}
}

@keyframes scrollRight {
	0% {
		transform: translateX(calc(-50% - 8px));
	}

	100% {
		transform: translateX(0);
	}
}



@media (max-width:1300px) {
	.company-doctor:before {
		height: 375rem;
	}

	.company-doctor .box-flex .img {
		width: 45%;
		height: auto;
	}

	.company-doctor .box-flex .img img {
		width: auto;
	}

	.company-doctor .box-flex .txt {
		width: calc(55% - 50rem);
	}

	.facilitySwiper {
		height: 600rem;
	}

	.fthumbSwiper {
		height: 180rem;
	}

	.card {
		width: 270rem;
		height: 100rem;
	}

}

@media (max-width:1024px) {
	.intro-bn {
		height: 280rem;
		padding: 50rem;
	}

	.intro-bn .txt>h3 {
		font-size: 35rem;
	}

	.intro-bn .txt>p {
		font-size: 17rem;
		margin-top: 15rem;
	}

	.sub-title .subject>h3,
	.sub-tit>h4 {
		font-size: 30rem;
	}

	.sub-title>p,
	.sub-tit>p {
		font-size: 16rem;
	}

	.list-ctreatment>li {
		padding: 25rem;
		height: 250rem;
	}

	.list-ctreatment>li>i {
		width: 45rem;
		height: 40rem;
		font-size: 18rem;
	}

	.list-ctreatment>li .txt>h3 {
		font-size: 23rem;
	}

	.list-ctreatment>li .txt>p {
		margin-top: 6rem;
		font-size: 16rem;
		line-height: 1.3em;
	}

	.company-treatment .box-flex {
		gap: 20rem;
	}

	.company-treatment .box-flex .txt {
		width: calc(55% - 20rem);
	}

	.company-treatment .box-flex .list-treatment>li {
		gap: 15rem;
		border-radius: 15rem;
		margin-bottom: 15rem;
	}

	.company-treatment .box-flex .list-treatment>li .icon {
		width: 80rem;
		height: 80rem;
	}

	.company-treatment .box-flex .list-treatment>li .icon img {
		width: 44rem;
	}

	.company-treatment .box-flex .list-treatment>li .txt {
		width: calc(100% - 95rem);
	}

	.company-treatment .box-flex .list-treatment>li .txt h3 {
		font-size: 23rem;
	}

	.company-treatment .box-flex .list-treatment>li .txt p {
		font-size: 16rem;
	}

	.company-treatment .box-flex .img {
		width: 45%;
		height: 523rem;
		border-radius: 15rem;
	}

	.list-care .txt>h3 {
		font-size: 20rem;
	}

	.list-care .txt>p {
		margin-top: 6rem;
		font-size: 16rem;
	}

	.company-doctor:before {
		height: 343rem;
	}

	.company-doctor .box-flex .txt .top em {
		font-size: 18rem;
		margin-bottom: 15rem;
	}

	.company-doctor .box-flex .txt .top .name {
		font-size: 34rem;
	}

	.company-doctor .box-flex .txt .top .list-info {
		gap: 8rem;
	}

	.company-doctor .box-flex .txt .top .list-info>li {
		font-size: 15rem;
	}

	.company-doctor .box-flex .txt .bottom {
		padding-bottom: 20rem;
	}

	.company-doctor .box-flex .txt .bottom>h3 {
		font-size: 22rem;
	}

	.company-doctor .box-flex .txt .bottom .desc {
		margin-top: 20rem;
	}

	.company-doctor .box-flex .txt .bottom .desc p {
		font-size: 17rem;
		margin-bottom: 20rem;
	}

	.company-doctor .box-flex .txt .bottom .desc p br {
		display: none;
	}

	.company-doctor .box-flex .txt .sign {
		height: 80rem;
	}

	.company-doctor .box-flex .img img {
		width: 500rem;
	}

	.facilitySwiper {
		height: 500rem;
		border-radius: 20rem;
	}

	.fthumbSwiper {
		height: 160rem;
	}

	.swiper-button-next,
	.swiper-button-prev {
		height: 35rem;
		margin-top: -17rem;
	}

	.swiper-button-prev {
		left: 15rem;
	}

	.swiper-button-next {
		right: 15rem;
	}

	.marquee-wrapper,
	.marquee-track {
		gap: 15rem;
	}

	.card {
		width: 240rem;
		height: 90rem;
	}
}

@media (max-width:768px) {

	.sub-tit,
	.sub-title {
		margin-bottom: 30rem;
	}

	.sub-title .subject {
		padding-left: 33rem;
		margin-bottom: 10rem;
	}

	.sub-title .subject>h3,
	.sub-tit>h3 {
		font-size: 25rem;
	}

	.sub-title .subject:before {
		top: 0;
		width: 25rem;
		height: 25rem;
	}

	.sub-title>p,
	.sub-tit>p {
		font-size: 15rem;
	}


	#container section>div:not(:first-child):not(.area_top) {
		padding: 70rem 0;
	}

	.company-intro {
		padding-bottom: 70rem;
	}

	.intro-bn {
		height: 230rem;
		padding: 35rem;
		border-radius: 20rem;
	}

	.intro-bn .txt>h3 {
		font-size: 28rem;
	}

	.intro-bn .txt>p {
		font-size: 15rem;
		margin-top: 13rem;
	}

	.list-ctreatment>li {
		padding: 20rem;
		height: 206rem;
		border-radius: 15rem;
	}

	.list-ctreatment>li>i {
		width: 37rem;
		height: 35rem;
		font-size: 16rem;
	}

	.list-ctreatment>li .txt>h3 {
		font-size: 20rem;
	}

	.list-ctreatment>li .txt>p {
		font-size: 15rem;
	}

	.company-treatment .box-flex {
		gap: 12rem;
	}

	.company-treatment .box-flex .txt {
		width: calc(55% - 12rem);
	}

	.company-treatment .box-flex .list-treatment>li {
		padding: 15rem;
		margin-bottom: 12rem;
		border-radius: 12rem;
	}

	.company-treatment .box-flex .list-treatment>li .icon {
		width: 60rem;
		height: 60rem;
	}

	.company-treatment .box-flex .list-treatment>li .icon img {
		width: 33rem;
	}

	.company-treatment .box-flex .list-treatment>li .txt {
		width: calc(100% - 75rem);
	}

	.company-treatment .box-flex .list-treatment>li .txt h3 {
		font-size: 18rem;
	}

	.company-treatment .box-flex .list-treatment>li .txt p {
		font-size: 15rem;
	}

	.company-treatment .box-flex .img {
		height: 402rem;
		border-radius: 12rem;
	}

	.list-care {
		gap: 20rem 15rem;
	}

	.list-care>li {
		width: calc((100% / 2) - 7.5rem);
	}

	.list-care .txt>h3 {
		font-size: 18rem;
	}

	.list-care .txt>p {
		font-size: 15rem;
	}

	.company-doctor:before {
		height: 65%;
	}

	.company-doctor .box-flex {
		flex-direction: column;
		gap: 25rem;
	}

	.company-doctor .box-flex .img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.company-doctor .box-flex .txt {
		width: 100%;
	}

	.company-doctor .box-flex .txt .top {
		text-align: center;
	}

	.company-doctor .box-flex .txt .top .list-info {
		justify-content: center;
	}

	.facilitySwiper {
		height: 400rem;
		border-radius: 15rem;
	}

	.fthumbSwiper {
		margin-top: 10rem;
		height: 115rem;
	}

	.fthumbSwiper .swiper-slide {
		border-radius: 10rem;
	}

	.swiper-button-next,
	.swiper-button-prev {
		height: 35rem;
		margin-top: -17rem;
	}

	.swiper-button-prev {
		left: 10rem;
	}

	.swiper-button-next {
		right: 10rem;
	}

	.company-partner {
		padding: 70rem 0;
	}

	.marquee-wrapper,
	.marquee-track {
		gap: 10rem;
	}

	.card {
		width: 200rem;
		height: 75rem;
		border-radius: 10rem;
	}
}

@media (max-width:620px) {
	.sub-title>p br {
		display: none;
	}

	#container section>div:not(:first-child):not(.area_top) {
		padding: 50rem 0;
	}

	.company-intro {
		padding-bottom: 50rem;
	}

	.intro-bn {
		height: 170rem;
		padding: 25rem;
		border-radius: 15rem;
	}

	.list-ctreatment {
		gap: 14rem;
	}

	.list-ctreatment>li {
		padding: 15rem;
		height: 206rem;
		border-radius: 12rem;
	}

	.list-ctreatment>li>i {
		width: 32rem;
		height: 30rem;
		font-size: 15rem;
		border-radius: 6rem;
	}

	.list-ctreatment>li .txt>h3 {
		font-size: 18rem;
	}

	.list-ctreatment>li .txt>p {
		font-size: 14rem;
	}

	.company-treatment .box-flex .img img {
		height: 100%;
	}

	.company-partner {
		padding: 50rem 0;
	}

	.sub-tit>p br {
		display: none;
	}
}

@media (max-width:540px) {
	.company-doctor .box-flex .img img {
		width: 100%;
	}
}

@media (max-width:480px) {
	.sub-title {
		margin-bottom: 15rem;
	}

	.sub-title .subject {
		padding-left: 20rem;
		margin-bottom: 6rem;
	}

	.sub-title .subject>h3,
	.sub-tit>h4 {
		font-size: 15rem;
	}

	.sub-title .subject:before {
		top: 0;
		width: 15rem;
		height: 15rem;
	}

	.sub-title>p,
	.sub-tit>p {
		font-size: 11rem;
		line-height: 1.3em;
	}

	.sub-tit>p,
	.sub-tit.wt>p {
		margin-top: 5rem;
	}

	.sub-tit {
		margin-bottom: 15rem;
	}

	#container section>div:not(:first-child):not(.area_top) {
		padding: 30rem 0;
	}

	.company-intro {
		padding-bottom: 30rem;
	}

	.intro-bn {
		height: 105rem;
		padding: 20rem 15rem 15rem;
		border-radius: 7rem;
	}

	.intro-bn .txt>h3 {
		font-size: 17rem;
	}

	.intro-bn .txt>p {
		font-size: 11rem;
		margin-top: 5rem;
		line-height: 1.3em;
	}

	.list-ctreatment {
		gap: 10rem;
		grid-template-columns: 1fr;
	}

	.list-ctreatment>li {
		padding: 12rem;
		height: 140rem;
		border-radius: 8rem;
	}

	.list-ctreatment>li>i {
		width: 25rem;
		height: 25rem;
		font-size: 11rem;
		border-radius: 4rem;
	}

	.list-ctreatment>li .txt>h3 {
		font-size: 15rem;
	}

	.list-ctreatment>li .txt>p {
		margin-top: 4rem;
		font-size: 11rem;
	}

	.company-treatment .box-flex {
		flex-direction: column-reverse;
		gap: 10rem;
	}

	.company-treatment .box-flex .txt {
		width: 100%;
	}

	.company-treatment .box-flex .img {
		width: 100%;
		height: 200px;
	}

	.company-treatment .box-flex .img img {
		height: auto;
	}

	.company-treatment .box-flex .list-treatment>li {
		gap: 10rem;
		padding: 10rem;
		border-radius: 8rem;
		margin-bottom: 8rem;
	}

	.company-treatment .box-flex .list-treatment>li .icon {
		width: 50rem;
		height: 50rem;
		border-radius: 8rem;
	}

	.company-treatment .box-flex .list-treatment>li .icon img {
		width: 25rem;
	}

	.company-treatment .box-flex .list-treatment>li .txt {
		width: calc(100% - 60rem);
	}

	.company-treatment .box-flex .list-treatment>li .txt h3 {
		font-size: 14rem;
	}

	.company-treatment .box-flex .list-treatment>li .txt p {
		font-size: 11rem;
		margin-top: 5rem;
	}

	.list-care {
		gap: 12rem 10rem;
	}

	.list-care>li {
		width: calc((100% / 2) - 5rem);
	}

	.list-care .img {
		border-radius: 8rem;
	}

	.list-care .txt {
		margin-top: 10rem;
	}

	.list-care .txt>h3 {
		font-size: 14rem;
	}

	.list-care .txt>p {
		margin-top: 5rem;
		font-size: 11rem;
		letter-spacing: -0.5px;
	}

	.company-doctor:before {
		height: 66%;
	}

	.company-doctor .box-flex {
		gap: 10rem;
	}

	.company-doctor .box-flex .img {
		border-radius: 10rem;
	}

	.company-doctor .box-flex .txt .top em {
		margin-bottom: 8rem;
		font-size: 11rem;
	}

	.company-doctor .box-flex .txt .top .name {
		font-size: 18rem;
	}

	.company-doctor .box-flex .txt .top .list-info {
		margin-top: 10rem;
		gap: 6rem;
	}

	.company-doctor .box-flex .txt .top .list-info>li {
		font-size: 11rem;
		padding: 4rem 7rem;
	}

	.company-doctor .box-flex .txt .bottom {
		padding-bottom: 10rem;
		margin-top: 30rem;
	}

	.company-doctor .box-flex .txt .bottom>h3 {
		font-size: 15rem;
	}

	.company-doctor .box-flex .txt .bottom .desc {
		margin-top: 10rem;
	}

	.company-doctor .box-flex .txt .bottom .desc p {
		font-size: 12rem;
		margin-bottom: 10rem;
	}

	.company-doctor .box-flex .txt .sign {
		left: 55rem;
		height: 45rem;
	}

	.company-collabo .sub-tit {
		margin-bottom: 20rem;
	}

	.facilitySwiper {
		height: 215rem;
		border-radius: 10rem;
	}

	.fthumbSwiper {
		margin-top: 6rem;
		height: 54rem;
	}

	.fthumbSwiper .swiper-slide {
		border-radius: 5rem;
	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 16rem;
		height: 16rem;
		margin-top: -8rem;
	}

	.swiper-button-prev {
		left: 5rem;
	}

	.swiper-button-next {
		right: 5rem;
	}


	.company-partner {
		padding: 30rem 0;
	}

	.marquee-wrapper,
	.marquee-track {
		gap: 6rem;
	}

	.card {
		width: 90rem;
		height: 35rem;
		border-radius: 5rem;
	}
}

/* 의료진안내 */
.box-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 90rem;
}

.doctor-box {
	margin-bottom: 100rem;
}

.doctor-box:last-child {
	margin: 0;
}

.doctor-box .img {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 600rem;
	height: 620rem;
	padding: 30rem 20rem 0;
	background: #eee;
	border-radius: 30rem;
	box-sizing: border-box;
}

.doctor-box .img img {
	width: auto;
	height: 100%;
}

.doctor-box .txt {
	position: relative;
	width: 600rem;
}

.doctor-box .txt h3 {
	display: block;
	margin-bottom: 40rem;
	font-size: 40rem;
	font-weight: bold;
	color: #111;
	line-height: 1.3em;
	word-break: keep-all;
}

.doctor-box .txt .name {
	position: relative;
	display: block;
	align-items: baseline;
	gap: 10rem;
	margin: 0 0 35rem;
	padding-bottom: 30rem;
	border-bottom: 1px dashed #e9e9e9;
	box-sizing: border-box;
}

.doctor-box .txt .name h4 {
	display: block;
	font-size: 35rem;
	font-weight: 700;
	color: #111;
	line-height: 1em;
}

.doctor-box .txt .name h4 i {
	display: inline-block;
	margin-left: 15rem;
	font-size: 17rem;
	font-weight: 400;
	color: #666;
	line-height: 1em;
}

.doctor-box .txt .name em {
	display: inline-block;
	font-size: 18rem;
	font-weight: 600;
	color: var(--color-point);
	line-height: 1em;
	margin: 0 0 13rem;
}

.doctor-box .txt .logo {
	position: absolute;
	bottom: 0rem;
	right: 0;
}

.doctor-box .txt h5 {
	display: block;
	margin-top: 35rem;
	font-size: 20rem;
	font-weight: 600;
	color: var(--color-point);
	line-height: 1em;
}

.list-txt {
	display: block;
	margin-top: 17rem;
}

.list-txt>li {
	position: relative;
	display: block;
	padding-left: 20rem;
	margin-bottom: 12rem;
	font-size: 20rem;
	font-weight: 500;
	color: #333;
	line-height: 1em;
	word-break: keep-all;
}

.list-txt>li:before {
	content: '';
	position: absolute;
	top: 7rem;
	left: 0;
	width: 6rem;
	height: 6rem;
	border-radius: 50rem;
	background: #007ec2;
	opacity: 0.3;
}

.list-txt>li:last-child {
	margin: 0;
}

@media (max-width:1300px) {
	.doctor-box {
		gap: 80rem;
	}

	.doctor-box .img {
		width: 45%;
	}

	.doctor-box .txt {
		width: calc(55% - 80rem);
	}

}

@media (max-width:1024px) {
	.doctor-box {
		gap: 60rem;
		margin-bottom: 70rem;
	}

	.doctor-box .img {
		width: 50%;
		height: 520rem;
		border-radius: 20rem;
	}

	.doctor-box .txt {
		width: calc(50% - 60rem);
	}

	.doctor-box .txt h3 {
		font-size: 30rem;
	}

	.doctor-box .txt {
		width: 45%;
	}

	.doctor-box .txt .name {
		padding-bottom: 25rem;
		margin-bottom: 30rem;
	}

	.doctor-box .txt .name h4 {
		font-size: 28rem;
	}

	.doctor-box .txt h5 {
		font-size: 18rem;
		margin-top: 25rem;
	}

	.doctor-box .txt .name em {
		font-size: 15rem;
		margin-bottom: 10rem;
	}

	.list-txt {
		margin-top: 15rem;
	}

	.list-txt>li {
		padding-left: 14rem;
		font-size: 16rem;
	}

	.list-txt>li:before {
		top: 6rem;
		width: 4rem;
		height: 4rem;
	}
}

@media (max-width:768px) {
	.doctor-box {
		gap: 40rem;
	}

	.doctor-box .img {
		border-radius: 15rem;
		height: 425rem;
		padding: 20rem 10rem 0;
	}

	.doctor-box .txt {
		width: calc(50% - 40rem);
	}

	.doctor-box .txt .name {
		gap: 6rem;
		padding-bottom: 20rem;
		margin-bottom: 25rem;
	}

	.doctor-box .txt .name h4 {
		font-size: 24rem;
	}

	.doctor-box .txt .name h4 i {
		font-size: 14rem;
		margin-left: 7rem;
	}

	.doctor-box .txt .name em {
		font-size: 14rem;
	}

	.list-txt>li {
		font-size: 15rem;
		margin-bottom: 8rem;
	}
}

@media (max-width:620px) {
	.doctor-box {
		flex-direction: column;
		gap: 20rem;
		margin-bottom: 40rem;
	}

	.doctor-box .img {
		width: 100%;
		margin: 0 auto;
	}

	.doctor-box .txt {
		width: 100%;
	}

	.doctor-box .txt .name {
		padding-bottom: 17rem;
		margin-bottom: 20rem;
	}

	.doctor-box .txt .name em {
		margin-bottom: 8rem;
	}

	.doctor-box .txt h5 {
		margin-top: 20rem;
		font-size: 16rem;
	}
}

@media (max-width:540px) {
	.doctor-box {
		margin-bottom: 20rem;
	}

	.doctor-box .img {
		width: 100%;
		height: 300rem;
		border-radius: 10rem;
		padding: 10rem 10rem 0;
		margin: 0 auto;
	}

	.doctor-box .txt {}

	.doctor-box .txt h3 {
		display: block;
		font-size: 17rem;
		margin-bottom: 14rem;
	}

	.doctor-box .txt .name {
		gap: 5rem;
		padding-bottom: 13rem;
		margin-bottom: 16rem;
	}

	.doctor-box .txt .name h4 {
		font-size: 17rem;
	}

	.doctor-box .txt h5 {
		margin-top: 15rem;
		font-size: 13rem;
	}

	.doctor-box .txt .name em {
		font-size: 11rem;
	}

	.doctor-box .txt .name h4 i {
		font-size: 11rem;
		margin-left: 6rem;
	}

	.list-txt {
		margin-top: 10rem;
	}

	.list-txt>li {
		padding-left: 7rem;
		font-size: 12rem;
		margin-bottom: 6rem;
	}

	.list-txt>li:before {
		width: 2px;
		height: 2px;
		top: 5rem;
	}
}

/* 진료시간안내 */
.sub-box__tit {
	margin-bottom: 30rem;
}

.sub-box__tit h4 {
	display: block;
	font-size: 26rem;
	font-weight: bold;
	color: #222;
	line-height: 1em;
}

.chour-hour {
	margin-bottom: 80rem;
}

.hour-list {
	flex-wrap: wrap;
	gap: 25rem;
}

.hour-list>li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc((100% / 4) - 19rem);
	height: 150rem;
	background: #f3f3f3;
	border-radius: 20rem;
	box-sizing: border-box;
}

.hour-list>li>em {
	display: inline-block;
	margin-bottom: 15rem;
	font-size: 15rem;
	padding: 6rem 15rem;
	line-height: 1em;
	font-weight: 400;
	word-break: keep-all;
	background: var(--color-point);
	border-radius: 50rem;
	color: #fff;
}

.hour-list>li>.time {
	font-size: 28rem;
	font-weight: bold;
	color: #222;
	line-height: 1em;
}

.chour-hour .info {
	margin-top: 20rem;
	display: block;
	font-size: 15rem;
	font-weight: 300;
	color: #666;
	line-height: 1em;
}

.box-table {
	background-color: #fff;
	border-radius: 20rem;
	border: 1px solid #eee;
	overflow: hidden;
}

#content #schedule-table thead tr {}

#content #schedule-table.table thead th {
	background: rgba(240, 247, 252, 0.8);
	border-right: none;
}

#content #schedule-table.table tbody td {
	border-left: none;
	border-right: none;
}

#content #schedule-table.table tbody tr td[rowspan] {
	border-right: 1px solid #eee;
	background: #fff;
}

#content #schedule-table.table tbody tr:last-child td,
#content #schedule-table.table tbody tr:last-child th {
	border-bottom: none;
}

#content #schedule-table.table tbody td.td-left {
	text-align: left;
	border-right: 1px solid #eee;
}

#content #schedule-table.table tbody td .name-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5rem;
}

#content #schedule-table.table tbody td .name {
	display: flex;
	align-items: flex-end;
	gap: 5rem;
	font-weight: bold;
	color: #222;
	line-height: 1em;
	letter-spacing: -0.5px;
}

#content #schedule-table.table tbody td .name span {
	position: relative;
	top: 1px;
	font-size: 13rem;
	font-weight: 400;
	color: #999;
}

#content #schedule-table.table tbody td .name-wrap i {
	font-size: 13rem;
	font-weight: 400;
	color: #666;
	line-height: 1em;
}

#content #schedule-table.table .col-sun {
	color: #f43f5e;
}

#content #schedule-table.table .col-sat {
	color: var(--color-point);
}

#content #schedule-table.table .bg {
	background: rgb(248 250 252 / 1);
}

#content #schedule-table.table .bg h3 {
	position: relative;
	font-size: 18rem;
	color: var(--color-point02);
	padding-left: 24rem;
}

#content #schedule-table.table .bg h3:before {
	content: '';
	position: absolute;
	top: 4rem;
	left: 0;
	width: 20rem;
	height: 20rem;
	background: url(../img/content/ic-calendar.svg)no-repeat center;
	background-size: contain;
}

#content #schedule-table.table .bg td {
	font-weight: 600;
	color: #444;
	font-size: 18rem;
	padding: 12rem 15rem;
}

#content #schedule-table.table .bg td i {
	display: inline-block;
	margin-left: 3rem;
}

#content #schedule-table.table tbody tr:hover {
	background-color: rgba(248, 250, 252, 0.8);
}

[class^="badge-"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 50rem;
	height: 26rem;
	font-size: 14rem;
	border-radius: 6rem;
	letter-spacing: -0.2px;
	font-weight: 600;
	padding: 0 10rem;
	box-sizing: border-box;
	color: #fff;
	letter-spacing: -0.2px;
}

.badge-day {
	background-color: #007ec2;
}

.badge-night {
	background-color: #2e3f4b;
}

.badge-half {
	background-color: #f43f5e;
}

.badge-half br {
	display: none;
}

.badge-off {
	color: #94a3b8;
	border: 1px dashed #e2e8ed;
}

.badge-line {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 50rem;
	height: 26rem;
	font-size: 14rem;
	border-radius: 6rem;
	letter-spacing: -0.2px;
	font-weight: 600;
	padding: 0 10rem;
	box-sizing: border-box;
	color: #fff;
	letter-spacing: -0.2px;
}

.badge-line.kr {
	color: #0f766e;
	border: 1px solid #d2f3ec;
	background: #f0fdfa;
}

.badge-line.ws {
	color: #4338ca;
	border: 1px solid #e0e7ff;
	background: #eef2ff;
}

@media (max-width:1024px) {
	.sub-box__tit {
		margin-bottom: 25rem;
	}

	.sub-box__tit h4 {
		font-size: 24rem;
	}

	.hour-list {
		gap: 20rem;
	}

	.hour-list>li>em {
		font-size: 14rem;
		padding: 5rem 12rem;
	}

	.hour-list>li>.time {
		font-size: 24rem;
	}
}

@media (max-width:768px) {
	.sub-box__tit {
		margin-bottom: 20rem;
	}

	.sub-box__tit h4 {
		font-size: 22rem;
	}

	.hour-list>li {
		width: calc((100% / 2) - 10rem);
	}

	#content #schedule-table.table .bg td {
		padding: 10rem;
		font-size: 14rem;
		line-height: 1.2em;
	}

	#content #schedule-table.table .bg td i {
		display: block;
		margin-left: 0;
	}

	#content #schedule-table.table .bg h3:before {
		top: 0;
	}

	[class^="badge-"] {
		min-width: 31rem;
		height: 23rem;
		font-size: 12rem;
		padding: 0 8rem;
	}

	#content #schedule-table.table tbody td .name {
		gap: 2rem;
		flex-direction: column;
		align-items: flex-start;
	}

	.badge-line {
		padding: 0 5rem;
	}

	.badge-half {
		line-height: 1em;
		height: 35rem !important;
	}

	.badge-half br {
		display: block;
	}

}

@media (max-width:620px) {
	#content .scrollTable {
		overflow: auto;
	}

	#content .scrollTable::-webkit-scrollbar {
		width: 4rem;
		height: 4rem;
	}

	#content .scrollTable .table {
		width: 650rem;
	}

	#content .mob_info {
		display: block;
		margin: 0 0 5rem;
		font-size: 11rem;
	}

	#content .mob_info span.en {
		display: none;
	}
}

@media (max-width:480px) {
	.sub-box__tit {
		margin-bottom: 10rem;
	}

	.sub-box__tit h4 {
		font-size: 14rem;
	}

	.chour-hour {
		margin-bottom: 30rem;
	}

	.hour-list {
		gap: 10rem;
	}

	.hour-list>li {
		width: calc((100% / 2) - 5rem);
		height: 94rem;
		border-radius: 10rem;
	}

	.hour-list>li>em {
		font-size: 10rem;
		padding: 3rem 7rem;
		margin-bottom: 8rem;
	}

	.hour-list>li>.time {
		font-size: 16rem;
	}

	.chour-hour .info {
		margin-top: 10rem;
		font-size: 10rem;
	}

	.box-table {
		border-radius: 8rem;
	}

	#content .scrollTable .table {
		width: 440rem;
	}

	#content #schedule-table.table .bg td {
		padding: 6rem 5rem;
		font-size: 10rem;
	}

	[class^="badge-"] {
		min-width: auto;
		height: 18rem;
		font-size: 9rem;
		padding: 0 5rem;
		border-radius: 3rem;
	}

	#content #schedule-table.table tbody td .name span {
		font-size: 9rem;
	}

	#content #schedule-table.table tbody td .name-wrap i {
		font-size: 10rem;
		word-break: keep-all;
	}

	.badge-line {
		padding: 0 2rem !important;
	}

	.badge-half {
		height: 26rem !important;
	}

	#content #schedule-table.table .bg h3 {
		font-size: 11rem;
		padding-left: 17rem;
	}

	#content #schedule-table.table .bg h3:before {
		top: 1rem;
		width: 13rem;
		height: 13rem;
	}

}

/* 제증명 및 비급여안내 */
.tabs {
	gap: 14rem;
	margin: 0 0 45rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.tabs>li {
	padding: 17rem 10rem;
	background: #eee;
	box-sizing: border-box;
	border-radius: 7rem;
	font-size: 18rem;
	width: calc((100% / 5) - 11.5rem);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #666;
	font-weight: 500;
	word-break: break-word;
	text-align: center;
	cursor: pointer;
}

.tabs.col04>li {
	width: calc((100% / 4) - 10.5rem);
}

.tabs>li>a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.tabs>li>a>span {
	position: relative;
	top: -2rem;
	font-size: 19rem;
	font-weight: 700;
	color: #c2c1c1;
}

.tabs>li i {
	display: inline-block;
	margin-left: 8rem;
	padding: 4rem 12rem;
	border-radius: 50rem;
	line-height: 1em;
	background: #8e8e8e;
	font-size: 15rem;
	box-sizing: border-box;
	color: #fff;
}

.tabs>li.active {
	background: var(--color-point);
	font-weight: 600;
}

.tabs>li.active {
	color: #fff;
}

.tabs>li.active i {
	background: #fff;
	color: var(--color-point);
	font-weight: bold;
}

.box-notice {
	display: block;
	margin-bottom: 50rem;
	background-color: #f0f7ff;
	border: 1px solid #dbeafe;
	padding: 30rem;
	border-radius: 15rem;
	box-shadow: 0 4rem 20rem rgba(37, 99, 235, 0.04);
	box-sizing: border-box;
}

.box-notice em {
	display: inline-flex;
	align-items: center;
	margin-bottom: 16rem;
	padding: 6rem 14rem;
	font-style: normal;
	font-size: 12rem;
	font-weight: 700;
	color: #ffffff;
	background: var(--color-point);
	border-radius: 100rem;
	letter-spacing: 0.5px;
	box-shadow: 0 2rem 8rem rgba(37, 99, 235, 0.25);
}

.box-notice h3 {
	display: block;
	color: #1e293b;
	font-size: 21rem;
	font-weight: 700;
	letter-spacing: -0.3px;
}

.box-notice [data-list] {
	margin: 13rem 0 15rem;
}

.box-notice [data-list]>*::before {
	background: var(--color-point);
}

.box-notice [data-list]>li {
	margin-bottom: 7rem;
	padding-left: 12rem;
}

.box-notice [data-list]>li:last-child {
	margin-bottom: 0;
}

.box-notice [data-list]>li>span {
	font-size: 16rem;
	color: var(--color-point);
	line-height: 1em;
	word-break: keep-all;
	font-weight: 500;
}

.box-notice .info {
	font-size: 15rem;
	color: #64748b;
	line-height: 1.5;
	padding-top: 16rem;
	border-top: 1px dashed #dbeafe;
	word-break: keep-all;
}

.area-table {
	margin-bottom: 50rem;
}

.area-table:last-child {
	margin: 0;
}

.table-tit {
	position: relative;
	margin-bottom: 25rem;
}

.table-tit h4 {
	display: block;
	font-size: 24rem;
	font-weight: bold;
	color: #222;
	line-height: 1em;
}

.table-tit .unit {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 14rem;
	color: #666;
	line-height: 1em;
}

.fees-page [data-list="dot"]>li {
	margin-bottom: 10rem;
	line-height: 1em;
}

.changs-note {
	display: block;
	margin-top: 20rem;
	background-color: #f3f3f3;
	padding: 30rem;
	border-radius: 15rem;
	box-sizing: border-box;
}

.changs-note h3 {
	display: block;
	margin-bottom: 7rem;
	color: #1e293b;
	font-size: 17rem;
	font-weight: 700;
	letter-spacing: -0.3px;
}

.fees-page .changs-note [data-list="dot"]>li {
	font-size: 15rem;
	color: #555;
}

.changs-note {
	display: block;
	padding: 25rem;
	background-color: #fffbeb;
	border: 1px solid #fef3c7;
	border-radius: 16rem;
	box-shadow: 0 4rem 20rem rgba(245, 158, 11, 0.05);
	box-sizing: border-box;
}

.changs-note h3 {
	display: flex;
	align-items: center;
	gap: 8rem;
	font-size: 18rem;
	font-weight: 700;
	color: #1e293b;
	line-height: 1.4;
	margin: 0 0 16rem 0;
	letter-spacing: -0.3px;
}

.changs-note h3::before {
	content: "!";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22rem;
	height: 22rem;
	background-color: #f59e0b;
	color: #ffffff;
	font-size: 13rem;
	font-weight: 800;
	border-radius: 50%;
}

.changs-note [data-list="dot"]>li {
	position: relative;
	padding-left: 10rem;
	font-size: 15rem;
	line-height: 1.2;
	word-break: keep-all;
}

.changs-note [data-list="dot"]>li:last-child {
	margin: 0;
}

.changs-note [data-list="dot"]>li::before {
	background-color: #f59e0b;
}

.changs-note [data-list="dot"]>li strong {
	color: #d97706;
	font-weight: 700;
}

.changs-note.flex-center {
	display: flex;
	text-align: center;
	flex-direction: column;
	align-items: center;
}

.changs-note.flex-center h3 {
	margin-bottom: 10rem;
}

.changs-note p {
	font-size: 16rem;
	color: #555;
	line-height: 1.4;
	word-break: keep-all;
}

.bottom-notice {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16rem;
	margin-top: 40rem;
	padding: 30rem 24rem;
	background-color: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 16rem;
	text-align: center;
	box-sizing: border-box;
}

.bottom-notice p {
	margin: 0;
	font-size: 16rem;
	font-weight: 500;
	color: #475569;
	line-height: 1.6;
	word-break: keep-all;
}

.bottom-notice .tel-info {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8rem;
	padding: 10rem 24rem;
	background-color: var(--color-point);
	border-radius: 100rem;
	font-size: 20rem;
	font-weight: 600;
	color: #fff;
	box-shadow: 0 2rem 8rem rgba(37, 99, 235, 0.25);
	letter-spacing: -0.2px;
}

.bottom-notice .tel-info span {
	display: inline-block;
	width: 18rem;
	height: 18rem;
	background-color: #fff;
	/* Modern CSS Mask를 활용한 전화기 아이콘 */
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2a1.003 1.003 0 011.02-.24c1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2a1.003 1.003 0 011.02-.24c1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.bottom-notice .tel-info a {
	color: #fff;
}

@media (max-width:1024px) {
	.tabs {
		gap: 10rem;
	}

	.tabs>li {
		width: calc((100% / 3) - 7rem);
		font-size: 17rem;
	}
}

@media (max-width:768px) {
	.tabs {
		gap: 10rem;
	}

	.tabs>li {
		padding: 16rem 10rem;
		font-size: 16rem;
		border-radius: 6rem;
	}

	.tabs.col04>li {
		width: calc((100% / 2) - 5rem);
	}

	.box-notice {
		padding: 25rem;
	}

	.table-tit {
		margin-bottom: 20rem;
	}

	.table-tit h4 {
		font-size: 20rem;
	}
}

@media (max-width:620px) {
	.tabs {
		margin: 0 0 30rem;
	}

	.tabs>li {
		padding: 13rem 5rem;
		font-size: 15rem;
	}

	.box-notice {
		padding: 20rem;
		border-radius: 12rem;
		margin-bottom: 30rem;
	}

	.box-notice em {
		font-size: 11rem;
	}

	.box-notice [data-list]>li>span {
		font-size: 15rem;
	}

	.box-notice .info {
		font-size: 14rem;
	}

	.changs-note {
		padding: 20rem;
		border-radius: 12rem;
	}

	.changs-note h3 {
		font-size: 16rem;
		gap: 6rem;
		margin-bottom: 10rem;
	}

	.changs-note h3::before {
		width: 18rem;
		height: 18rem;
		font-size: 11rem;
	}
}

@media (max-width:480px) {
	.tabs {
		gap: 5rem;
		margin-bottom: 20rem;
	}

	.tabs>li {
		padding: 7rem 10rem;
		font-size: 11rem;
		width: auto;
		border-radius: 5rem;
	}

	.tabs>li i {
		margin-left: 6rem;
		padding: 2rem 7rem;
		font-size: 11rem;
		line-height: 1.1em;
	}

	.area-table {
		margin-bottom: 20rem;
	}

	.box-notice {
		margin-bottom: 20rem;
	}

	.box-notice {
		padding: 10rem;
		border-radius: 8rem;
	}

	.box-notice em {
		padding: 4rem 10rem;
		font-size: 9rem;
		margin-bottom: 10rem;
	}

	.box-notice h3 {
		font-size: 14rem;
	}

	.fees-page [data-list="dot"]>li {
		margin-bottom: 5rem;
		padding-left: 5rem;
		line-height: 1.2em;
	}

	[data-list="dot"]>*::before {
		top: 6rem;
		width: 2px;
		height: 2px;
	}

	.box-notice [data-list] {
		margin: 4rem 0 10rem;
	}

	.fees-page .box-notice [data-list="dot"]>li {
		margin: 0;
		padding-left: 6rem;
	}

	.fees-page .box-notice [data-list="dot"] *::before {
		top: 10.5rem;
	}

	.box-notice [data-list]>li>span {
		font-size: 11rem;
		line-height: 1.2em;
	}

	.box-notice .info {
		padding-top: 10rem;
		font-size: 11rem;
		line-height: 1.2em;
	}

	.table-tit {
		margin-bottom: 12rem;
	}

	.table-tit h4 {
		font-size: 13rem;
	}

	.table-tit .unit {
		font-size: 10rem;
	}

	.changs-note {
		margin-top: 10rem;
		padding: 10rem;
		border-radius: 8rem;
	}

	.changs-note h3 {
		margin-bottom: 7rem;
		font-size: 13rem;
		gap: 5rem;
	}

	.changs-note h3::before {
		width: 15rem;
		height: 15rem;
		font-size: 9rem;
	}

	.changs-note.flex-center h3 {
		margin-bottom: 6rem;
	}

	.changs-note.flex-center h3:before {
		top: -1px;
	}

	.changs-note p {
		font-size: 11rem;
	}

	.changs-note p br {
		display: none;
	}

	.fees-page .changs-note [data-list="dot"]>li {
		font-size: 11rem;
	}

	.bottom-notice {
		gap: 10rem;
		margin-top: 10rem;
		padding: 15rem 20rem;
		border-radius: 8rem;
	}

	.bottom-notice p {
		font-size: 12rem;
		line-height: 1.4em;
	}

	.bottom-notice .tel-info {
		gap: 5rem;
		padding: 7rem 15rem;
		font-size: 14rem;
	}

	.bottom-notice .tel-info span {
		width: 14rem;
		height: 14rem;
	}


}


/* 진료기기&장비안내 */
.equipment-top {
	position: relative;
	z-index: 1;
	padding: 80rem 0 100rem !important;
	box-sizing: border-box;
	background: linear-gradient(135deg, #007ec2 0%, #0a1724 100%);
	margin: 0 60rem 100rem;
	border-radius: 20rem;
}

.equipment-top [data-flex] {
	justify-content: space-between;
	align-items: center;
}

.equipment-top .img {
	width: 600rem;
	height: auto;
	border-radius: 65rem 0 65rem 0;
	box-sizing: border-box;
	overflow: hidden;
}

.equipment-top .img img {
	width: 100%;
	height: 100%;
}

.equipment-top .txt {
	width: calc(100% - 700rem);
}

.equipment-top .txt em {
	display: inline-block;
	margin-bottom: 21rem;
	font-size: 20rem;
	font-weight: 600;
	color: #fff;
}

.equipment-top .txt h3 {
	display: block;
	font-size: 38rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.4em;
	word-break: keep-all;
}

.equipment-top .txt p {
	display: block;
	margin-top: 22rem;
	font-size: 19rem;
	font-weight: 300;
	color: #fff;
	line-height: 1.6em;
	word-break: keep-all;
	opacity: 0.8;
}

.equipment-bottom {
	padding-bottom: 0 !important;
}

.equipment-list {
	gap: 80rem;
	flex-wrap: wrap;
}

.equipment-list>div {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 50rem;
	padding-bottom: 80rem;
	border-bottom: 1px dashed #e9e9e9;
	box-sizing: border-box;
}

.equipment-list>div:last-child {
	border-bottom: 0;
	padding: 0;
	margin: 0;
}

.equipment-list>div .img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 520rem;
	height: 372rem;
	background: #f6f6f6;
	box-sizing: border-box;
	border-radius: 20rem;
}

.equipment-list>div .img img {
	width: 90%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.equipment-list>div .img:hover img {
	transform: scale(1.03);
}

.equipment-list>div .txt {
	width: calc(100% - 570rem);
}

.equipment-list>div .txt>em {
	display: inline-flex;
	align-items: center;
	margin-bottom: 20rem;
	padding: 5rem 14rem;
	font-style: normal;
	font-size: 15rem;
	font-weight: 600;
	color: var(--color-point);
	background: #f0f7ff;
	border-radius: 100rem;
	letter-spacing: -0.5px;
}

.equipment-list>div .txt>h3 {
	display: block;
	font-size: 30rem;
	font-weight: bold;
	color: #111;
	line-height: 1em;
	font-family: var(--font-kr);
}

.equipment-list>div .txt>p {
	display: block;
	margin-top: 20rem;
	font-size: 19rem;
	font-weight: 300;
	color: #333;
	line-height: 1.5em;
	word-break: keep-all;
}

.equipment-list .info-wrap {
	display: block;
	margin-top: 20rem;
	padding: 20rem 15rem;
	background-color: #f8fafc;
	border: 1px solid #ecf0f3;
	box-sizing: border-box;
	border-radius: 10rem;
}

.equipment-list .info-wrap [data-list="check"]>li {
	margin-bottom: 10rem;
}

.equipment-list .info-wrap [data-list="check"]>li:last-child {
	margin: 0;
}

.equipment-list .info-wrap [data-list="check"]>li>span {
	font-size: 17rem;
	color: #334155;
}

.infinite-text {
	position: absolute;
	bottom: -14rem;
	width: 100%;
	height: 100rem;
	display: flex;
	overflow: hidden;
	z-index: -1;
}

.infinite-text__list {
	display: flex;
	align-items: center;
	height: 100%;
	white-space: nowrap;
	animation: flow1 170s linear infinite forwards;
}

.infinite-text__list.clone {
	margin-left: -20rem;
	animation: flow2 170s linear infinite;
}

.infinite-text__list>li {
	position: relative;
	font-size: 90rem;
	color: rgb(255 255 255 / 3%);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
	padding: 0 40rem;
	font-family: "Quicksand", sans-serif;
}

.infinite-text__list>li:before {
	content: '';
	position: absolute;
	top: 40rem;
	right: -7rem;
	width: 14rem;
	height: 14rem;
	background: rgb(255 255 255 / 3%);
	border-radius: 50rem;
}

@keyframes flow1 {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	50.01% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes flow2 {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(-200%);
		transform: translateX(-200%);
	}
}

@media (max-width:1700px) {
	.equipment-top {
		margin: 0 40rem 100rem;
	}
}

@media (max-width:1300px) {
	.equipment-top {
		margin: 0 20rem 100rem;
	}

	.equipment-top [data-flex] {
		justify-content: center;
	}

	.equipment-top .img {
		width: 45%;
	}

	.equipment-top .txt {
		width: auto;
		margin-right: 5%;
	}

	.equipment-top .txt em {
		margin-bottom: 18rem;
	}

	.equipment-top .txt h3 {
		font-size: 34rem;
	}

	.equipment-top .txt p {
		margin-top: 18rem;
		font-size: 18rem;
	}

	.infinite-text {
		height: 80rem;
		bottom: -3rem;
	}

	.infinite-text__list>li {
		font-size: 80rem;
	}

	.equipment-list>div .img {
		width: 450rem;
		height: 350rem;
	}

	.equipment-list>div .txt {
		width: calc(100% - 500rem);
	}
}

@media (max-width:1024px) {
	.equipment-top {
		padding: 60rem 0 80rem !important;
		margin: 0 20rem 70rem;
	}

	.equipment-top .img {
		border-radius: 45rem 0 45rem 0;
	}

	.equipment-top .txt em {
		font-size: 17rem;
		margin-bottom: 17rem;
	}

	.equipment-top .txt h3 {
		font-size: 28rem;
	}

	.equipment-top .txt p {
		margin-top: 15rem;
		font-size: 16rem;
	}

	.infinite-text {
		height: 65rem;
	}

	.infinite-text__list>li {
		font-size: 63rem;
		padding: 0 25rem;
	}

	.infinite-text__list>li:before {
		width: 10rem;
		height: 10rem;
		top: 27rem;
	}

	.equipment-list {
		gap: 60rem;
	}

	.equipment-list>div {
		gap: 30rem;
		padding-bottom: 60rem;
	}

	.equipment-list>div .img {
		width: 350rem;
		height: 100%;
	}

	.equipment-list>div .txt {
		width: calc(100% - 380rem);
	}

	.equipment-list>div .txt>em {
		font-size: 14rem;
		margin-bottom: 15rem;
	}

	.equipment-list>div .txt>h3 {
		font-size: 27rem;
	}

	.equipment-list>div .txt>p {
		font-size: 17rem;
		margin-top: 15rem;
	}

	.equipment-list .info-wrap {
		margin-top: 15rem;
		padding: 15rem 12rem;
	}

	.equipment-list .info-wrap [data-list="check"]>li {
		margin-bottom: 8rem;
	}

	.equipment-list .info-wrap [data-list="check"]>li>span {
		font-size: 16rem;
	}
}

@media (max-width:768px) {
	.equipment-top {
		border-radius: 15rem;
		padding: 60rem 0 70rem !important;
	}

	.equipment-top [data-flex] {
		flex-direction: column-reverse;
	}

	.equipment-top .img {
		width: 80%;
		border-radius: 35rem 0 35rem 0;
	}

	.equipment-top .txt {
		width: 100%;
		margin: 30rem 0 0;
		text-align: center;
	}

	.equipment-top .txt em {
		font-size: 16rem;
		margin-bottom: 12rem;
	}

	.equipment-top .txt h3 {
		font-size: 26rem;
		line-height: 1.3em;
	}

	.equipment-top .txt p {
		margin-top: 12rem;
		font-size: 15rem;
	}

	.infinite-text {
		height: 55rem;
	}

	.infinite-text__list>li {
		font-size: 55rem;
		padding: 0 20rem;
	}

	.equipment-list {
		gap: 40rem;
	}

	.equipment-list>div {
		gap: 20rem;
		padding-bottom: 40rem;
	}

	.equipment-list>div .img {
		width: 300rem;
		border-radius: 15rem
	}

	.equipment-list>div .txt {
		width: calc(100% - 320rem);
	}

	.equipment-list>div .txt>em {
		font-size: 13rem;
		margin-bottom: 12rem;
	}

	.equipment-list>div .txt>h3 {
		font-size: 23rem;
	}

	.equipment-list>div .txt>p {
		font-size: 16rem;
		margin-top: 10rem;
		line-height: 1.4em;
	}

	.equipment-list .info-wrap {
		margin-top: 10rem;
		padding: 15rem 10rem;
	}

	.equipment-list .info-wrap [data-list="check"]>li {
		margin-bottom: 6rem;
	}

	.equipment-list .info-wrap [data-list="check"]>li>span {
		font-size: 15rem;
	}
}

@media (max-width:620px) {
	.equipment-top {
		margin: 0 20rem 30rem;
	}

	.equipment-list>div {
		flex-direction: column;
	}

	.equipment-list>div .img {
		width: 100%;
		height: 300rem;
	}

	.equipment-list>div .img img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.equipment-list>div .txt {
		width: 100%;
	}
}

@media (max-width:480px) {
	.equipment-top {
		border-radius: 10rem;
		margin: 0 10rem 20rem;
		padding: 25rem 0 30rem !important;
	}

	.equipment-top .img {
		width: 90%;
		border-radius: 20rem 0 20rem 0;
	}

	.equipment-top .txt {
		margin: 10rem 0 0;
	}

	.equipment-top .txt em {
		font-size: 11rem;
		margin-bottom: 7rem;
	}

	.equipment-top .txt h3 {
		font-size: 16rem;
		line-height: 1.3em;
	}

	.equipment-top .txt p {
		margin-top: 7rem;
		font-size: 11rem;
		line-height: 1.5em;
	}

	.infinite-text {
		height: 30rem;
	}

	.infinite-text__list>li {
		font-size: 30rem;
		padding: 0 10rem;
	}

	.infinite-text__list>li:before {
		width: 5rem;
		height: 5rem;
		top: 13rem;
	}

	.equipment-list {
		gap: 20rem;
	}

	.equipment-list>div {
		gap: 15rem;
		padding-bottom: 20rem;
	}

	.equipment-list>div .img {
		height: auto;
		border-radius: 10rem;
	}

	.equipment-list>div .txt>em {
		font-size: 10rem;
		margin-bottom: 10rem;
		padding: 4rem 9rem;
	}

	.equipment-list>div .txt>h3 {
		font-size: 16rem;
	}

	.equipment-list>div .txt>p {
		margin-top: 7rem;
		font-size: 12rem;
	}

	.equipment-list .info-wrap {
		padding: 10rem 5rem;
		border-radius: 6rem;
	}

	.equipment-list .info-wrap [data-list="check"]>li {
		margin-bottom: 5rem;
		padding-left: 20rem;
	}

	.equipment-list .info-wrap [data-list="check"]>li::before {
		width: 14rem;
		height: 14rem;
	}

	.equipment-list .info-wrap [data-list="check"]>li::after {
		top: 3rem;
		left: 7rem;
		width: 5rem;
		height: 6rem;
	}

	.equipment-list .info-wrap [data-list="check"]>li>span {
		font-size: 11rem;
	}
}

/* 병원둘러보기 */
.facility-box {
	margin-bottom: 100rem;
}

.facility-box:last-child {
	margin: 0;
}

.facility-list {
	flex-wrap: wrap;
	gap: 50rem 40rem;
}

.facility-item {
	position: relative;
	width: calc((100% / 3) - 27rem);
}

[data-flex="4"] .facility-item {
	width: calc((100% / 4) - 30rem);
}

.facility-item .img {
	position: relative;
	width: 100%;
	height: auto;
	background: #eee;
	border-radius: 16rem;
	box-sizing: border-box;
	overflow: hidden;
}

.facility-item .img img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.3s ease;
}

.facility-item .txt {
	display: block;
	margin-top: 17rem;
	font-size: 22rem;
	font-weight: 600;
	color: #222;
	line-height: 1em;
	font-family: var(--font-kr);
	letter-spacing: -0.2px;
}

.facility-item .hover-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 126 194 / 80%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #fff;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 2;
}

.facility-item .hover-overlay .arrow {
	transition: transform 0.3s ease;
	font-size: 17rem;
	width: 45rem;
	height: 45rem;
	color: var(--color-point);
	border-radius: 50rem;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	margin: 0px 0px 4rem;
}

.facility-item .hover-overlay .text {
	font-size: 15rem;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.facility-item {
	cursor: pointer;
	transition: transform 0.2s ease;
}

.facility-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

.facility-modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.65);
	backdrop-filter: blur(2px);
}

.facility-modal-content {
	position: relative;
	z-index: 10;
	width: 90%;
	max-width: 840rem;
	border-radius: 20rem;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	animation: modalFadeIn 0.25s ease-out;
}

.modal-header {
	padding: 20rem 24rem 15rem;
	display: flex;
	align-items: center;
	gap: 10rem;
	background: #fff;
	border-radius: 20rem 20rem 0 0;
}

.modal-badge {
	background-color: #e6f7f5;
	color: #12b8a6;
	font-size: 13px;
	font-weight: 700;
	padding: 3rem 10rem;
	border-radius: 12rem;
}

.modal-title {
	margin: 0;
	font-size: 20rem;
	font-weight: 700;
	color: #111;
}

.modal-close-btn {
	position: absolute;
	top: 12rem;
	right: 20rem;
	background: none;
	border: none;
	font-size: 37rem;
	color: #666;
	cursor: pointer;
	z-index: 12;
	line-height: 1;
	font-weight: 300;
}

.modal-close-btn:hover {
	color: #000;
}

.modal-body {
	position: relative;
	width: 100%;
	/* background: #f8f9fa; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-img-wrap {
	width: 100%;
	max-height: 70vh;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 0 0 20rem 20rem;
	overflow: hidden;
}

.modal-img-wrap img {
	width: 100%;
	height: auto;
	max-height: 70vh;
	object-fit: contain;
	display: block;
}

.modal-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.1);
	color: #fff;
	border: none;
	margin-top: -25rem;
	width: 50rem;
	height: 50rem;
	border-radius: 50%;
	font-size: 18rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s;
	z-index: 11;
}

.modal-nav:before {
	content: '';
	width: 9rem;
	height: 16rem;
	background: url(../img/main/ic-slide-arr-wt.svg) no-repeat center;
	background-size: auto 16rem;
	transition: all .25s;
}

.modal-nav:hover {
	background: var(--color-point);
}

.prev-btn {
	left: 15rem;
	transform: translateY(-50%) rotate(-180deg);
}

.next-btn {
	right: 15rem;
}

@keyframes modalFadeIn {
	from {
		opacity: 0;
		transform: translateY(10px) scale(0.98);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (max-width:1300px) {
	.facility-list {
		gap: 40rem 30rem;
	}

	[data-flex="4"] .facility-item {
		width: calc((100% / 4) - 22.5rem);
	}

	.facility-item {
		width: calc((100% / 3) - 20rem);
	}

	.facility-item .txt {
		font-size: 21rem;
	}
}

@media (min-width:1025px) {
	.facility-item:hover .hover-overlay {
		opacity: 1;
	}

	.facility-item:hover .img img {
		transform: scale(1.05);
	}
}

@media (max-width:1024px) {
	.facility-list {
		gap: 30rem 20rem;
	}

	[data-flex="4"] .facility-item {
		width: calc((100% / 3) - 13.5rem);
	}

	.facility-item .txt {
		font-size: 20rem;
	}
}

@media (max-width:768px) {
	.facility-box {
		margin-bottom: 50rem;
	}

	.facility-list {
		gap: 25rem 20rem;
	}

	[data-flex="4"] .facility-item {
		width: calc((100% / 2) - 10rem);
	}

	.facility-item {
		width: calc((100% / 2) - 10rem);
	}

	.facility-item .txt {
		margin-top: 15rem;
		font-size: 19rem;
	}

	.modal-header {
		padding: 15rem;
		border-radius: 15rem 15rem 0 0;
	}

	.modal-title {
		font-size: 18rem;
	}

	.modal-img-wrap {
		border-radius: 0 0 15rem 15rem;
	}

	.modal-nav {
		width: 40rem;
		height: 40rem;
		margin-top: -20rem;
	}

	.modal-nav:before {
		height: 12rem;
		background-size: auto 12rem;
	}

	.modal-close-btn {
		top: 8rem;
		right: 15rem;
	}
}

@media (max-width:480px) {
	.facility-box {
		margin-bottom: 30rem;
	}

	.facility-list {
		gap: 15rem 10rem;
	}

	[data-flex="4"] .facility-item {
		width: calc((100% / 2) - 5rem);
	}

	.facility-item {
		width: calc((100% / 2) - 5rem);
	}

	.facility-item .img {
		border-radius: 8rem;
	}

	.facility-item .txt {
		margin-top: 10rem;
		font-size: 13rem;
	}

	.modal-header {
		padding: 10rem;
		border-radius: 10rem 10rem 0 0;
	}

	.modal-title {
		font-size: 14rem;
	}

	.modal-img-wrap {
		border-radius: 0 0 10rem 10rem;
	}

	.modal-nav {
		width: 30rem;
		height: 30rem;
		margin-top: -15rem;
	}

	.modal-nav:before {
		height: 8rem;
		background-size: auto 8rem;
	}

	.prev-btn {
		left: 8rem;
	}

	.next-btn {
		right: 8rem;
	}

	.modal-close-btn {
		right: 10rem;
		top: 7rem;
		font-size: 25rem;
	}
}

/* 찾아오시는 길 */
.location-map {
	gap: 80rem;
	align-items: center;
	margin-bottom: 100rem;
}

.location-map .txt {
	width: calc(100% - 780rem);
}

.location-map .txt h3 {
	display: block;
	font-size: 34rem;
	font-weight: bold;
	color: #222;
	line-height: 1.3em;
	word-break: keep-all;
	margin-bottom: 40rem;
}

.location-map .txt .txt-wrap {
	margin-bottom: 40rem;
}

.location-map .txt .txt-wrap h4 {
	display: block;
	font-size: 23rem;
	margin-bottom: 20rem;
	color: #222;
	line-height: 1em;
}

.location-map .txt .txt-wrap p {
	display: block;
	font-size: 17rem;
	margin-bottom: 10rem;
	color: #555;
}

.time-list {}

.time-list>li {
	display: flex;
	font-size: 17rem;
	margin-bottom: 10rem;
	color: #555;
}

.time-list>li:last-child {
	margin: 0;
}

.time-list>li em {
	width: 90rem;
	font-weight: 600;
	color: #222;
}

.location-map .btn-list {
	display: flex;
	gap: 10rem;
}

.location-map .btn-list>div {
	width: 200rem;
	height: 52rem;
}

.location-map .btn-list>div a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 10rem;
	transition: all 0.3s ease;
}

.location-map .btn-list>div a span {
	position: relative;
	padding-left: 34rem;
	font-size: 17rem;
	font-weight: 600;
	color: #1A1616;
}

.location-map .btn-list>div a span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 25rem;
	height: 25rem;
	transition: all 0.3s ease;
}

.location-map .btn-list>div.kakao a span:before {
	top: -1px;
	background: url(../img/main/ic-kakao.svg)no-repeat center;
	background-size: contain;
}

.location-map .btn-list>div.kakao a {
	background: #F8E049;
}

.location-map .btn-list>div.blog a {
	background: #5DB534;
}

.location-map .btn-list>div.blog a span {
	color: #fff;
	;
}

.location-map .btn-list>div.blog a span:before {
	background: url(../img/common/ic-blog.svg)no-repeat center;
	background-size: contain;
}

.location-map .btn-list>div a:hover {
	background: var(--color-point);
}

.location-map .btn-list>div a:hover span {
	color: #fff;
}

.location-map .btn-list>div.kakao a:hover span:before {
	background: url(../img/common/ic-kakao-wt.svg)no-repeat center;
	background-size: contain;
}

.location-map .map {
	width: 700rem;
	height: 500rem;
}

.location-map .root_daum_roughmap .wrap_map {
	height: 500rem;
}

.wrap_controllers,
.location-map .cont {
	display: none;
}

.location-map .root_daum_roughmap_landing {
	border-radius: 30rem;
	box-sizing: border-box;
	border: 1px solid #eee;
}

.location-map .root_daum_roughmap_landing .border1,
.location-map .root_daum_roughmap_landing .border2,
.location-map .root_daum_roughmap_landing .border3,
.location-map .root_daum_roughmap_landing .border4 {
	display: none;
}

.route-list {}

.route-item {
	margin: 0 0 30rem;
}

.route-item:last-child {
	margin: 0;
}

.route-item>h3 {
	display: block;
	font-size: 23rem;
	margin-bottom: 15rem;
	color: #222;
	line-height: 1em;
}

.route-item .txt-wrap {
	margin: 0 0 20rem;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 20rem;
}

.route-item .txt-wrap:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.route-item p {
	/* display: flex; */
	font-size: 18rem;
	color: #555;
	flex-direction: column;
	align-items: flex-start;
}

.route-item p em {
	display: inline-block;
	padding: 5rem 10rem;
	font-size: 15rem;
	background: var(--color-point);
	border-radius: 6rem;
	line-height: 1em;
	margin: 0 7rem 0 0;
	color: #fff;
	position: to;
	position: relative;
	top: -1px;
	font-weight: 500;
}

.location-route {
	gap: 80rem;
	align-items: center;
	margin-bottom: 100rem;
}

.location-route .txt {
	width: calc(100% - 780rem);
}

.location-route .img {
	width: 700rem;
	border-radius: 30rem;
	box-sizing: border-box;
	overflow: hidden;
}

.location-route .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.transport-list {
	margin-top: 12rem;
}

.transport-list>li {
	position: relative;
	display: flex;
	font-size: 17rem;
	margin-bottom: 5rem;
	color: #555;
	padding-left: 14rem;
}

.transport-list>li:last-child {
	margin: 0;
}

.transport-list>li:before {
	content: '';
	position: absolute;
	top: 7rem;
	left: 0;
	width: 6rem;
	height: 6rem;
	background: #eee;
	border-radius: 50rem;
}

.transport-list>li.green:before {
	background: #66c42d;
}

.transport-list>li.blue:before {
	background: #2c34cd;
}

.transport-list>li.red:before {
	background: #ff0000;
}

.transport-list>li em {
	width: 40rem;
	font-weight: 600;
	color: #222;
}

.location-page .changs-note [data-list="dot"]>li {
	font-size: 16rem;
	margin-bottom: 6rem;
}

.location-page .changs-note [data-list="dot"]>li:last-child {
	margin: 0;
}

@media (max-width:1300px) {
	.location-map {
		gap: 0;
	}

	.location-map .txt {
		width: 45%;
		margin-right: 5%;
	}

	.location-map .map {
		width: 50%;
	}

	.location-route {
		gap: 0;
	}

	.location-route .img {
		width: 50%;
		height: 500rem;
	}

	.location-route .txt {
		width: 45%;
		margin-left: 5%;
	}
}

@media (max-width:1024px) {
	.location-map {
		margin-bottom: 70rem;
	}

	.location-map .map,
	.location-map .root_daum_roughmap .wrap_map {
		height: 450rem;
	}

	.location-map .root_daum_roughmap_landing {
		border-radius: 20rem;
	}

	.location-map .txt h3 {
		font-size: 26rem;
		margin-bottom: 30rem;
	}

	.location-map .txt .txt-wrap h4 {
		font-size: 21rem;
	}

	.time-list>li {
		font-size: 16rem;
	}

	.location-map .txt .txt-wrap {
		margin-bottom: 30rem;
	}

	.location-map .txt .txt-wrap h4 {
		margin-bottom: 15rem;
	}

	.location-map .txt .txt-wrap p {
		font-size: 16rem;
	}

	.location-map .btn-list>div {
		width: 180rem;
		height: 48rem;
	}

	.location-map .btn-list>div a span {
		font-size: 16rem;
		padding-left: 30rem;
	}

	.location-map .btn-list>div a span:before {
		width: 22rem;
		height: 22rem;
	}

	.route-item .txt-wrap {
		margin: 0 0 15rem;
		padding-bottom: 15rem;
	}

	.location-route .img {
		border-radius: 20rem;
	}

	.route-item>h3 {
		font-size: 21rem;
	}

	.route-item p {
		display: flex;
		font-size: 17rem;
	}

	.route-item p em {
		margin: 0 0 7rem;
	}

	.transport-list>li {
		font-size: 16rem;
	}
}

@media (max-width:768px) {
	.location-map {
		flex-direction: column-reverse;
		margin-bottom: 60rem;
	}

	.location-map .map {
		width: 100%;
	}

	.location-map .map,
	.location-map .root_daum_roughmap .wrap_map {
		height: 400rem;
	}

	.location-map .txt {
		width: 100%;
		margin-top: 40rem;
		margin-right: 0;
	}

	.location-map .txt h3 {
		margin-bottom: 25rem;
	}

	.location-map .txt h3 br {
		display: none;
	}

	.location-map .txt .txt-wrap h4 {
		font-size: 19rem;
	}

	.location-route {
		display: block;
		margin-bottom: 40rem;
	}

	.location-route .img {
		width: 100%;
		height: auto;
	}

	.location-route .txt {
		width: 100%;
		margin: 0;
		margin-top: 30rem;
	}

	.location-map .btn-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.location-map .btn-list>div {
		width: 100%;
	}

	.route-item>h3 {
		font-size: 19rem;
	}
}

@media (max-width:480px) {
	.location-map {
		margin-bottom: 30rem;
	}

	.location-map .map,
	.location-map .root_daum_roughmap .wrap_map {
		height: 220rem;
		border-radius: 10rem;
	}

	.location-map .root_daum_roughmap_landing {
		border-radius: 10rem;
	}

	.location-map .txt {
		margin-top: 20rem;
	}

	.location-map .txt h3 {
		font-size: 15rem;
		margin-bottom: 15rem;
	}

	.location-map .txt h3 br {
		display: block;
	}

	.location-map .txt .txt-wrap {
		margin-bottom: 15rem;
	}

	.location-map .txt .txt-wrap h4 {
		font-size: 13rem;
		margin-bottom: 7rem;
	}

	.time-list>li {
		font-size: 11rem;
		margin-bottom: 5rem;
	}

	.location-map .txt .txt-wrap p {
		font-size: 11rem;
	}

	.location-map .btn-list {
		gap: 6rem;
	}

	.location-map .btn-list>div {
		height: 35rem;
	}

	.location-map .btn-list>div a {
		border-radius: 5rem;
	}

	.location-map .btn-list>div a span {
		font-size: 12rem;
		padding-left: 21rem;
	}

	.location-map .btn-list>div a span:before {
		width: 15rem;
		height: 15rem;
	}

	.location-route {
		margin-bottom: 20rem;
	}

	.location-route .img {
		border-radius: 10rem;
	}

	.location-route .txt {
		margin-top: 20rem;
	}

	.route-item>h3 {
		font-size: 13rem;
		margin-bottom: 7rem;
	}

	.route-item p {
		font-size: 11rem;
	}

	.transport-list>li {
		font-size: 11rem;
	}

	.route-item {
		margin: 0 0 15rem;
	}

	.route-item p {
		display: block;
		font-size: 11rem;
	}

	.route-item p em {
		font-size: 10rem;
		padding: 4rem 7rem 3rem;
		border-radius: 4rem;
		margin: 0 5rem 0 0;
	}

	.route-item .txt-wrap {
		margin: 0 0 12rem;
		padding-bottom: 12rem;
	}

	.transport-list {
		margin-top: 7rem;
	}

	.transport-list>li {
		padding-left: 10rem;
		margin-bottom: 3rem;
	}

	.transport-list>li:before {
		width: 4rem;
		height: 4rem;
		top: 5rem;
	}

	.transport-list>li em {
		width: 27rem;
	}

	.location-page .changs-note [data-list="dot"]>li {
		font-size: 11rem;
		margin-bottom: 5rem;
	}
}

/* 통합암재활치료 */
.cancer-page {}

#content.clinic-page,
#content.pain-page,
#content.cancer-page,
#content.surgery-page,
#content.skin-page {
	padding-bottom: 0;
}

.clinic-page .cancer-intro,
.pain-page .cancer-intro,
.cancer-page .cancer-intro,
.surgery-page .cancer-intro,
.skin-page .cancer-intro {
	padding-top: 0 !important;
}

.cancer-intro .area-intro {
	gap: 80rem;
	align-items: center;
}

.cancer-intro .img {
	width: 600rem;
	height: 450rem;
	background: #eee;
	border-radius: 20rem;
	overflow: hidden;
}

.cancer-intro .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cancer-intro .txt {
	width: calc(100% - 680rem);
}

.txt-blue {
	color: var(--color-point);
}

.cancer-intro .txt h3 {
	display: block;
	margin-bottom: 15rem;
	font-size: 30rem;
	font-weight: 800;
	color: #222;
	line-height: 1.35em;
	word-break: keep-all;
}

.cancer-intro .txt p {
	display: block;
	margin-bottom: 14rem;
	font-size: 18rem;
	font-weight: 400;
	color: #555;
	line-height: 1.4em;
	text-align: justify;
	letter-spacing: -0.5px
}

.cancer-intro .txt p.bold {
	font-weight: bold;
	color: #2d2d2d;
}

.cancer-intro .txt p:last-child {
	margin: 0;
}

.cancer-intro .txt .tag-list {
	margin-top: 18rem;
}

.cancer-step {
	padding: 100rem 0;
	background: var(--color-point);
}

.cancer-step .title {
	text-align: center;
}

.area-step {
	position: relative;
}

.icon-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20rem;
}

.icon-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180rem;
	height: 180rem;
	margin: 0 auto;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, 0.11);
}

.icon-item img {
	width: 52%;
	object-fit: contain;
}

.line {
	position: absolute;
	left: 0;
	top: 56%;
	transform: translateY(-50%);
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	z-index: 10;
}

.line:before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 30px;
	background-color: rgba(0, 126, 193, 0.8);
	z-index: 10;
	transition: width 1.5s linear;
}

.line.moved:before {
	width: 0;
}

.dot-list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20rem;
	margin: -6rem 0;
	z-index: 5;
}

.dot-item {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dot-item .dot {
	width: 13rem;
	height: 13rem;
	border-radius: 100%;
	background-color: #fff;
}

.txt-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20rem;
	margin-top: 90rem;
	text-align: center;
}

.txt-list>* {
	color: #fff;
}

.txt-list em {
	display: inline-block;
	padding: 4rem 12rem;
	font-size: 14rem;
	line-height: 1em;
	background: #fff;
	color: var(--color-point);
	font-weight: 700;
	border-radius: 50rem;
}

.txt-list h3 {
	display: block;
	margin: 16rem 0 18rem;
	font-size: 26rem;
	line-height: 1em;
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.5px;
}

.txt-list p {
	display: block;
	padding: 0 10rem;
	font-size: 16rem;
	line-height: 1.5em;
	font-weight: 400;
	color: #fff;
	word-break: keep-all;
	box-sizing: border-box;
}

.cancer-programm {}

.cancer-programm .tabs {
	margin-bottom: 70rem;
}

.cprogramm-list {
	gap: 20rem;
}

.cprogramm-list>li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 300rem;
	border-radius: 20rem;
	background: #eee;
	padding: 40rem 40rem 35rem;
	box-sizing: border-box;
	transition: all 0.3s ease;
}

.cprogramm-list.v01>li:nth-child(1) {
	background: url(../img/content/cancer-programm0101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v01>li:nth-child(2) {
	background: url(../img/content/cancer-programm0102.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v01>li:nth-child(3) {
	background: url(../img/content/cancer-programm0103.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v01>li:nth-child(4) {
	background: url(../img/content/cancer-programm0104.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v02>li:nth-child(1) {
	background: url(../img/content/cancer-programm0201.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v02>li:nth-child(2) {
	background: url(../img/content/cancer-programm0202.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v02>li:nth-child(3) {
	background: url(../img/content/cancer-programm0203.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v02>li:nth-child(4) {
	background: url(../img/content/cancer-programm0204.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v03>li:nth-child(1) {
	background: url(../img/content/cancer-programm0301.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v03>li:nth-child(2) {
	background: url(../img/content/cancer-programm0302.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v03>li:nth-child(3) {
	background: url(../img/content/cancer-programm0303.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v03>li:nth-child(4) {
	background: url(../img/content/cancer-programm0304.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v04>li:nth-child(1) {
	background: url(../img/content/cancer-programm0401.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v04>li:nth-child(2) {
	background: url(../img/content/cancer-programm0402.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v04>li:nth-child(3) {
	background: url(../img/content/cancer-programm0103.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v04>li:nth-child(4) {
	background: url(../img/content/cancer-programm0404.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list>li>i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50rem;
	height: 43rem;
	border-radius: 10rem;
	background: var(--color-point);
	font-size: 23rem;
	font-weight: bold;
	color: #fff;
}

.cprogramm-list>li .txt {}

.cprogramm-list>li .txt>h3 {
	display: block;
	font-size: 27rem;
	font-weight: 600;
	color: #fff;
	line-height: 1em;
}

.cprogramm-list>li .txt>p {
	display: block;
	margin-top: 8rem;
	font-size: 18rem;
	font-weight: 300;
	color: #fff;
	line-height: 1.5em;
	word-break: keep-all;
}

.cancer-page .area-youtube {
	padding: 100rem 0;
}

.youtube-list {
	gap: 40rem;
}

.youtube-item {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 56.25%;
}

.cancer-page .area-youtube iframe {
	z-index: 1;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.surgery-page .cancer-step {
	background: #078dab;
}

.surgery-page .line:before {
	background-color: rgba(7, 141, 171, 0.8);
}

.surgery-page .txt-list em {
	color: #078dab;
}

.clinic-page .cancer-step {
	background: #0962ad;
}

.clinic-page .line:before {
	background-color: rgba(9, 98, 173, 0.8);
}

.clinic-page .txt-list em {
	color: #0962ad;
}

.pain-page .cancer-step {
	background: #0a9194;
}

.pain-page .line:before {
	background-color: rgba(10, 145, 148, 0.8);
}

.pain-page .txt-list em {
	color: #0a9194;
}

@media (max-width:1300px) {
	.cancer-intro .area-intro {
		gap: 0;
	}

	.cancer-intro .img {
		width: 50%;
	}

	.cancer-intro .txt {
		width: 45%;
		margin-left: 5%;
	}

	.youtube-list {
		gap: 30rem;
	}
}

@media (max-width:1024px) {
	.cancer-intro .img {
		border-radius: 20rem;
		height: 400rem;
	}

	.cancer-intro .txt h3 {
		font-size: 26rem;
	}

	.cancer-intro .txt p.bold {
		font-size: 17rem;
	}

	.cancer-intro .txt p {
		font-size: 16rem;
	}

	.cprogramm-list>li {
		padding: 25rem;
		height: 250rem;
	}

	.cprogramm-list>li>i {
		width: 45rem;
		height: 40rem;
		font-size: 18rem;
	}

	.cprogramm-list>li .txt>h3 {
		font-size: 23rem;
	}

	.cprogramm-list>li .txt>p {
		margin-top: 6rem;
		font-size: 16rem;
		line-height: 1.3em;
	}

	.icon-item {
		width: 150rem;
		height: 150rem;
	}

	.txt-list h3 {
		font-size: 22rem;
	}

	.line {
		top: 49%;
	}

	.youtube-list {
		gap: 20rem;
	}
}

@media (max-width:768px) {
	.cancer-intro .area-intro {
		flex-direction: column;
	}

	.cancer-intro .img {
		width: 100%;
		border-radius: 20rem;
		height: auto;
	}

	.cancer-intro .txt {
		margin-top: 30rem;
		width: 100%;
		margin-left: 0%;
	}

	.cancer-intro .txt h3 {
		font-size: 22rem;
	}

	.cancer-intro .txt p.bold {
		font-size: 16rem;
	}

	.cancer-intro .txt p {
		font-size: 15rem;
	}

	.cancer-programm .tabs {
		margin-bottom: 50rem;
	}

	.cprogramm-list>li {
		padding: 20rem;
		height: 206rem;
		border-radius: 15rem;
	}

	.cprogramm-list>li>i {
		width: 37rem;
		height: 35rem;
		font-size: 16rem;
	}

	.cprogramm-list>li .txt>h3 {
		font-size: 20rem;
	}

	.cprogramm-list>li .txt>p {
		font-size: 15rem;
	}

	.area-step .inr {
		display: flex;
		gap: 50rem;
		height: 100%;
	}

	.icon-list,
	.txt-list,
	.dot-list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		height: 100%;
		gap: 20rem;
	}

	.line {
		top: 0;
		left: 134rem;
		width: 0;
		height: 100%;
		transform: translate(-50%, -50%);
		border-right: 1px solid #fff;
		border-bottom: none;
	}

	.line:before {
		right: 50%;
		top: unset;
		bottom: -2.5%;
		width: 30px;
		height: 105%;
		transform: translateX(50%);
		transition: height 1.5s linear;
		transition-delay: 0.2s;
	}

	.line .inr {
		margin: 0 auto !important;
	}

	.line[data-ani="top"] {
		transform: translateY(0rem);
	}

	.dot-list {
		margin: 0 -5rem;
	}

	.dot-item {
		width: 10rem;
	}

	.dot-item .dot {
		width: 10rem;
		height: 10rem;
	}

	.icon-item {
		width: 80rem;
		height: 80rem;
	}

	.txt-item {
		text-align: left;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 80rem;
	}

	.txt-item .subject {
		display: flex;
		align-items: center;
		gap: 8rem;
		margin: 0 0 10rem;
	}

	.txt-list {
		margin: 0;
	}

	.txt-list em {
		padding: 5rem 10rem 4rem;
	}

	.txt-list h3 {
		font-size: 20rem;
		margin: 0;
	}

	.txt-list p {
		padding: 0;
		font-size: 15rem;
	}

	.cancer-page .area-youtube {
		padding: 70rem 0;
	}

}

@media (max-width:620px) {
	.line {
		left: 123rem;
	}

	.cprogramm-list {
		gap: 14rem;
	}

	.cprogramm-list>li {
		padding: 15rem;
		height: 206rem;
		border-radius: 12rem;
	}

	.cprogramm-list>li>i {
		width: 32rem;
		height: 30rem;
		font-size: 15rem;
		border-radius: 6rem;
	}

	.cprogramm-list>li .txt>h3 {
		font-size: 18rem;
	}

	.cprogramm-list>li .txt>p {
		font-size: 14rem;
	}

	.cancer-page .area-youtube {
		padding: 50rem 0;
	}
}

@media (max-width:480px) {
	.cancer-intro .img {
		border-radius: 10rem;
	}

	.cancer-intro .txt {
		margin-top: 15rem;
	}

	.cancer-intro .txt h3 {
		margin-bottom: 7rem;
		font-size: 15rem;
	}

	.cancer-intro .txt p.bold {
		font-size: 12rem;
	}

	.cancer-intro .txt p {
		margin-bottom: 7rem;
		font-size: 11rem;
	}

	.cancer-intro .txt .tag-list {
		margin-top: 10rem;
	}

	.cancer-programm .tabs {
		margin-bottom: 25rem;
	}

	.cprogramm-list {
		gap: 10rem;
		grid-template-columns: 1fr;
	}

	.cprogramm-list>li {
		padding: 12rem;
		height: 140rem;
		border-radius: 8rem;
	}

	.cprogramm-list>li>i {
		width: 25rem;
		height: 25rem;
		font-size: 11rem;
		border-radius: 4rem;
	}

	.cprogramm-list>li .txt>h3 {
		font-size: 15rem;
	}

	.cprogramm-list>li .txt>p {
		margin-top: 4rem;
		font-size: 11rem;
	}

	.area-step .inr {
		gap: 30rem;
	}

	.icon-list,
	.txt-list,
	.dot-list {
		gap: 12rem;
	}

	.icon-item {
		width: 50rem;
		height: 50rem;
	}

	.icon-item img {
		width: 55%;
	}

	.txt-item .subject {
		margin: 0 0 5rem;
		gap: 5rem;
	}

	.txt-list {
		width: calc(100% - 80rem);
	}

	.txt-item {
		height: 50rem;
	}

	.txt-list em {
		padding: 2rem 6rem 2rem;
		font-size: 10rem;
		line-height: 1.1em;
		word-break: keep-all;
	}

	.txt-list h3 {
		font-size: 14rem;
	}

	.txt-list p {
		font-size: 11rem;
		line-height: 1.3em;
	}

	.dot-list {
		margin: 0 -3.5px;
	}

	.dot-item {
		width: 7px;
	}

	.dot-item .dot {
		width: 7px;
		height: 7px;
		left: -3.5px;
	}

	.line {
		left: 79rem;
	}

	.cancer-page .area-youtube {
		padding: 30rem 0;
	}

	.youtube-list {
		gap: 10rem;
	}
}

/* 고주파온열암치료 */
.cancer-type {
	background: #0a2534 url(../img/content/bg-cancer-type.jpg)no-repeat center;
	background-size: cover;
}

.type-list {
	gap: 30rem;
}

.type-item {
	display: block;
	padding: 20rem;
	background: #fff;
	border-radius: 15rem;
	box-sizing: border-box;
	box-shadow: 15px 20px 40px rgba(0, 0, 0, 0.08);
}

.type-item .top {
	display: flex;
	align-items: center;
	gap: 15rem;
	padding-bottom: 15rem;
	margin-bottom: 15rem;
	border-bottom: 1px solid #f1f5f9;
}

.type-item .top .icon {
	width: 46rem;
	height: 46rem;
	border-radius: 10rem;
	background: #eee;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.type-item .top .icon {
	background: #e2f2ff;
	border: 1px solid #daecfb;
}

.type-item .top .icon i {
	color: #0091df;
}

/*
.type-item:nth-child(2) .top .icon{background:#f3e9fd; border:1px solid #f0e1ff;}
.type-item:nth-child(2) .top .icon i{color:#a648ff;}
.type-item:nth-child(3) .top .icon{background:#e7f0ff; border:1px solid #e2edff;}
.type-item:nth-child(3) .top .icon i{color:#3b82f6;}
.type-item:nth-child(4) .top .icon{background:#ffeff7; border:1px solid #fbe6f1;}
.type-item:nth-child(4) .top .icon i{color:#ed1c83;}
.type-item:nth-child(5) .top .icon{background:#e8f9ee; border:1px solid #d8f5e2;}
.type-item:nth-child(5) .top .icon i{color:#21b550;}
.type-item:nth-child(6) .top .icon{background:#f7f1e6; border:1px solid #f5eddd;}
.type-item:nth-child(6) .top .icon i{color:#f59e0b;}
.type-item:nth-child(8) .top .icon{background:#ffecf0; border:1px solid #f9e9ed;}
.type-item:nth-child(8) .top .icon i{color:#e72042;}
.type-item:nth-child(7) .top .icon i{color:#1260df;}
.type-item:nth-child(9) .top .icon{background:#f3eefd; border: 1px solid #eee7fb;}
.type-item:nth-child(9) .top .icon i{color:#5900ff;}*/
.type-item .top .txt {
	display: flex;
	flex-direction: column;
	gap: 5rem;
}

.type-item .top .txt h3 {
	display: block;
	font-size: 19rem;
	color: #222;
	line-height: 1em;
	letter-spacing: -0.5px;
}

.type-item .top .txt em {
	display: inline-block;
	font-size: 13rem;
	color: #94a3b8;
	line-height: 1em;
	letter-spacing: -0.2px;
}

.tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 7rem;
}

.tag-list>li {
	display: block;
	padding: 5rem 8rem;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	border-radius: 7rem;
	box-sizing: border-box;
	font-size: 15rem;
	color: #334155;
	line-height: 1em;
	letter-spacing: -0.5px;
}

.cancer-target {
	background: #f0f8ff;
}

.cancer-target .inr {
	justify-content: space-between
}

.cancer-target .sub-tit {
	text-align: left;
}

.cancer-target .target-wrap {
	gap: 50rem;
}

.cancer-target [data-list="check"]>li {
	margin: 0 0 35rem;
	padding-left: 35rem;
}

.cancer-target [data-list="check"]>li:last-child {
	margin: 0;
}

.cancer-target [data-list="check"]>li::before {
	background: var(--color-point);
	width: 25rem;
	height: 25rem;
}

.cancer-target [data-list="check"]>li::after {
	border-color: #fff;
	top: 6rem;
	left: 9rem;
	width: 7rem;
	height: 11rem;
}

.cancer-target [data-list="check"]>li>span {
	font-size: 19rem;
	font-weight: 500;
	color: #222;
}

.cancer-equipment {}

.treatment-list {
	display: flex;
	flex-direction: column;
	gap: 70rem;
}

.treatment-item:nth-child(even) {
	background: #006ba4;
}

.treatment-item.bg-dark {
	background: #3e535c !important;
}

.treatment-item {
	align-items: center;
	gap: 50rem;
	padding: 50rem;
	background: #3e535c;
	border-radius: 30rem;
	overflow: hidden;
}

.treatment-item .img {
	width: 500rem;
	height: 400rem;
	background: #fff;
	border-radius: 20rem;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.treatment-item .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* .treatment-item .img.space {
	padding: 20rem;
}*/

.treatment-item .txt {
	width: calc(100% - 540rem);
	color: #fff;
}

.treatment-item .txt>em {
	display: inline-block;
	font-size: 16rem;
	font-weight: 500;
}

.treatment-item .txt>h3 {
	display: block;
	margin: 10rem 0 12rem;
	font-size: 34rem;
	font-weight: 700;
}

.treatment-item .txt>p {
	display: block;
	font-size: 17rem;
	font-weight: 400;
	line-height: 1.4em;
	text-align: justify;
}

.treatment-item .txt>p.last {
	margin-top: 10rem;
}

.keyword-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12rem;
	margin: 25rem 0 0;
}

.keyword-list>li {
	display: flex;
	flex-direction: column;
	gap: 10rem;
	width: calc((100% / 5) - 10rem);
	height: 121rem;
	border-radius: 500rem;
	color: #3e535c;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16rem;
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
	text-align: center;
}

.keyword-list>li>i {
	font-size: 22rem;
	display: flex;
	width: 30rem;
	height: 30rem;
	justify-content: center;
	align-items: center;
}

.keyword-list>li>i img {
	width: 25rem;
	height: 25rem;
}

.keyword-list>li>h4 {
	font-weight: 500;
}

.combi-list {
	gap: 40rem;
}

.combi-item {
	width: calc(100% / 3);
	background: #fff;
	padding: 30rem;
	border-radius: 20rem;
	box-sizing: border-box;
	box-shadow: -1px 3px 20px 2px rgba(0, 0, 0, 0.04);
}

.combi-item .img {
	width: 100%;
	border-radius: 10rem;
	overflow: hidden;
}

.combi-item .img img {
	width: 100%;
}

.combi-item .txt {
	margin-top: 28rem;
	text-align: center;
}

.combi-item .txt>.top {
	display: block;
	font-size: 25rem;
	font-weight: bold;
	color: #222;
	line-height: 1em;
}

.combi-item .txt>.desc {
	display: block;
	margin-top: 12rem;
	font-size: 18rem;
	font-weight: 400;
	color: #666;
	line-height: 1.5em;
	word-break: keep-all;
	letter-spacing: -0.5px;
}

.combi-item .txt>.desc i {
	font-weight: 600;
}

.cprogramm-list.v0201>li:nth-child(1) {
	background: url(../img/content/cancer-programm020101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0201>li:nth-child(2) {
	background: url(../img/content/cancer-programm0402.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0201>li:nth-child(3) {
	background: url(../img/content/cancer-programm0304.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0201>li:nth-child(4) {
	background: url(../img/content/cancer-programm0103.jpg)no-repeat center;
	background-size: cover;
}

@media (max-width:1300px) {
	.keyword-list>li {
		height: 100rem;
		gap: 8rem;
		font-size: 15rem;
	}
}

@media (max-width:1024px) {
	.type-list {
		gap: 20rem;
	}

	.type-item .top .txt h3 {
		font-size: 18rem;
	}

	.cancer-target>.inr {
		display: block;
	}

	.cancer-target .sub-tit {
		text-align: center;
	}

	.target-wrap {
		justify-content: center;
	}

	.treatment-list {
		gap: 50rem;
	}

	.treatment-item {
		gap: 0;
		border-radius: 25rem;
		padding: 40rem;
	}

	.treatment-item .img {
		width: 40%;
		margin-right: 5%;
		border-radius: 15rem;
	}

	.treatment-item .txt {
		width: 55%;
	}

	.treatment-item .txt>h3 {
		font-size: 30rem;
	}

	.treatment-item .txt>p {
		font-size: 16rem;
	}

	.combi-list {
		gap: 25rem;
		flex-direction: column;
	}

	.combi-item {
		display: flex;
		align-items: center;
		gap: 25rem;
		width: 100%;
		border-radius: 15rem;
	}

	.combi-item .img {
		width: 250rem;
	}

	.combi-item .txt {
		width: calc(100% - 280rem);
		margin: 0;
		text-align: left;
	}

	.keyword-list>li {
		height: 85rem;
		font-size: 14rem;
		padding: 5rem;
		box-sizing: border-box;
		line-height: 1.1em;
		text-align: center;
		border-radius: 18rem;
	}
}

@media (max-width:768px) {
	.cancer-target .target-wrap {
		gap: 30rem;
	}

	.type-list {
		gap: 14rem;
		grid-template-columns: 1fr;
	}

	.cancer-target [data-list="check"]>li {
		margin: 0 0 25rem;
		padding-left: 28rem;
	}

	.cancer-target [data-list="check"]>li>span {
		font-size: 17rem;
	}

	.cancer-target [data-list="check"]>li::before {
		width: 20rem;
		height: 20rem;
	}

	.cancer-target [data-list="check"]>li::after {
		top: 5rem;
		left: 7rem;
		width: 5rem;
		height: 9rem;
	}

	.treatment-list {
		gap: 30rem;
	}

	.treatment-item {
		flex-direction: column;
		border-radius: 20rem;
		padding: 30rem;
	}

	.treatment-item .img {
		width: 100%;
		height: 350rem;
		margin: 0;
		border-radius: 10rem;
	}

	.treatment-item .txt {
		width: 100%;
		margin-top: 30rem;
	}

	.treatment-item .txt>h3 {
		font-size: 25rem;
	}

	.treatment-item .txt>p {
		font-size: 15rem;
	}

	.combi-list {
		gap: 20rem;
	}

	.combi-item {
		gap: 20rem;
		padding: 20rem;
		border-radius: 15rem;
	}

	.combi-item .img {
		width: 220rem;
	}

	.combi-item .txt {
		width: calc(100% - 240rem);
	}

	.combi-item .txt>.top {
		font-size: 22rem;
	}

	.combi-item .txt>.desc {
		margin-top: 10rem;
		font-size: 16rem;
	}
}

@media (max-width:620px) {
	.cancer-target .target-wrap {
		flex-direction: column;
		gap: 25rem;
	}
}

@media (max-width:480px) {
	.type-list {
		gap: 10rem;
	}

	.type-item {
		padding: 14rem;
		border-radius: 8rem;
	}

	.type-item .top {
		gap: 8rem;
		padding-bottom: 10rem;
		margin-bottom: 10rem;
	}

	.type-item .top .icon {
		width: 35rem;
		height: 35rem;
		border-radius: 6rem;
	}

	.type-item .top .txt {
		gap: 5rem;
	}

	.type-item .top .txt h3 {
		font-size: 14rem;
	}

	.type-item .top .txt em {
		font-size: 10rem;
		margin: 0;
	}

	.tag-list {
		gap: 4rem;
	}

	.tag-list>li {
		gap: 4rem;
		padding: 4rem 6rem;
		font-size: 11rem;
		border-radius: 3rem;
	}

	.cancer-target .target-wrap {
		gap: 10rem;
	}

	.cancer-target [data-list="check"]>li {
		margin: 0 0 10rem;
		padding-left: 19rem;
	}

	.cancer-target [data-list="check"]>li>span {
		font-size: 12rem;
	}

	.cancer-target [data-list="check"]>li::before {
		width: 14rem;
		height: 14rem;
	}

	.cancer-target [data-list="check"]>li::after {
		top: 4rem;
		left: 5rem;
		width: 4rem;
		height: 6rem;
	}

	.treatment-list {
		gap: 10rem;
	}

	.treatment-item {
		border-radius: 10rem;
		padding: 14rem;
	}

	.treatment-item .img {
		height: 250rem;
		border-radius: 6rem;
	}

	.treatment-item .txt {
		margin-top: 15rem;
	}

	.treatment-item .txt>em {
		font-size: 11rem;
	}

	.treatment-item .txt>h3 {
		margin: 5rem 0;
		font-size: 16rem;
	}

	.treatment-item .txt>p {
		font-size: 12rem;
	}

	.keyword-list {
		gap: 7rem;
		margin: 20rem 0 0;
	}

	.keyword-list>li {
		width: calc((100% / 3) - 6rem);
		height: 66rem;
		font-size: 11rem;
		border-radius: 8rem;
		gap: 6rem;
	}

	.keyword-list>li svg {
		width: 20rem;
		height: 20rem;
	}

	.keyword-list>li>i {
		width: 20rem;
		height: 20rem;
		font-size: 20rem;
	}

	.combi-list {
		gap: 10rem;
	}

	.combi-item {
		gap: 10rem;
		border-radius: 10rem;
		padding: 12rem;
	}

	.combi-item .img {
		width: 100%;
		width: 170rem;
		border-radius: 8rem;
	}

	.combi-item .txt {
		width: 100%;
	}

	.combi-item .txt>.top {
		font-size: 14rem;
	}

	.combi-item .txt>.desc {
		margin-top: 5rem;
		font-size: 11rem;
		line-height: 1.3em;
		text-align: justify;
		word-break: break-all;
	}

}


/* 고압산소치료  */
.principle-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30rem;
}

.principle-list>li {
	width: calc((100% / 4) - 22.5rem);
}

.principle-list .img {
	width: 100%;
	border-radius: 15rem;
	overflow: hidden;
	transition: all 0.3s ease;
}

.principle-list img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}

.principle-list img.color {
	display: none;
}

.principle-list .txt {
	display: block;
	margin-top: 20rem;
	text-align: center;
}

.principle-list .txt>em {
	display: inline-block;
	margin-bottom: 15rem;
	font-size: 15rem;
	padding: 6rem 15rem;
	line-height: 1em;
	font-weight: 400;
	word-break: keep-all;
	background: var(--color-point);
	border-radius: 50rem;
	color: #fff;
	text-transform: uppercase;
}

.principle-list .txt>h3 {
	display: block;
	font-size: 23rem;
	font-weight: bold;
	color: #222;
	line-height: 1em;
	letter-spacing: -0.4px;
	word-break: keep-all;
}

.area-step.col05 .dot-list,
.area-step.col05 .txt-list,
.area-step.col05 .icon-list {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.cancer_sub03 .txt-list h3,
.clinic_sub01 .txt-list h3 {
	font-size: 22rem;
	line-height: 1.3em;
	word-break: keep-all;
}

.icon-item.oxygen02 img {
	height: 70rem;
}

.icon-item.oxygen04 img {
	height: 80rem;
}

.cancer-vessel {
	background: #0a2534;
}

.vessel-list {
	display: flex;
	gap: 0rem;
}

.vessel-list.v2 {
	margin-top: 60rem;
}

.vessel-item {
	position: relative;
	width: calc(100% / 2);
}

.vessel-item.v1 {
	padding: 15rem 0;
	z-index: 1;
}

.vessel-item.v2::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	border: 10rem solid var(--color-point);
}

.vessel-item .item-wrap {
	height: 100%;
	background: #fff;
}

.vessel-item .title {
	text-align: center;
	padding: 20rem;
	background: #e9e9e9;
	box-sizing: border-box;
}

.vessel-item .title>h3 {
	font-size: 22rem;
	font-weight: 600;
	color: #222;
}

.vessel-item.v2 .title {
	background: var(--color-point);
}

.vessel-item.v2 .title>h3 {
	color: #fff;
}

.vessel-item.v2 .title>h3 br {
	display: none;
}

.vessel-item .img {
	width: 100%;
}

.vessel-item .img img {
	width: 100%;
}

.vessel-item .cont {
	padding: 0 40rem 40rem;
	box-sizing: border-box;
}

.vessel-item.v2 .cont {
	padding-top: 10rem;
}

.vessel-item .txt {
	font-size: 17rem;
	font-weight: 400;
	color: #666;
	line-height: 1em;
	word-break: break-word;
}

.vessel-item .txt [data-list="dot"]>li {
	margin-bottom: 10rem;
	font-size: 17rem;
	font-weight: 400;
	color: #666;
	line-height: 1em;
	word-break: break-word;
}

.vessel-item .txt [data-list="dot"]>li:last-child {
	margin: 0;
}

.vessel-list.v2 .img {
	width: auto;
	height: 100%;
}

.vessel-list.v2 .img img {
	width: auto;
	max-width: 100%;
	height: 320rem;
	margin: 0 auto;
}

.vessel-list.v2 .cont {
	position: relative;
	padding: 25rem 40rem;
}

.vessel-list.v2 .vessel-item.v2 .cont {
	padding-top: 40rem;
}

.vessel-list.v2 .txt {
	margin-top: 0;
	position: absolute;
	top: 15rem;
	right: 25rem;
}

.vessel-list.v2 .txt h4 {
	font-size: 20rem;
	font-weight: 700;
	color: #222;
}

.vessel-list.v2 .txt p {
	position: relative;
	padding-left: 11rem;
	font-size: 17rem;
	font-weight: 600;
	color: #222;
}

.vessel-list.v2 .txt p:before {
	content: '*';
	position: absolute;
	top: 3rem;
	left: 0;
	font-size: 16rem;
	font-weight: 600;
	color: #222;
}

.vessel-item .shade {
	position: absolute;
	width: 0;
	height: 0;
	right: 100%;
	border-right: 44rem solid var(--color-point);
	border-left: 44rem solid rgba(0, 0, 0, 0)
}

.vessel-item .shade.top_left {
	border-top: 15rem solid rgba(0, 0, 0, 0);
	border-bottom: 15rem solid var(--color-point);
	top: 0
}

.vessel-item .shade.down_right {
	bottom: 0;
	border-top: 15rem solid var(--color-point);
	border-bottom: 15rem solid rgba(0, 0, 0, 0)
}

.vessel-item .vs {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -30rem;
	transform: translateX(50%);
	background-color: var(--color-point);
	color: #fff;
	font-size: 30rem;
	font-weight: 600;
	width: 80rem;
	height: 80rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 4
}

.area-effect {
	gap: 60rem;
	align-items: center;
}

.area-effect .img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 20rem;
}

.area-effect .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.effect-list {
	width: 100%;
}

.effect-item {
	display: flex;
	align-items: center;
	gap: 15rem;
	margin-bottom: 16rem;
	padding: 15rem 15rem;
	background: #fff;
	border-radius: 10rem;
	box-shadow: 0rem 4rem 7rem rgba(0, 0, 0, .03);
}

.effect-item i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45rem;
	height: 42rem;
	border-radius: 8rem;
	background: var(--color-point);
	font-size: 20rem;
	font-weight: 600;
	color: #fff;
}

.effect-item .txt {
	display: block;
	font-size: 24rem;
	font-weight: 600;
	color: #222;
	line-height: 1em;
}

.cancer-insurance {
	background: #eaf0f5;
}

.cancer-insurance .target-list {
	gap: 20rem;
}

.cancer-insurance [data-list="check"]>li {
	display: flex;
	position: relative;
	padding-left: 27rem;
	background: #fff;
	padding: 20rem 30rem;
	border-radius: 15rem;
	font-size: 20rem;
	font-weight: 600;
}

.cancer-insurance [data-list="check"]>li::before {
	top: 20rem;
	width: 24rem;
	height: 24rem;
	background: var(--color-point);
	left: 20rem;
}

.cancer-insurance [data-list="check"]>li::after {
	top: 25rem;
	left: 29rem;
	width: 7rem;
	height: 10rem;
	border-color: #fff;
}

.cancer-insurance [data-list="check"]>li span {
	padding-left: 25rem;
}

.cprogramm-list.v0301>li:nth-child(1) {
	background: url(../img/content/cancer-programm020101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0301>li:nth-child(2) {
	background: url(../img/content/cancer-programm030201.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0301>li:nth-child(3) {
	background: url(../img/content/cancer-programm0304.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0301>li:nth-child(4) {
	background: url(../img/content/cancer-programm0103.jpg)no-repeat center;
	background-size: cover;
}

.cancer-page .info {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30rem 0 0;
	background: #506b79;
	padding: 13rem 5rem;
	border-radius: 10rem;
	color: #fff;
	gap: 9rem;
	font-size: 17rem;
}

.cancer-page .info i {
	font-size: 18rem;
}




@media (max-width:1300px) {
	.principle-list .txt>h3 {
		font-size: 22rem;
	}

	.vessel-item .txt [data-list="dot"]>li {
		line-height: 1.2em;
	}

	.vessel-item .cont {
		padding: 0 30rem 30rem;
	}

	.vessel-item .txt [data-list="dot"]>li {
		font-size: 16rem;
	}

	.area-effect {
		gap: 40rem;
	}
}

@media (max-width:1024px) {
	.vessel-item .title>h3 {
		font-size: 20rem;
	}

	.vessel-item .vs {
		width: 65rem;
		height: 65rem;
		font-size: 25rem;
	}

	.icon-item.oxygen02 img {
		height: 60rem;
	}

	.icon-item.oxygen04 img {
		height: 70rem;
	}

	.principle-list {
		gap: 20rem;
	}

	.principle-list>li {
		width: calc((100% / 4) - 15rem);
	}

	.principle-list .txt>em {
		padding: 5rem 12rem;
		font-size: 14rem;
		margin-bottom: 12rem;
	}

	.principle-list .txt>h3 {
		line-height: 1.3em;
	}

	.area-effect {
		gap: 35rem;
	}

	.effect-item .txt {
		font-size: 22rem;
	}

	.effect-item i {
		width: 40rem;
		height: 38rem;
		border-radius: 6rem;
	}

	.cancer-insurance [data-list="check"]>li {
		border-radius: 10rem;
	}
}

@media (max-width:768px) {
	.principle-list>li {
		width: calc((100% / 2) - 10rem);
	}

	.principle-list .txt>em {
		padding: 5rem 12rem 4rem;
		margin-bottom: 10rem;
	}

	.principle-list .txt>h3 {
		font-size: 20rem;
	}

	.vessel-item .title {
		padding: 15rem;
	}

	.vessel-item .title>h3 {
		font-size: 18rem;
	}

	.vessel-item .cont {
		padding: 0 20rem 25rem;
	}

	.vessel-item .txt [data-list="dot"]>li {
		font-size: 15rem;
		margin-bottom: 6rem;
	}

	.vessel-list.v2 {
		margin-top: 30rem;
	}

	.vessel-item.v2::after {
		border-width: 7rem;
	}

	.vessel-item.v2 .title>h3 br {
		display: block;
	}

	.vessel-item .vs {
		width: 45rem;
		height: 45rem;
		font-size: 20rem;
	}

	.vessel-list.v2 .img img {
		height: auto;
	}

	.vessel-list.v2 .cont {
		padding: 20rem 25rem;
	}

	.vessel-list.v2 .txt p {
		font-size: 15rem;
	}

	.area-step.col05 .dot-list,
	.area-step.col05 .txt-list,
	.area-step.col05 .icon-list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.cancer_sub03 .txt-item .subject {
		align-items: flex-start;
		flex-direction: column;
		margin: 0;
	}

	.cancer_sub03 .txt-list h3,
	.clinic_sub01 .txt-list h3 {
		font-size: 20rem;
	}

	.cancer_sub03 .txt-list h3 br,
	.clinic_sub01 .txt-list h3 br {
		display: none;
	}

	.icon-item.oxygen02 img {
		height: 30rem;
	}

	.icon-item.oxygen04 img {
		height: 40rem;
	}

	.area-effect {
		grid-template-columns: 1fr;
		gap: 30rem;
	}

	.area-effect .img {
		border-radius: 15rem;
	}

	.effect-item {
		margin-bottom: 13rem;
	}

	.effect-item .txt {
		font-size: 20rem;
	}

	.cancer-insurance .target-list {
		gap: 15rem;
	}

	.cancer-insurance [data-list="check"]>li {
		padding: 18rem 25rem;
		font-size: 20rem;
	}

	.cancer-insurance [data-list="check"]>li::before {
		width: 20rem;
		height: 20rem;
	}

	.cancer-insurance [data-list="check"]>li::after {
		top: 24rem;
		left: 27rem;
		width: 6rem;
		height: 9rem;
	}

	.cancer-page .info {
		margin: 25rem 0 0;
		font-size: 16rem;
	}
}

@media (max-width:480px) {
	.principle-list {
		gap: 12rem;
	}

	/*.principle-list > li{width:100%;}*/
	.principle-list .img {
		border-radius: 10rem;
	}

	.principle-list .txt {
		margin-top: 5rem;
	}

	.principle-list .txt>em {
		padding: 3rem 6rem;
		margin-bottom: 7rem;
		font-size: 9rem;
	}

	.principle-list .txt>h3 {
		font-size: 12rem;
	}

	.vessel-list {
		flex-direction: column;
	}

	.vessel-item {
		width: 100%;
	}

	.vessel-item.v1 {
		padding: 0 15rem;
	}

	.vessel-item .shade.top_left {
		top: unset;
		left: 0;
		bottom: 100%;
		border-top: 15rem solid rgba(0, 0, 0, 0);
		border-bottom: 15rem solid var(--color-point);
		border-right: 15rem solid var(--color-point);
		border-left: 15rem solid rgba(0, 0, 0, 0);
	}

	.vessel-item .shade.down_right {
		bottom: 100%;
		right: 0;
		border-top: 15rem solid rgba(0, 0, 0, 0);
		border-bottom: 15rem solid var(--color-point);
		border-left: 15rem solid var(--color-point);
		border-right: 15rem solid rgba(0, 0, 0, 0);
	}

	.vessel-item.v2 .title {
		padding-top: 30rem;
	}

	.vessel-item .title {
		padding: 10rem;
	}

	.vessel-item .title>h3 {
		font-size: 15rem;
	}

	.vessel-item .cont {
		padding: 0 15rem 30rem;
	}

	.vessel-item .txt [data-list="dot"]>li {
		font-size: 11rem;
	}

	.vessel-item .txt [data-list="dot"]>* {
		padding-left: 6rem;
	}

	.vessel-item .vs {
		right: 50%;
		top: 100%;
		bottom: unset;
		margin-top: 0;
		font-size: 16rem;
		transform: translate(50%, -50%);
		box-shadow: 0px 5px 17rem 2px rgb(198 228 255 / 30%);
	}

	.vessel-list.v2 .cont {
		padding: 15rem 40rem 30rem;
	}

	.vessel-list.v2 .vessel-item.v2 .cont {
		padding-top: 15rem;
		padding-bottom: 20rem;
	}

	.vessel-list.v2 .txt {
		top: 5rem;
		right: 13rem;
	}

	.vessel-list.v2 .txt p {
		padding-left: 7rem;
	}

	.vessel-list.v2 .txt p,
	.vessel-list.v2 .txt p:before {
		font-size: 11rem;
	}

	.vessel-list.v2 .img img {
		max-width: 85%;
	}

	.cancer_sub03 .txt-list h3,
	.clinic_sub01 .txt-list h3 {
		font-size: 14rem;
	}

	.icon-item.oxygen02 img,
	.icon-item.oxygen04 img {
		height: 25rem;
	}

	.area-effect {
		gap: 12rem;
	}

	.area-effect .img {
		border-radius: 10rem;
	}

	.effect-item {
		gap: 8rem;
		padding: 10rem;
		border-radius: 7rem;
		margin-bottom: 8rem;
	}

	.effect-item i {
		width: 28rem;
		height: 26rem;
		border-radius: 4rem;
		font-size: 12rem;
	}

	.effect-item .txt {
		font-size: 13rem;
	}

	.cancer-insurance .target-list {
		grid-template-columns: 1fr;
		gap: 8rem;
	}

	.cancer-insurance [data-list="check"]>li {
		font-size: 13rem;
		padding: 12rem;
		border-radius: 7rem;
	}

	.cancer-insurance [data-list="check"]>li span {
		padding-left: 19rem;
	}

	.cancer-insurance [data-list="check"]>li::before {
		top: 13rem;
		left: 12rem;
		width: 14rem;
		height: 14rem;
	}

	.cancer-insurance [data-list="check"]>li::after {
		top: 16rem;
		left: 17rem;
		width: 4rem;
		height: 6rem;
	}

	.cancer-page .info {
		margin-top: 10rem;
		gap: 5rem;
		padding: 10rem 5rem;
		font-size: 11rem;
		border-radius: 7rem;
	}

	.cancer-page .info i {
		font-size: 12rem;
	}
}

/* 면역주사치료 */
/*
.cancer_sub04 .treatment-item .img,
.cancer_sub05 .treatment-item .img,
.cancer_sub06 .treatment-item .img{padding:0; overflow:hidden;}*/
.treatment-item .img img {
	object-fit: cover;
}

.cprogramm-list.v0401>li:nth-child(1) {
	background: url(../img/content/cancer-programm020101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0401>li:nth-child(2) {
	background: url(../img/content/cancer-programm0203.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0401>li:nth-child(3) {
	background: url(../img/content/cancer-programm0304.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0401>li:nth-child(4) {
	background: url(../img/content/cancer-programm0103.jpg)no-repeat center;
	background-size: cover;
}

/* 복합면역세포치료 */
.cancer-cell .vessel-list {
	gap: 50rem;
}

.cancer-cell .vessel-item .title {
	background: var(--color-point);
}

.cancer-cell .vessel-item .title>h3 {
	color: #fff;
	font-size: 20rem;
}

.cancer-cell .vessel-item .item-wrap {
	background: transparent;
}

.cancer-cell .vessel-item .cont {
	padding: 20rem;
	box-sizing: border-box;
	background: #e3e7f0;
}

.cancer-cell .vessel-item .cont .txt {
	margin: 0;
	padding: 15rem 10rem 10rem;
	box-sizing: border-box;
}

.cancer-cell .txt {
	margin-top: 40rem;
}

.cancer-cell .txt p {
	display: block;
	margin-bottom: 20rem;
	font-size: 18rem;
	font-weight: 400;
	color: #555;
	line-height: 1.6em;
	text-align: justify;
	letter-spacing: -0.5px
}

.cprogramm-list.v0501>li:nth-child(1) {
	background: url(../img/content/cancer-programm020101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0501>li:nth-child(2) {
	background: url(../img/content/cancer-programm0502.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0501>li:nth-child(3) {
	background: url(../img/content/cancer-programm0503.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.v0501>li:nth-child(4) {
	background: url(../img/content/cancer-programm0504.jpg)no-repeat center;
	background-size: cover;
}

@media (max-width:1300px) {
	.cancer-cell .vessel-list {
		gap: 40rem;
	}
}

@media (max-width:1024px) {
	.cancer-cell .vessel-list {
		gap: 30rem;
	}
}

@media (max-width:768px) {
	.cancer-cell .vessel-list {
		flex-direction: column;
		gap: 20rem;
	}

	.cancer-cell .vessel-item {
		width: 100%;
	}

	.cancer-cell .txt {
		margin-top: 30rem;
	}
}

@media (max-width:480px) {
	.cancer-cell .vessel-list {
		gap: 10rem;
	}

	.cancer-cell .vessel-item .title>h3 {
		font-size: 15rem;
	}

	.cancer-cell .vessel-item .cont {
		padding: 10rem;
	}

	.cancer-cell .vessel-item .cont .txt {
		padding: 10rem 0 0;
	}

	.cancer-cell .txt {
		margin-top: 20rem;
	}

	.cancer-cell .txt p {
		font-size: 11rem;
		margin-bottom: 10rem;
	}
}

/* 항암부작용치료 */
.cancer-sideeffect {
	position: relative;
	background: #0a2534 url(../img/content/bg-sideeffect.jpg)no-repeat center;
}

.area-sideeffect {
	position: relative;
}

.sideeffectSwiper {
	overflow: hidden;
}

.sideeffectSwiper .swiper-slide {
	position: relative;
	padding: 0;
	border-radius: 14rem;
	box-sizing: border-box;
	overflow: hidden;
}

.sideeffectSwiper .swiper-slide .img {
	width: 100%;
	height: auto;
	background: #eee;
	border-radius: 0;
	overflow: hidden;
	position: relative;
}

.sideeffectSwiper .swiper-slide .img i {
	position: absolute;
	top: 10rem;
	left: 10rem;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 14rem;
	line-height: 1em;
	padding: 6rem 10rem;
	border-radius: 6rem;
}

.sideeffectSwiper .swiper-slide .txt {
	padding: 20rem 25rem 25rem;
	background: #fff;
	box-sizing: border-box;
}

.sideeffectSwiper .swiper-slide .txt>h3 {
	display: block;
	font-size: 24rem;
	font-weight: bold;
	color: #222;
	line-height: 1em;
}

.sideeffectSwiper .swiper-slide .txt>p {
	display: block;
	margin-top: 10rem;
	font-size: 17rem;
	font-weight: 400;
	color: #666;
	line-height: 1.4em;
	letter-spacing: -1px;
	text-align: justify;
}

.sideeffectSwiper .swiper-pagination {
	position: relative;
	bottom: 0;
	margin-top: 20rem;
	display: none;
}

.sideeffectSwiper .swiper-pagination-bullet {
	background: #fff;
	margin: 0 2rem;
}

.sideeffectSwiper .swiper-pagination-bullet-active {
	background: var(--color-point);
}

.cancer-sideeffect .arrow {
	position: absolute;
	/* right: -69px; */
	top: 50%;
	width: 100%;
	height: 60rem;
	display: flex;
	gap: 12rem;
	z-index: 2;
	transform: translateY(-50%);
}

.cancer-sideeffect .arrow>div {
	position: absolute;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 60rem;
	height: 60rem;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid transparent;
	background-color: rgba(255, 255, 255, 0.08);
	transition: all .25s;
}

.cancer-sideeffect .arrow>div span {
	display: block;
	width: 20rem;
	height: 20rem;
	background: url(../img/main/ic-slide-arr-wt.svg) no-repeat center;
	background-size: auto 18rem;
	transition: all .25s;
}

.cancer-sideeffect .arrow>.prev span {
	transform: rotate(-180deg);
}

.cancer-sideeffect .arrow>.prev {
	left: -90rem;
}

.cancer-sideeffect .arrow>.next {
	right: -90rem;
}

.cancer-sideeffect .arrow>div:hover {
	background-color: var(--color-point);
}

.treatment-item .tag-list {
	margin-top: 15rem;
}

.treatment-item .tag-list>li {
	padding: 6rem 10rem;
	color: #fff;
	background: transparent;
	border-color: rgba(255, 255, 255, 0.2);
}


@media (max-width:1550px) {
	.cancer-sideeffect .arrow {
		display: none;
	}

	.sideeffectSwiper .swiper-pagination {
		display: block;
	}
}

@media (max-width:1300px) {
	.sideeffectSwiper .swiper-slide .txt {
		min-height: 174rem;
	}
}

@media (max-width:1024px) {
	.sideeffectSwiper .swiper-slide .txt {
		min-height: auto;
	}
}

@media (max-width:768px) {
	.sideeffectSwiper .swiper-slide .txt {
		padding: 20rem;
		min-height: 159rem;
	}

	.sideeffectSwiper .swiper-slide .txt>h3 {
		font-size: 22rem;
	}

	.sideeffectSwiper .swiper-slide .txt>p {
		margin-top: 8rem;
		font-size: 16rem;
	}
}

@media (max-width:480px) {
	.sideeffectSwiper .swiper-slide {
		border-radius: 10rem;
	}

	.sideeffectSwiper .swiper-slide .img i {
		font-size: 10rem;
		border-radius: 3rem;
		padding: 4rem 7rem;
	}

	.sideeffectSwiper .swiper-slide .txt {
		padding: 12rem;
		min-height: auto;
	}

	.sideeffectSwiper .swiper-slide .txt>h3 {
		font-size: 15rem;
	}

	.sideeffectSwiper .swiper-slide .txt>p {
		margin-top: 5rem;
		font-size: 11rem;
		letter-spacing: 0;
	}

	.sideeffectSwiper .swiper-pagination {
		margin-top: 5rem;
	}

	.sideeffectSwiper .swiper-pagination-bullet {
		margin: 0 2rem !important;
	}

	.treatment-item .tag-list>li {
		padding: 4rem 6rem;
	}
}

/* 면역한약치료 */
.sub02_07 .treatment-list {
	gap: 0;
}

.sub02_07 .treatment-detail {
	margin: 35rem 0 70rem;
}

.sub02_07 .treatment-detail:last-child {
	margin-bottom: 0;
}

.sub02_07 .treatment-item .tag-list {
	margin-bottom: 15rem;
}

.pdf-list {
	margin-top: 15rem;
	padding: 18rem 20rem;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 10rem;
}

.pdf-list>li {
	margin-bottom: 13rem;
	display: flex;
	gap: 5rem;
}

.pdf-list>li:last-child {
	margin: 0;
}

.pdf-list>li a {
	display: flex;
	gap: 5rem;
	font-size: 15rem;
	color: #fff;
	line-height: 1em;
	word-break: keep-all;
}

.pdf-list>li a:hover i,
.pdf-list>li a:hover em {
	color: #7ee0ff;
}

.treatment-detail {}

.treatment-detail .detail-list {
	gap: 30rem;
}

.treatment-detail .detail-item {
	position: relative;
	display: block;
	padding: 25rem;
	background-color: #fff;
	border: 1px solid #e2e8f0;
	box-sizing: border-box;
	border-radius: 15rem;
	box-sizing: border-box;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	transition: all 0.3s ease;
}

.treatment-detail .detail-item .top {
	position: relative;
	margin-bottom: 10rem;
}

.treatment-detail .detail-item .top h4 {
	display: block;
	font-size: 22rem;
	font-weight: 700;
	color: #1e293b;
	line-height: 1em;
	word-break: keep-all;
	letter-spacing: -0.5px;
}

.treatment-detail .detail-item .top em {
	display: inline-block;
	margin-top: 5rem;
	font-size: 15rem;
	color: #94a3b8;
	line-height: 1em;
	letter-spacing: -0.5px;
}

.treatment-detail .detail-item .summary-list {
	position: absolute;
	top: 0rem;
	right: 0rem;
	display: flex;
	gap: 5rem;
}

.treatment-detail .detail-item .summary-list>li {
	display: block;
	padding: 5rem 8rem;
	font-size: 14rem;
	font-weight: 600;
	line-height: 1em;
	background: #f1f5f9;
	color: #64748b;
	border-radius: 5rem;
}

.treatment-detail .detail-item .desc {
	display: block;
	font-size: 16rem;
	font-weight: 400;
	color: #475569;
	line-height: 1.5em;
	word-break: break-word;
	text-align: justify;
	letter-spacing: -0.5px;
}

.treatment-detail .detail-item .desc i {
	font-weight: 600;
	color: #475569;
}

.treatment-detail .detail-item .desc p {
	margin-bottom: 10rem;
}

.treatment-detail .detail-item .desc p:last-child {
	margin-bottom: 0rem;
}

.treatment-detail .detail-item:hover {
	border-color: var(--color-point);
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.1);
}

[data-grid="1"] .detail-item .top {
	margin-bottom: 20rem;
}

[data-grid="1"] .detail-item .top em {
	margin-top: 8rem;
}

@media (max-width:1024px) {
	.treatment-detail .detail-list {
		gap: 25rem;
	}

	.treatment-detail .detail-item {
		padding: 20rem;
		border-radius: 10rem;
	}
}

@media (max-width:768px) {
	.sub02_07 .treatment-detail {
		margin: 20rem 0 30rem;
	}

	.treatment-detail .detail-list {
		gap: 14rem;
		grid-template-columns: 1fr;
	}

	.treatment-detail .detail-item {}

	.treatment-detail .detail-item .top h4 {
		font-size: 20rem;
	}
}

@media (max-width:480px) {
	.sub02_07 .treatment-item .tag-list {
		margin: 12rem 0 10rem;
	}

	.pdf-list {
		margin-top: 10rem;
		padding: 12rem;
		border-radius: 7rem;
	}

	.pdf-list>li {
		margin-bottom: 8rem;
	}

	.pdf-list>li a {
		font-size: 11rem;
	}

	.sub02_07 .treatment-detail {
		margin: 10rem 0 10rem;
	}

	.treatment-detail .detail-list {
		gap: 10rem;
	}

	.treatment-detail .detail-item {
		padding: 12rem;
		border-radius: 7rem;
	}

	.treatment-detail .detail-item .top {
		margin-bottom: 6rem;
	}

	.treatment-detail .detail-item .top h4 {
		font-size: 15rem;
	}

	.treatment-detail .detail-item .top em {
		font-size: 11rem;
		margin-top: 3rem;
	}

	.treatment-detail .detail-item .summary-list>li {
		font-size: 10rem;
		padding: 4rem 6rem;
		border-radius: 3rem;
	}

	.treatment-detail .detail-item .desc {
		font-size: 12rem;
		line-height: 1.4em;
	}
}

/* 재활항암식이 */
.cancer-diet {
	position: relative;
	background: #0a2534 url(../img/content/bg-diet.jpg)no-repeat center;
	background-size: cover;
}

.management-list {
	gap: 30rem 25rem;
}

.management-item {
	text-align: center;
}

.management-item .img {
	border-radius: 7rem;
	overflow: hidden;
}

.management-item .img img {
	width: 100%;
}

.management-item .txt {
	margin: 15rem 0 0;
	font-size: 17rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.3em;
	word-break: keep-all;
}

.diet-list {
	gap: 40rem 30rem;
}

.diet-item>.img {
	position: relative;
	display: block;
	width: 100%;
	background: #eee;
	border-radius: 15rem;
	overflow: hidden;
}

.diet-item>.img img {
	width: 100%;
}

.diet-item>.img i {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 20rem;
	left: 20rem;
	width: 40rem;
	height: 35rem;
	border-radius: 10rem;
	background: var(--color-point);
	font-size: 20rem;
	font-weight: bold;
	color: #fff;
}

.diet-item>.txt {
	margin: 20rem 0 0;
}

.diet-item>.txt>h3 {
	display: block;
	font-size: 20rem;
	font-weight: bold;
	color: #222;
	line-height: 1.2em;
	word-break: keep-all;
	letter-spacing: -0.5px;
}

.diet-item>.txt>p {
	display: block;
	margin-top: 5rem;
	font-size: 17rem;
	font-weight: 400;
	color: #666;
	line-height: 1.4em;
	word-break: keep-all;
	letter-spacing: -0.5px;
}

.area-effect .txt>h3 {
	display: block;
	margin-top: 30rem;
	font-size: 34rem;
	font-weight: 400;
	color: #222;
	line-height: 1em;
}

.area-effect .txt>h3 i {
	font-weight: 600;
}

.area-effect .txt>p {
	display: block;
	margin-top: 20rem;
	font-size: 18rem;
	font-weight: 400;
	color: #555;
	line-height: 1.5em;
	text-align: justify;
	letter-spacing: -0.5px
}

@media (max-width:1024px) {}

@media (max-width:768px) {
	.cancer-diet .sub-tit>p br {
		display: none;
	}

	.management-list {
		grid-template-columns: 1fr 1fr;
		gap: 20rem;
	}
}

@media (max-width:480px) {
	.management-list {
		gap: 15rem 10rem;
	}

	.management-item .txt {
		margin-top: 10rem;
		font-size: 12rem;
	}

	.area-effect .txt img {
		height: 53rem;
	}

	.area-effect .txt>h3 {
		font-size: 15rem;
		margin-top: 15rem;
	}

	.area-effect .txt>p {
		margin-top: 8rem;
		font-size: 11rem;
	}

	.diet-list {
		gap: 10rem;
		grid-template-columns: 1fr;
	}

	.diet-item>.img {
		border-radius: 8rem;
	}

	.diet-item>.img i {
		top: 10rem;
		left: 10rem;
		width: 25rem;
		height: 25rem;
		font-size: 11rem;
		border-radius: 4rem;
	}

	.diet-item>.txt {
		margin-top: 10rem;
	}

	.diet-item>.txt>h3 {
		font-size: 15rem;
	}

	.diet-item>.txt>p {
		font-size: 11rem;
		margin-top: 3rem;
		letter-spacing: 0;
		line-height: 1.3em;
	}
}

/* 무릎수술후재활 */
.surgery-type {
	position: relative;
	background: #0a2534 url(../img/content/bg-sideeffect.jpg)no-repeat center;
}

.surgery-type .tabs {
	gap: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.surgery-type .tabs>li {
	width: calc(100% / 5);
	background: transparent;
	border-radius: 0;
	font-size: 19rem;
	word-break: keep-all;
	padding: 17rem 5rem;
}

.surgery-type .tabs>li.active {
	border-bottom: 1px solid #fff;
}

.surgery-type .tabs.col06>li {
	width: calc(100% / 6);
}

.surgery-type .tabs.col03>li {
	width: calc((100% / 3) - 5rem);
}

.surgery-type .tabs.col02>li {
	width: calc(100% / 2);
}


.tab_content .box-surgery {
	margin-bottom: 45rem;
}


.box-surgery {
	display: flex;
	align-items: center;
	gap: 50rem;
	background: #fff;
	border-radius: 20rem;
	padding: 50rem;
	box-sizing: border-box;

}

.box-surgery .img {
	width: 550rem;
	border-radius: 15rem;
	overflow: hidden;
}

.box-surgery .img img {
	width: 100%;
	height: auto;
}

.box-surgery .txt {
	width: calc(100% - 600rem);
}

.box-surgery .txt>em {
	display: inline-block;
	font-size: 15rem;
	margin-bottom: 15rem;
	color: var(--color-point);
	font-weight: 600;
	line-height: 1em;
}

.box-surgery .txt>h3 {
	display: block;
	font-size: 34rem;
	font-weight: bold;
	color: #111;
	line-height: 1em;
	word-break: keep-all;
}

.box-surgery .txt>p {
	display: block;
	margin-top: 15rem;
	font-size: 18rem;
	font-weight: 400;
	color: #555;
	line-height: 1.5em;
	text-align: justify;
	letter-spacing: -0.5px
}

.rehab-point {
	display: block;
	margin-top: 20rem;
	padding: 15rem;
	background-color: #f8fafc;
	border: 1px solid #ecf0f3;
	box-sizing: border-box;
	border-radius: 10rem;
}

.rehab-point>h5 {
	display: block;
	margin-bottom: 12rem;
	font-size: 16rem;
	color: #2a384b;
}

.rehab-point [data-list="check"]>li {
	margin-bottom: 10rem;
}

.rehab-point [data-list="check"]>li:last-child {
	margin: 0;
}

.rehab-point [data-list="check"]>li>span {
	font-size: 17rem;
	color: #334155;
}

.surgery-page .txt-list {
	gap: 40rem;
}

.surgery-page .txt-list [data-list="dot"] {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.surgery-page .txt-list [data-list="dot"]>* {
	margin-bottom: 10rem;
}

.surgery-page .txt-list [data-list="dot"] span {
	font-size: 16rem;
	letter-spacing: -0.5px;
	word-break: keep-all;
}

.surgery-page .line {
	top: 47%;
}

.surgery-page .dot-list {
	gap: 40rem;
}

.surgery-page .icon-item:not(:first-child) img {
	width: 38%;
}

.cprogramm-list.surgery01>li:nth-child(1) {
	background: url(../img/content/surgery-programm0101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.surgery01>li:nth-child(2) {
	background: url(../img/content/surgery-programm0102.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.surgery01>li:nth-child(3) {
	background: url(../img/content/surgery-programm0103.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.surgery01>li:nth-child(4) {
	background: url(../img/content/cancer-programm020101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.surgery01>li:nth-child(5) {
	background: url(../img/content/cancer-programm0304.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.surgery01>li:nth-child(6) {
	background: url(../img/content/cancer-programm0202.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.surgery01>li:nth-child(7) {
	background: url(../img/content/surgery-programm0107.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.surgery01>li:nth-child(8) {
	background: url(../img/content/surgery-programm0108.jpg)no-repeat center;
	background-size: cover;
}

.img-list {
	margin-top: 50rem;
}

.img-list>li img {
	width: 100%;
	border-radius: 20rem;
	overflow: hidden;
}


@media (max-width:1300px) {
	.surgery-type .tabs>li {
		font-size: 18rem;
	}

	.box-surgery {
		gap: 0;
	}

	.box-surgery .img {
		width: 45%;
		margin-right: 50rem;
	}

	.box-surgery .txt {
		width: calc(55% - 50rem);
	}

	.surgery-page .txt-list,
	.surgery-page .dot-list {
		gap: 30rem;
	}
}

@media (max-width:1024px) {
	.surgery-type .tabs>li {
		font-size: 17rem;
	}

	.box-surgery {
		align-items: stretch;
		padding: 35rem;
		border-radius: 15rem;
	}

	.box-surgery .img {
		margin-right: 30rem;
	}

	.box-surgery .img img {
		height: 100%;
		object-fit: cover;
	}

	.box-surgery .txt {
		width: calc(55% - 30rem);
	}

	.box-surgery .txt>em {
		font-size: 14rem;
		margin-bottom: 10rem;
	}

	.box-surgery .txt>h3 {
		font-size: 30rem;
	}

	.box-surgery .txt>p {
		margin-top: 10rem;
		font-size: 17rem;
	}

	.rehab-point {
		margin-top: 15rem;
		padding: 15rem 12rem;
	}

	.rehab-point [data-list="check"]>li {
		margin-bottom: 8rem;
	}

	.rehab-point [data-list="check"]>li>span {
		font-size: 16rem;
	}

	.surgery-page .txt-list,
	.surgery-page .dot-list {
		gap: 20rem;
	}

	.surgery-page .txt-list [data-list="dot"] {
		align-items: flex-start;
		text-align: left;
	}

	.surgery-page .line {
		top: 37%;
	}

	.img-list {
		gap: 30rem;
	}
}

@media (max-width:768px) {
	.surgery-type .tabs {
		border: none;
		margin-bottom: 30rem;
	}

	.surgery-type .tabs {
		gap: 10rem;
	}

	.surgery-type .tabs>li {
		width: calc((100% / 3) - 7rem);
	}

	.surgery-type .tabs.col06>li {
		width: calc((100% / 3) - 7rem);
	}

	.surgery-type .tabs>li {
		border-radius: 8rem;
		background: rgba(255, 255, 255, 0.05);
	}

	.surgery-type .tabs>li.active {
		border: none;
		background: var(--color-point);
	}

	.box-surgery {
		display: block;
	}

	.box-surgery .img {
		width: 100%;
		margin: 0;
	}

	.box-surgery .txt {
		width: 100%;
		margin-top: 20rem;
	}

	.surgery-page .icon-item {
		height: 135rem;
		background: transparent;
	}

	.surgery-page .icon-item img {
		position: relative;
	}

	.surgery-page .icon-item:before {
		content: '';
		position: absolute;
		width: 80rem;
		height: 80rem;
		border-radius: 100%;
		background-color: rgba(255, 255, 255, 0.1)
	}

	.surgery-page .txt-item {
		height: 135rem;
	}

	.surgery-page .txt-list [data-list="dot"]>* {
		margin-bottom: 5rem;
	}

	.surgery-page .txt-list [data-list="dot"] span {
		font-size: 15rem;
		letter-spacing: 0;
	}

	.surgery-page .line {
		top: 0;
	}

	.img-list {
		gap: 20rem;
	}

	.img-list>li img {
		border-radius: 15rem;
	}
}

@media (max-width:620px) {
	.box-surgery {
		padding: 25rem;
	}

	.box-surgery .img {
		border-radius: 10rem;
	}

	.box-surgery .txt>h3 {
		font-size: 25rem;
	}
}

@media (max-width:480px) {
	.surgery-type .tabs {
		border: none;
		margin-bottom: 15rem;
	}

	.surgery-type .tabs {
		gap: 5rem;
	}

	.surgery-type .tabs.col06>li {
		width: calc((100% / 2) - 5rem);
	}

	.diet-type .tabs>li {
		width: calc((100% / 2) - 5rem);
	}

	.surgery-type .tabs>li {
		border-radius: 5rem;
		padding: 7rem 10rem;
		font-size: 11rem;
	}

	.tab_content .box-surgery {
		margin-bottom: 10rem;
	}

	.box-surgery {
		border-radius: 10rem;
		padding: 14rem;
	}

	.box-surgery .img {
		border-radius: 7rem;
	}

	.box-surgery .txt {
		margin-top: 7rem;
	}

	.box-surgery .txt>em {
		margin-bottom: 6rem;
		font-size: 10rem;
	}

	.box-surgery .txt>h3 {
		font-size: 15rem;
	}

	.box-surgery .txt>p {
		font-size: 11rem;
		line-height: 1.4em;
		margin-top: 7rem;
	}

	.rehab-point {
		padding: 10rem 5rem;
		border-radius: 6rem;
		margin-top: 10rem;
	}

	.rehab-point>h5 {
		margin-bottom: 6rem;
		font-size: 12rem;
	}

	.rehab-point [data-list="check"]>li {
		margin-bottom: 5rem;
		padding-left: 20rem;
	}

	.rehab-point [data-list="check"]>li::before {
		width: 14rem;
		height: 14rem;
	}

	.rehab-point [data-list="check"]>li::after {
		top: 3rem;
		left: 7rem;
		width: 5rem;
		height: 6rem;
	}

	.rehab-point [data-list="check"]>li>span {
		font-size: 11rem;
	}

	.surgery-page .txt-list,
	.surgery-page .dot-list {
		gap: 12rem;
	}

	.surgery-page .icon-item {
		height: 100rem;
	}

	.surgery-page .icon-item:before {
		width: 50rem;
		height: 50rem;
	}

	.surgery-page .txt-item {
		height: 100rem;
	}

	.surgery-page .txt-list [data-list="dot"]>* {
		margin-bottom: 0rem;
		line-height: 1em;
		padding-left: 8rem;
	}

	.surgery-page .txt-list [data-list="dot"]>*::before {
		top: 9rem;
	}

	.surgery-page .txt-list [data-list="dot"] span {
		font-size: 11rem;
	}

	.surgery-page .icon-item:not(:first-child) img {
		width: 43%;
	}

	.img-list {
		margin-top: 20rem;
		gap: 10rem;
		grid-template-columns: 1fr;
	}

	.img-list>li img {
		border-radius: 10rem;
	}
}

/* 무릎통증치료 */
.icon-item img.pain {
	width: 43%;
}

.cprogramm-list.pain>li:nth-child(1) {
	background: url(../img/content/cancer-programm0301.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.pain>li:nth-child(2) {
	background: url(../img/content/cancer-programm0404.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.pain>li:nth-child(3) {
	background: url(../img/content/cancer-programm0202.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.pain>li:nth-child(4) {
	background: url(../img/content/cancer-programm020101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.pain>li:nth-child(5) {
	background: url(../img/content/cancer-programm0304.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.pain>li:nth-child(6) {
	background: url(../img/content/surgery-programm0108.jpg)no-repeat center;
	background-size: cover;
}


/* 소아성장클리닉 */
.cprogramm-list.growth>li:nth-child(1) {
	background: url(../img/content/cancer-programm020101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.growth>li:nth-child(2) {
	background: url(../img/content/cancer-programm0404.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.growth>li:nth-child(3) {
	background: url(../img/content/growth-programm0103.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.growth>li:nth-child(4) {
	background: url(../img/content/cancer-programm0304.jpg)no-repeat center;
	background-size: cover;
}

/* 다이어트클리닉 */
.diet-type {
	position: relative;
	background: #0a2534 url(../img/content/bg-diet-series.jpg)no-repeat center;
	background-size: cover;
}

.box-surgery .diet-program {
	margin-top: 25rem;
	padding-top: 20rem;
	border-top: 1px dashed #eee;
}


.box-surgery .diet-program h5 {
	font-size: 16rem;
	font-weight: 700;
	color: #111;
	margin-bottom: 12rem;
}

.box-surgery .diet-program .program-list {
	grid-template-columns: 1fr 1fr 1fr;
}

.box-surgery .program-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8rem 15rem;
}

.box-surgery .program-list li span {
	font-size: 15rem;
	color: #444;
	word-break: keep-all;
}

/* 가격 영역 세련된 노출 */
.box-surgery .price-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 25rem;
	padding: 18rem 25rem;
	background: #f8f9fa;
	border-radius: 12rem;
	border: 1px solid #ebf0f5;
}

.box-surgery .price-link {
	display: inline-block;
	background: var(--color-point, #ff6b00);
	color: #fff;
	font-size: 18rem;
	font-weight: 600;
	padding: 13rem 20rem;
	margin-top: 45rem;
	border-radius: 6rem;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.box-surgery .price-wrap {
	display: flex;
	align-items: baseline;
	gap: 12rem;
}

.box-surgery .price-wrap .original {
	font-size: 18rem;
	color: #aaa;
	text-decoration: line-through;
	font-weight: 500;
}

.box-surgery .price-wrap .sale {
	font-size: 28rem;
	color: #111;
	font-weight: 800;
	letter-spacing: -0.5px;
}

.box-surgery .badge-coupon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--color-point, #ff6b00);
	color: #fff;
	font-size: 15rem;
	font-weight: 700;
	padding: 6rem 16rem;
	border-radius: 20rem;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}


.cprogramm-list.diet>li:nth-child(1) {
	background: url(../img/content/cancer-programm020101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.diet>li:nth-child(2) {
	background: url(../img/content/cancer-programm0304.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.diet>li:nth-child(3) {
	background: url(../img/content/cancer-programm0404.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.diet>li:nth-child(4) {
	background: url(../img/content/diet-programm0104.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.diet>li:nth-child(5) {
	background: url(../img/content/cancer-programm0101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.diet>li:nth-child(6) {
	background: url(../img/content/diet-programm0106.jpg)no-repeat center;
	background-size: cover;
}

@media (max-width: 1024px) {
	.box-surgery .img {
		width: 100%;
	}

	.box-surgery .txt {
		width: 100%;
	}

	.box-surgery .program-list {
		grid-template-columns: 1fr;
	}

	.box-surgery .price-info {
		padding: 15rem 20rem;
	}

	.box-surgery .price-wrap .sale {
		font-size: 24rem;
	}

	.box-surgery .price-link {
		font-size: 11rem;
		Padding: 7rem 11rem;
		margin-top: 10rem;
	}
}

@media (max-width: 480px) {
	.box-surgery .diet-program {
		margin-top: 10rem;
		padding-top: 10rem;
	}

	.box-surgery .diet-program h5 {
		font-size: 12rem;
		margin-bottom: 8rem;
	}

	.box-surgery .program-list {
		gap: 0;
	}

	.box-surgery .diet-program [data-list="check"]>li {
		margin-bottom: 5rem;
		padding-left: 20rem;
	}

	.box-surgery .diet-program [data-list="check"]>li::before {
		width: 14rem;
		height: 14rem;
	}

	.box-surgery .diet-program [data-list="check"]>li::after {
		top: 3rem;
		left: 7rem;
		width: 5rem;
		height: 6rem;
	}

	.box-surgery .diet-program [data-list="check"]>li>span {
		font-size: 11rem;
	}

	.box-surgery .price-info {
		margin-top: 10rem;
		padding: 10rem;
		border-radius: 6rem;
	}

	.box-surgery .price-wrap {
		gap: 6rem;
	}

	.box-surgery .price-wrap .original {
		font-size: 12rem;
	}

	.box-surgery .price-wrap .sale {
		font-size: 15rem;
	}

	.box-surgery .badge-coupon {
		font-size: 11rem;
		padding: 8rem 10rem;
	}
}

/* 자동차 사고 */
.cprogramm-list.car>li:nth-child(1) {
	background: url(../img/content/cancer-programm020101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.car>li:nth-child(2) {
	background: url(../img/content/cancer-programm0304.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.car>li:nth-child(3) {
	background: url(../img/content/cancer-programm0202.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.car>li:nth-child(4) {
	background: url(../img/content/cancer-programm0404.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.car>li:nth-child(5) {
	background: url(../img/content/surgery-programm0108.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.car>li:nth-child(6) {
	background: url(../img/content/cancer-programm0303.jpg)no-repeat center;
	background-size: cover;
}



/* 닥터편사 */
.skin-page .surgery-type {
	background: #0a2534 url(../img/content/bg-skin.jpg)no-repeat center;
	background-size: cover;
}

.skin-page .surgery-type .tabs>li {
	color: rgba(255, 255, 255, 0.5);
}

.skin-page .surgery-type .tabs>li.active {
	color: rgba(255, 255, 255, 1);
}

.cprogramm-list.skin01>li:nth-child(1) {
	background: url(../img/content/cancer-programm020101.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.skin01>li:nth-child(2) {
	background: url(../img/content/cancer-programm0202.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.skin01>li:nth-child(3) {
	background: url(../img/content/skin-programm0103.jpg)no-repeat center;
	background-size: cover;
}

.cprogramm-list.skin01>li:nth-child(4) {
	background: url(../img/content/skin-programm0104.jpg)no-repeat center;
	background-size: cover;
}






/* 고객센터 */
.box-pirvacy {
	display: block;
	padding: 50rem;
	box-sizing: border-box;
	border-radius: 10rem;
	background: #f9f9f9;
}

.box-pirvacy>h3 {
	display: block;
	font-size: 24rem;
	font-weight: 700;
	color: #333;
}

.chk_box_wrap {
	display: block;
	margin: 15rem 0 0;
}

.box-cs .top {
	display: block;
	text-align: right;
	margin-bottom: 50rem;
	font-size: 16rem;
	font-weight: 600;
	color: #222;
	border-bottom: 2px solid #222;
	padding-bottom: 10rem;
	box-sizing: border-box;
}

.box-cs .top .ess {
	position: relative;
	top: 2rem;
	margin-right: 5rem;
	display: inline-block;
	color: #ff4002;
}

.text-box {
	position: relative;
	margin: 20rem 0 0;
}

.text-box .text {
	background: #fff;
	padding: 20rem;
	box-sizing: border-box;
	border: 1px solid #eee;
	box-sizing: border-box;
	border-radius: 5rem;
}

.text-box .text p {
	display: block;
	margin-bottom: 3rem;
	font-size: 16rem;
	font-weight: 400;
	color: #666;
	line-height: 1.4em;
	word-break: keep-all;
}

.box-cs {
	margin-top: 40rem;
}

.box-cs input {
	display: block;
	padding: 15rem;
	width: 100%;
	height: 60rem;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 5rem;
	font-size: 16rem;
	color: #333;
	outline: none;
}

.box-cs textarea {
	display: block;
	padding: 15rem;
	width: 100%;
	height: 200rem;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 5rem;
	font-size: 16rem;
	color: #333;
	outline: none;
}

.input-list {
	display: grid;
	gap: 20rem;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 30rem;
}

.box-cs label {
	position: relative;
	display: inline-block;
	margin-bottom: 10rem;
	font-size: 17rem;
	font-weight: 600;
	color: #333;
	line-height: 1em;
	word-break: keep-all;
}

.box-cs label .ess {
	position: absolute;
	top: -4rem;
	right: -10rem;
	color: #ff4002;
}

.input-content {
	display: block;
	margin: 30rem 0 0;
}

.area-btn {
	margin: 40rem auto 0;
	text-align: center;
}

.input-submit,
.area-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 170rem;
	height: 60rem;
	background: var(--color-point);
	font-size: 18rem;
	color: #fff;
	font-weight: 600;
	border-radius: 5rem;
	box-sizing: border-box;
	border: None;
}

/*checkbox_custom*/
.ckbox input[type="checkbox"] {
	display: none;
	width: 20rem;
	height: 15rem;
}

.ckbox input[type="checkbox"]+label span {
	display: inline-block;
	margin-right: 5rem;
	width: 26rem;
	height: 26rem;
	background: url(../img/sub/img_check.png) left top no-repeat;
	cursor: pointer;
}

.ckbox label {
	display: flex;
	position: relative;
	padding-left: 28rem;
	color: rgba(0, 0, 0, 0.4);
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.ckbox label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	width: 20rem;
	height: 20rem;
	border: 1rem solid #ddd;
	background: #fff;
	border-radius: 3rem;
	box-sizing: border-box;
}

.ckbox label:hover input~.checkmark {}

.ckbox label input:checked~.checkmark {
	border: 1rem solid var(--color-point);
	background-color: var(--color-point);
}

.checkmark:after {
	display: none;
	position: absolute;
	content: "";
}

.ckbox label input:checked~.checkmark:after {
	display: block;
}

.ckbox label .checkmark:after {
	top: 2.5rem;
	left: 7rem;
	width: 5rem;
	height: 9rem;
	border: 1px solid #fff;
	border-width: 0 1px 1px 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.ckbox em {
	position: relative;
	top: 1.5rem;
	font-size: 16rem;
	font-weight: 500;
	color: #333;
	line-height: 1em;
	word-break: keep-all;
}





@media (max-width:1024px) {
	.box-pirvacy {
		padding: 40rem;
	}

	.input-list {
		gap: 15rem;
	}
}

@media (max-width:768px) {
	.box-pirvacy {
		padding: 30rem;
	}

	.box-pirvacy>h3 {
		font-size: 22rem;
	}

	.text-box {
		margin: 15rem 0 0;
	}

	.text-box .text {
		padding: 15rem;
	}

	.box-cs input {
		padding: 12rem;
		height: 55rem;
	}
}

@media (max-width:620px) {
	.box-pirvacy {
		padding: 20rem;
	}

	.box-pirvacy>h3 {
		font-size: 20rem;
	}

	.text-box {
		margin: 10rem 0 0;
	}

	.text-box .text p {
		font-size: 15rem;
	}

	.box-cs {
		margin-top: 30rem;
	}

	.box-cs .top {
		margin-bottom: 30rem;
		font-size: 15rem;
	}

	.box-cs label {
		font-size: 16rem;
	}

	.input-list {
		gap: 15rem;
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 15rem;
	}

	.input-content {
		margin: 15rem 0 0;
	}
}

@media (max-width:480px) {
	.box-pirvacy {
		padding: 15rem 12rem 18rem;
		border-radius: 5rem;
	}

	.box-pirvacy>h3 {
		font-size: 14rem;
	}

	.text-box {
		margin: 7rem 0 0;
	}

	.text-box .text {
		padding: 12rem;
		height: 100rem;
		overflow-y: scroll;
	}

	.text-box .text::-webkit-scrollbar {
		width: 4rem;
	}

	.text-box .text p {
		font-size: 11rem;
		margin-bottom: 1rem;
	}

	.chk_box_wrap {
		margin: 10rem 0 0;
	}

	.ckbox label {
		padding-left: 20rem;
	}

	.ckbox label .checkmark:after {
		top: 1rem;
		left: 5rem;
		width: 4rem;
		height: 8rem;
	}

	.checkmark {
		width: 15rem;
		height: 15rem;
	}

	.ckbox em {
		font-size: 11rem;
	}

	.box-cs {
		margin-top: 20rem;
	}

	.box-cs .top {
		margin-bottom: 15rem;
		font-size: 12rem;
	}

	.box-cs label {
		font-size: 12rem;
		margin-bottom: 5rem;
	}

	.box-cs label .ess {
		top: -3rem;
		right: -8rem;
	}

	.box-cs input {
		height: 40rem;
		padding: 10rem;
		font-size: 12rem;
	}

	.input-list {
		gap: 10rem;
		margin-bottom: 10rem;
	}

	.input-content {
		margin: 10rem 0 0;
	}

	.box-cs textarea {
		height: 120rem;
		padding: 10rem;
		font-size: 12rem;
	}

	.area-btn {
		margin: 20rem auto 0;
	}

	.input-submit,
	.area-btn a {
		width: 70rem;
		height: 25rem;
		font-size: 11rem;
	}



	.area_policy {
		padding-top: 0;
	}

	.area_policy h2 {
		padding: 30rem 0;
		font-size: 40rem;
		color: #222;
		text-align: center;
		font-weight: 700;
	}

	.area_policy h3 {
		margin-bottom: 20rem;
		font-weight: 700;
		font-size: 22rem;
		color: #222;
	}

	.area_policy ul li,
	.area_policy p {
		line-height: 1.6;
		font-weight: 400;
		font-size: 15rem;
		color: #666;
		text-align: justify;
	}

	.area_policy ul li {
		margin-bottom: 8rem;
	}

	.area_policy ul li:last-child {
		margin: 0;
	}

	.area_policy ul li ul {
		margin-top: 5rem;
		margin-bottom: 20rem;
	}

	.area_policy ul li ul li {
		margin-bottom: 2rem;
		font-size: 15rem;
	}

	.area_policy .inr_policy {
		padding: 40rem 0;
		border-bottom: 1rem solid #ddd;
	}

	.area_policy .inr_policy.first {
		padding-top: 0;
	}

	.area_policy .inr_policy:last-child {
		border: none;
	}
}
@media (max-width:480px) {
	.area_policy h3 {
		font-size: 15rem;
		margin-bottom: 7rem;
	}

	.area_policy .inr_policy {
		padding: 20rem 0;
	}

	.area_policy ul li,
	.area_policy p {
		font-size: 12rem;
		line-height: 1.4em;
		margin-bottom: 4rem;
		text-align: left;
	}

	.area_policy ul li ul {
		margin-top: 2rem;
		margin-bottom: 7rem;
	}

	.area_policy ul li ul li {
		font-size: 12rem;
		margin-bottom: 4rem;
	}

}




/* login */

#login-box {
	position: relative;
	width: 500rem;
	margin: 0 auto;
}

#login-box #login_area {
	background-color: #fff;
}

#login-box #login_area h2.member {
	font-size: 30rem;
	font-family: Gotham, notokr;
}

#login-box #login_area h2 {
	line-height: 50rem;
	text-align: center;
	font-size: 48rem;
}

#login-box #login_area h3 {
	text-align: center;
	color: #666
}

#login-box #login_area h3 p {
	font-size: 15rem;
	font-weight: normal;
}

#login-box #login_area #login_fs {
	margin-top: 0rem;
	padding: 0;
}

#login-box #login_area #login_fs .login_input {
	width: 100%;
	height: 55rem;
	line-height: 55rem;
	padding: 0 25rem;
	margin-bottom: 10rem;
	border: none;
	background-color: #f9f9f9;
	border: 1rem solid #e4e4e4;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 16rem;
	color: #111;
}

#login-box #login_area #login_fs .login_input:focus {
	border: 1rem solid #1974d9 !important;
	box-shadow: none;
}

#login-box #login_area #login_fs .login_input::placeholder {
	color: #666;
}

#login_fs label {
	position: relative;
	top: -2rem;
	font-size: 14rem;
	font-weight: 500;
	color: #555;
}

#login-box #login_area #login_fs .btn_submit {
	display: block;
	width: 100%;
	height: 63rem;
	margin-top: 20rem;
	background: var(--color-point);
	text-align: center;
	color: #fff;
	font-size: 18rem;
	font-weight: 500;
	border-radius: 0;
	transition: all 0.3s ease;
}

#login-box #login_area #login_fs .btn_submit:hover {
	background: #042d66;
}

#login-box #login_info {
	position: relative;
	padding: 0rem 0;
	margin-top: -1rem;
	border: 0rem solid #dfdce1;
	background-color: #fff;
	text-align: center;
}

#login-box #login_info p {
	font-size: 13rem;
}

#login-box #login_info div {
	margin-top: 0rem;
}

#login-box #login_info div a {
	display: inline-block;
	width: 155rem;
	height: 34rem;
	line-height: 34rem;
	border: 1rem solid #d5d5d5;
	color: #333;
	font-size: 13rem;
	font-weight: bold
}

#login-box #login_info div a:last-child {
	margin-left: -1rem
}

#login-box .button_etc {
	position: relative;
	width: 100%;
	text-align: center;
	display:none;
}

#login-box .button_etc a {
	display: inline-block;
	margin: 25rem 10rem 0rem;
	font-size: 14rem;
	font-weight: 600;
	color: #555;
	border: none;
}

#login-box .button_etc a:hover {
	color: var(--color-point);
}

@media (max-width:768px) {}

@media (max-width:620px) {
	#login-box {
		width: 100%;
	}
}

@media (max-width:480px) {
	#login-box #login_area #login_fs .login_input {
		height: 45rem;
		line-height: 45rem;
		padding: 10rem;
		font-size: 12rem;
		margin-bottom: 7rem;
	}

	#login_fs label {
		font-size: 12rem;
		top: 0;
	}

	#login-box #login_area #login_fs .btn_submit {
		margin-top: 10rem;
		height: 45rem;
		font-size: 15rem;
	}

	#login-box .button_etc a {
		margin: 15rem 0;
		font-size: 12rem;
	}
}