.material-intro {
	color: #545456;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	margin-top: 2.4rem;
}

.material-info {
	padding: 5.8rem 5rem;
}

.material-info__tit {
	color: #111;
	font-size: 2.6rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 1.2rem;
}

.material-info {
	background: url(/_res/kha_main/kha_home/img/common/material-info.png) no-repeat center;
	background-size: cover;
	border-radius: 1rem;
	margin-top: 0;
}

.material-info__item .tit {
	display: flex;
	align-items: center;
	margin-right: 2.4rem;
	color: #111;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.5;
}

.material-info__item .tit img {
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 0.8rem;
}

.material-info__item {
	display: flex;
	align-items: center;
	color: #111;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.5;
}

.material-info__item+.material-info__item {
	margin-top: 1rem;
}

.material-info+.material-map {
	margin-top: 4rem;
	z-index: 0;
}

.material-map {
	margin-bottom: 0;
}

.material-box__tit {
	color: #111;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.5;
}

.material-block-list {
	display: flex;
	flex-direction: column;
}

.material-block {
	flex: 1;
	border-radius: 1rem;
	background: #FAFBFD;
	display: flex;
	padding: 3.2rem 4rem;
}

.material-block__left {
	display: flex;
	align-items: center;
	width: 11.5rem;
}

.material-block__right {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: calc(100% - 11.5rem);
	grid-gap: 1.2rem 12rem;
}

.material-block+.material-block {
	margin-top: 1.6rem;
}

.material-block__title {
	display: flex;
	align-items: center;
	color: #111;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.5;
}

.material-block__title img {
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 0.8rem;
}

.material-block__item {
	color: #333;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
	display: flex;
	align-items: center;
}

.material-block__item span {
	width: 2.5rem;
	height: 2.5rem;
	color: #FFF;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.6;
	display: block;
	border-radius: 0.4rem;
	margin-right: 0.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.material-block__item span.bol {
	background: #604798;
	border-radius: 999px;
	font-size: 1.4rem;
}

.material-block__item span.green {
	background: #039D01;
}

.material-block__item span.blue {
	background: #354CAC;
}

.material-block__item span.brown {
	background: #957743;
}

.material-block__item span.red {
	background: #DD4F4B;
}

.material-block__item span.cyan {
	background: #00948C;
}

.leaflet-popup-content {
	font-size: 2rem !important;
}

.leaflet-popup-close-button span {
	font-size: 2rem;
}

.material-box+.material-box {
	margin-top: 6rem;
}



.title-description {
	color: #545456;
	font-size: 1.6rem;
	letter-spacing: -0.25px;
	font-weight: 400;
	padding-top: 2.4rem;
	padding-bottom: 4rem;
}

.name-card-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-top: 0;
	margin: 0 auto;
	gap: 1.2rem;
	row-gap: 2rem;
}

.name-card {
	background: #fff;
	border-radius: 1rem;
	flex: 0 0 calc((100% - 2.4rem) / 3);
	padding: 2rem;
	align-items: center;
	position: relative;
	border: 1px solid #EAEAEA;
}

.name-card-img {
	width: 12rem;
	height: 14rem;
	border-radius: 0.6rem;
	object-fit: cover;
}

.name-card-title {
	font-size: 2.1rem;
	font-weight: 600;
	color: #111;
	text-align: center;
}

.name-card-title span {
	color: #747478;
	display: inline-block;
	padding-left: 1rem;
	font-size: 1.6rem;
	letter-spacing: -0.025rem;
	font-weight: 500;
}

.name-card-period {
	color: #111111;
	text-align: left;
	font-size: 1.6rem;
	letter-spacing: -0.025rem;
	font-weight: 400;
}

.name-card-history {
	font-size: 0.98rem;
	color: #444;
	margin-bottom: 10px;
	text-align: center;
}

.name-card-actions {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.name-card-date {
	color: #747478;
	font-size: 1.6rem;
	letter-spacing: -0.025rem;
	font-weight: 500;
}

.material-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	border: none;
	border-radius: 6px;
	padding: 7px 18px;
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
	transition: background 0.2s, box-shadow 0.2s;
	box-shadow: 0 1px 3px rgba(33, 150, 243, 0.08);
	font-size: 1.6rem;
}

.material-btn.edit {
	background: #fff;
	color: #1976d2;
	border: 1px solid #90caf9;
}

.material-btn.delete {
	background: #fff;
	color: #d32f2f;
	border: 1px solid #ef9a9a;
}

.material-btn.delete:hover {
	background: #ffebee;
}

.material-btn.add {
	background: #2196f3;
	color: #fff;
	margin-bottom: 24px;
	font-size: 1.1rem;
	padding: 10px 24px;
}

.material-btn.add:hover {
	background: #1976d2;
}

.card-txt-info {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	row-gap: 1rem;
	align-items: flex-start;
	justify-content: center;
	width: calc(100% - 13rem);
}

.name-card-sort {
	color: #0046a3;
	font-size: 1.7rem;
	font-weight: 600;
	letter-spacing: -0.025rem;
}

.card-inner {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	padding-top: 3rem;
}

.name-card-list.type-blue .name-card {
	background: #fafbfd;
	border-radius: 1rem;
	border: none;
	padding: 3rem;
}

.name-card-list.type-blue.two-stage .name-card {
	padding: 0 4rem 0 3rem;
	height: 19.5rem;
	/* display: flex; */
	box-sizing: border-box;
	width: 52.8rem;
}

.name-card-list.type-blue.two-stage .name-card.custom-padding {
	padding: 0 3rem 0 3rem;
}

.name-card-list.type-blue .card-txt-info {
	width: 100%;
}

.name-card-list.type-blue .name-card-sort {
	color: #545456;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1.6;
}

.name-card-list.type-blue .name-card-title {
	color: #111;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1.5;
}

.name-card-list.type-blue .name-card-date {
	color: #747478;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
}

.name-card-list.type-blue .name-card-history {
	color: #0046A3;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 0;
	padding-top: 1.5rem;
	border-top: 1px solid #eaeaea;
	width: 100%;
	text-align: left;
}

.name-card-list.type-blue {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2.4rem;
	gap: 2.4rem;
}

.name-card-list.type-blue.two-stage {
	grid-template-columns: repeat(2, 1fr);
}

.name-card-list.type-blue .card-txt-info.row {
	display: flex;
	flex-direction: row;
	position: relative;
	justify-content: space-between;
}

.card-txt-info__top {
	display: flex;
	align-items: center;
}

.card-txt-info__right {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.name-card-list.type-blue .card-txt-info__top .name-card-sort {
	color: #0046a3;
	margin-left: 1.2rem;
}

.name-card-list.type-blue .name-card-adress {
	color: #545456;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 160%;
	height: 5.2rem;
	display: flex;
	align-items: flex-end;
	word-break: keep-all;
}

.name-card-list.type-blue .card-txt-info__bottom {
	display: flex;
	align-items: center;
}

.name-card-list.type-blue .name-card-num,
.name-card-list.type-blue .name-card-fax {
	color: #545456;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
	display: flex;
	align-items: center;
}

.name-card-list.type-blue .name-card-num+.name-card-fax {
	margin-left: 1rem;
}

.card-txt-info__top+.name-card-adress {
	margin-top: 0.8rem;
}

.name-card-adress+.card-txt-info__bottom {
	margin-top: 1rem;
}

.name-card-list.type-blue .name-card-num img,
.name-card-list.type-blue .name-card-fax img {
	width: 2rem;
	height: 2rem;
	margin-right: 0.6rem
}

.name-card-list.type-blue .name-card-tag {
	border-radius: 0.4rem;
	border: 1px solid #EBF1F8;
	background: #FFF;
	display: block;
	text-align: center;
	color: var(--gray-70464648, #464648);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.6;
	padding: 0.4rem 0;
	position: absolute;
	width: 100%;
	bottom: -0.3rem;
}

.name-card-list.type-blue .card-img {
	position: relative;
}

.name-card-list.type-blue .frame {
	width: 17rem;

}

.name-card-list.type-blue .frame img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.name-card-list.type-blue .card-link {
	position: absolute;
	right: 2.4rem;
	top: 2.4rem;
	width: 2rem;
	height: 2rem;
	display: block;
	z-index: 3;
}

.card-txt-info__left {
	width: 30rem;
	/* margin-right: 3.1rem; */
}

.card-txt-info__right {
	width: calc(100% - 34rem);
	/* margin-left: 6rem; */
}

.card-txt-info__right:has(.frame) {
	width: calc(100% - 28.8rem);
	/* margin-left: 2.1rem; */
}

.card-txt-info__right .card-img .name-card-img {
	width: 12.6rem;
	height: 12.6rem;
}

.bg-box {
	background-size: cover;
	border-radius: 1rem;
	overflow: hidden;
	margin-top: 0;
	position: relative;
}
.bg-box.ethics .bg-img{
	position:relative;
	height:0;
	padding-bottom: 21.57%;
}
.bg-box.ethics .bg-img img{
	position:absolute;
	left:0;
	top:0;
}

.bg-box+.btn-wrap {
	margin-top: 1.6rem;
}

.btn-wrap+.tit-depth__03 {
	margin-top: 2rem;
}

.bg-box .txt-wrap {
	position: absolute;
	left: 6rem;
	top: 6.5rem;
}

.bg-box {}

.bg-box+.tit-depth__03 {
	margin-top: 6rem;
}

.tit-depth__03+.sub-box--outlined {
	margin-top: 1.6rem;
}

.tit-depth__03+.sub-box--filled {
	margin-top: 2rem;
}

.sub-box--outlined+.tit-depth__03 {
	margin-top: 4rem;
}

.sub-box--filled+.sub-box-white.three-stage {
	margin-top: 3rem;
}

.sub-box-white.three-stage {
	flex-direction: column;
}

.white-stage+.white-stage {
	margin-top: 2rem;
}

.white-stage {
	display: flex;
	border-radius: 999px;
	border: 2px solid #EBF1F8;
	background: #FFF;
	width: 100%;
	padding: 1.6rem;
	align-items: center;
}

.white-stage__icon {
	display: flex;
	flex-direction: column;
	border-radius: 999px;
	display: flex;
	align-items: center;
	padding: 4.7rem 2.6rem;
	width: 22rem;
	height: 22rem;
	margin-right: 5rem;
}

.white-stage__icon .icon {
	width: 5.2rem;
	display: flex;
	height: 5.2rem;
}

.white-stage__icon .sub-tit {
	color: rgba(255, 255, 255, 0.66);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.6;
	margin-top: 1.6rem;
}

.white-stage__icon .tit {
	color: #FFF;
	text-align: center;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(0, 0, 0, 0.06);
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
	margin-top: 0.2rem;
}

.white-stage__txt {
	width: calc(100% - 27rem);
}

.white-stage__txt .tit {
	color: #111;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.5;
}

.white-stage__txt .lists {
	margin-top: 1.4rem;
}

.white-stage__txt .lists li {
	color: #333;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
}

.white-stage__txt .lists li strong {
	color: #333;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.6;
}

.vision-img-01 {
	width: 67.3rem;
	display: block;
	margin: 0 auto;
}

.bg-box .tit+.txt {
	margin-top: 1.2rem;
}

.bg-box .tit {
	display: flex;
	align-items: center;
	margin-right: 2.4rem;
	color: #111;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.5;
}

.bg-box .txt {
	color: #111;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 150%;
	position: relative;
}

.bg-box.ethics .txt:before {
	content: '';
	display: block;
	background: #111;
	width: 0.1rem;
	height: 2.2rem;
	transform: rotate(45deg);
	position: absolute;
	top: -2.3rem;
	left: 0.5rem;
}

.bg-box .txt .blue-block {
	display: block;
	color: #111;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.5;
}

.bg-box .txt .black-block {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.5;
}

.bg-box .txt .black-block b {
	font-weight: 700;
}

.bg-box .tit img {
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 0.8rem;
}

.sub-box--outlined+.sub-box--filled {
	margin-top: 1.6rem;
}

.purpose-img-01 {
	width: 61.1rem;
	display: block;
	margin: 0 auto;
}

.sub-box-white__right {
	width: 100%;
	display: grid;
	flex-direction: column;
	/* grid-row-gap: 2.4rem; */
}

.sub-box-white .white-item {
	/* border-left:1px solid #000; */
	padding-left: 3rem;
	height: 100%;
	flex-grow: 1;
	/* padding-bottom: 2.4rem; */
	position: relative;
}

.sub-box-white .white-item:nth-child(even) {
	padding-top: 2.4rem;
	padding-bottom: 2.4rem;
}

.sub-box-white .white-item+.white-item {
	/* padding-top: 0; */
	position: relative;
}

.sub-box-white .white-item .inner {
	border-radius: 1rem;
	background: #fafbfd;
	padding: 3.6rem 4rem;
	position: relative;
	height: 100%;
}

.sub-box-white .white-item:before {
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	top: -5%;
	border-radius: 0;
	width: 10.3rem;
	height: 100%;
	border-left: 1px solid #e2e5e9;
	box-sizing: border-box;
	z-index: 0;
}

.sub-box-white .white-item:first-child:before {
	top: 49.5%;
	transform: unset;
	height: 80%;
	border-top: 1px solid #e2e5e9;
	border-radius: 1rem 0 0 0;
}

.sub-box-white .white-item:last-child:before {
	top: -29%;
	height: 80%;
	transform: unset;
	border-bottom: 1px solid #e2e5e9;
	border-radius: 0 0 0 1rem;
}

.sub-box-white .white-item .inner:after {
	content: '';
	position: absolute;
	z-index: 2;
	left: -1.3%;
	top: 50%;
	border: 4px solid #fff;
	box-sizing: border-box;
	border-radius: 999px;
	transform: translateY(-50%);
	background: #E2E5E9;
	padding: 0.5rem;
}

.sub-box-white .white-item .tit {
	color: #111;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.5;
}

.sub-box-white .white-item .lists {
	margin-top: 1.6rem;
}

.sub-box-white .white-item .lists li {
	color: #333;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
	position: relative;
	padding-left: 0.9rem;
}

.sub-box-white .white-item .lists li:before {
	content: '·';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #333;
	font-size: 2rem;
	left: 0;
}

.sub-box-white .white-item .lists li+li {
	margin-top: 0.2rem;
}

.sub-box-white__left {
	/* width:24rem; */
	padding-left: 4rem;
}

.purpose-img-02 {
	display: block;
	position: relative;
	margin-right: 2rem;
	height: 100%;
	width: 24rem;
}

.purpose-img-02 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.purpose-img-02:before {
	content: '';
	position: absolute;
	z-index: 2;
	right: -17%;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0;
	width: 4.3rem;
	height: 0.1rem;
	background: #e2e5e9;
	box-sizing: border-box;
	z-index: 0;
}

.outlined-icon {
	width: 14rem;
	margin-right: 6rem;
}

.outlined-icon span {
	background: #F4F9FF;
	display: block;
	padding: 3.8rem;
	border-radius: 999px;
}

.outlined-list {
	display: flex;
	grid-auto-flow: column;
	width: calc(100% - 20rem);
}

.outlined-list .list-item {
	flex: 1;
}

.outlined-list .list-item:nth-of-type(2) {
	flex: 1 0 5%;
}

.outlined-list .list-item .tit {
	color: #111;
	font-size: 2rem;
	font-weight: 600;
	line-height: 150%;
}

.outlined-list .list-item+.list-item {
	margin-left: 6rem;
}

.outlined-list .list-item .lists {
	margin-top: 1.6rem;
}

.outlined-list .list-item .lists li {
	color: #111;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
	position: relative;
	padding-left: 0.8rem;

	/* letter-spacing: -0.25px; */
}

.outlined-list .list-item .lists li:before {
	content: '·';
	position: absolute;
	top: 9.5px;
	transform: translateY(-50%);
	color: #111;
	font-size: 2rem;
	left: 0;
}

.white-stage.level-01 .white-stage__icon {
	background: #3f78e3;
}

.white-stage.level-02 .white-stage__icon {
	background: #0046a3;
}

.white-stage.level-03 .white-stage__icon {
	background: #072660;
}

.bg-box.greeting {
	border-radius: 1rem;
	background: #FAFBFD;
	padding: 6rem 4rem 8rem 4rem;
	position: relative;
}

.bg-box.greeting:before,
.bg-box.greeting:after {
	content: '';
	display: block;
	position: absolute;
}

.bg-box.greeting:before {
	right: 9.885rem;
	bottom: -0.242rem;
	width: 47.3rem;
	height: 45.7rem;
	background: url(/_res/kha_main/kha_home/img/common/greeting-01.png) no-repeat;
	background-size: 47.3rem;
	z-index: 0;
}

.bg-box.greeting:after {
	right: 1.5rem;
	bottom: 1rem;
	width: 37.9rem;
	height: 66.5rem;
	background: url(/_res/kha_main/kha_home/img/common/greeting-02.png) no-repeat;
	background-size: contain;
	z-index: 0;
}

.bg-box.greeting .tit {}

.bg-box.greeting .txt-wrap {
	position: relative;
	margin-top: 2.4rem;
	z-index: 2;
	left: unset;
	top: unset;
	width: 59rem;
}

.bg-box.greeting .txt {
	color: #111;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.6;
	word-break: keep-all;
}

.bg-box.greeting .txt+.txt {
	margin-top: 2.6rem;
}

.bg-box+.one-column-list {
	margin-top: 4rem;
}

.lists.blue-box li {
	padding-left: 2.8rem;
	font-size: 1.7rem;
	font-weight: 400;
	color: #111;
}

.lists.blue-box li span {
	font-weight: 600;
}

.lists.blue-box li+li {
	margin-top: 1.6rem;
}

.lists.blue-box li:before {
	position: absolute;
	left: 0;
	top: 0.7rem;
	width: 1.2rem;
	height: 1.2rem;
	background: #003676;
	border-radius: 0.2rem;
}

.mission-wrap {
	background: #FAFBFD;
	border-radius: 1rem;
	padding: 6rem 11rem 8rem 11rem;
}
.mission-wrap:has(.mission-list li + li){
	padding: 6rem 4.6rem 8rem 4.6rem;
}
.mission-cate {
	color: #0046A3;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.6;
}

.mission-cate {}

.mission-tit {
	color: #111;
	text-align: center;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.5;
}

.mission-list {
	display: flex;
	margin-top: 4rem;
	justify-content: center;
}
.mission-list:has(li + li) li{
	min-width:22rem;
	max-width:22rem;
}
.mission-list:has(li + li) li .mission-list-txt{
	display: flex;
	align-items: flex-start;
	height: 7.2rem;
}
.mission-list li {
	border-radius: 999px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	/* padding: 0 3rem; */
	height: 22rem;
	width: 22rem;
	/* max-width: 22rem; */
	flex: 1;
	box-shadow: 0px 0px 24px 0px rgba(140, 160, 197, 0.10);
}

.mission-list li+li {
	margin-left: 1.6rem;
}

.mission-list li .frame {
	width: 5.6rem;
	height: 5.6rem;
}

.mission-list-txt {
	color: #111;
	text-align: center;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 1.8rem;
	padding: 0 3.4rem;
	word-break: keep-all;
	height: 5.4rem;
	display: block;
	align-items: center;
}

.mission-list-txt b {
	font-weight: 700;
}

.lists.num li {
	color: #111;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.6;
}

.tit-depth__03+.lists.num {
	margin-top: 1.6rem;
}

.lists.num+.tit-depth__03 {
	margin-top: 4rem;
}

.lists.num.cont-in .lists.dot {
	margin-left: 1.6rem;
	margin-top: 0.4rem;
}

.lists.num.cont-in>li+li {
	margin-top: 1.6rem;
}

.lists.num.cont-in .lists.dot li {
	color: #333;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.6;
}

.lists.num.cont-in .lists.dot li:before {
	background: #333;
}

.material-img-wrap {
}

.material-img-wrap+.material-box {
	margin-top: 2.4rem;
}

.material-box {
	display: flex;
	padding: 3rem 4rem;
	background: #fafbfd;
	border-radius: 1rem;
}

.material-box__tit {
	width: 16.3rem;
	color: #3F78E3;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.5;
}

.material-txt-list {
	padding-left: 5rem;
	border-left: 1px solid #E2E5E9;
}

.material-txt+.material-txt {
	margin-top: 1.2rem;
}

.material-txt {
	color: #333;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.6;
	display: flex;
	align-items: center;
}

.material-txt span {
	width: 2.4rem;
	height: 2.4rem;
	display: block;
	margin-right: 1.2rem;
}

.material-img {
	width: 100%;
	display: block;
	margin: 0 auto;
	position:relative;
	height:0;
	padding-bottom: 37.256%;
}
.material-img img {
	width: 100%;
	border: 1px solid #eaeaea;
	border-radius: 1rem;
	overflow: hidden;
	position:absolute;
	left:0;
	top:0;
}


/*회원병원 소개 페이지 */
.hospital-card-list {
	display: grid;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
	gap: 1.2rem;
	grid-gap: 1.2rem;
	grid-template-columns: repeat(3,1fr);
}

.hospital-card {
	background: #FAFBFD;
	border-radius: 1rem;
	flex: 0 0 calc((100% - 2.4rem) / 3);
	padding: 2rem;
	align-items: center;
	position: relative;
}

.hospital-card-group {
	font-size: 1.7rem;
	line-height: 1.5;
	font-weight: 600;
	color: #0046A3;
	padding-bottom: 0.8rem;
}

.hospital-card-name {
	font-size: 2.2rem;
	color: #111;
	font-weight: 600;
	letter-spacing: -0.25px;
	line-height: 1.5;
	padding-bottom: 1rem;
}

.hospital-card-address {
	position: relative;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 400;
	color: #545456;
	padding-left: 2.8rem;
	letter-spacing: -0.25px;
	word-break: keep-all;
	padding-bottom: 0.8rem;
}

.hospital-card-address::before {
	position: absolute;
	content: '';
	width: 2rem;
	height: 2rem;
	background-image: url('/_res/kha_main/kha_gangwon/img/sub/icn_hospital-card-adr.svg');
	background-position: center center;
	background-size: 1.6rem 1.6rem;
	background-repeat: no-repeat;
	left: 0;
	top: 0.1rem;
}

.hospital-card-tel {
	position: relative;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #545456;
	font-weight: 400;
	padding-left: 2.8rem;
}

.hospital-card-tel::before {
	position: absolute;
	content: '';
	width: 2rem;
	height: 2rem;
	background-image: url('/_res/kha_main/kha_gangwon/img/sub/icn_hospital-card-tel.svg');
	background-position: center center;
	background-size: 1.6rem 1.6rem;
	background-repeat: no-repeat;
	left: 0;
	top: 0.1rem;
}

.hospital-card-fax {
	position: relative;
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #545456;
	font-weight: 400;
	padding-left: 2.5rem;
	margin-left: 1.4rem;
}

.hospital-card-fax::before {
	position: absolute;
	content: '';
	width: 2rem;
	height: 2rem;
	background-image: url('/_res/kha_main/kha_gangwon/img/sub/icn_hospital-card-fax.svg');
	background-position: center center;
	background-size: 1.6rem 1.6rem;
	background-repeat: no-repeat;
	left: 0;
	top: 0.1rem;
}

/* 회장 인사말 페이지 */

.sub-wrap__intro .square-box p {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 0.2rem;
	background-color: #0046A3;
	margin-bottom: 1.6rem;
	font-weight: 400;
}

.sub-wrap__intro .intro-txt p {
	font-size: 1.7rem;
	color: #111;
	line-height: 1.6;
	letter-spacing: -0.25px;
	max-width: 74%;
	word-break: keep-all;
}
.sub-wrap__intro .intro-txt p span{
	display:block;
}
.sub-wrap__intro .intro-txt p span + span{
	margin-top: 2.5rem;
}
.sub-wrap__intro .intro-txt p strong{
	margin-left:1rem;
}
.sub-wrap__intro .intro-txt p b {
	font-weight: 600;
}

.sub-wrap__intro .txt-person {
	font-size: 1.5rem;
	color: #111;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: -0.25px;
	margin-top: 4rem;
}
.sub-wrap__intro .txt-person .name{
	font-family: "Noto Serif KR";
    font-size: 2.4rem;
    font-weight: 500;
    margin-left: 1.6rem;
    display: inline-block;
}
    
.sub-wrap__intro .txt-person b {
	display: inline-block;
	padding-left: 1.6rem;
}

.sub-wrap__intro .person-img-txt {
	position: relative;
	height: fit-content;
	overflow: hidden;
}
.sub-wrap__intro .person-img-txt .bg-img{
	width:100%;
	height: 0;
	padding-bottom: 35.785%;
	overflow: hidden;
}
.sub-wrap__intro .person-img-txt .bg-img img{
	width:100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: contain;
}
.sub-wrap__intro .person-img-txt .txt-wrap {
	position: absolute;
	top: 6.5rem;
	left: 6rem;
}
.sub-wrap__intro .person-img-txt .txt-wrap strong{
	color:#fff;
	font-weight: 700;
	letter-spacing: -0.25px;
}
.sub-wrap__intro .person-img-txt .self-txt{
	position: absolute;
	bottom: 7.6rem;
	right: 36.3rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.sub-wrap__intro .person-img-txt .self-txt span{
	color: #fff;	
	font-size:1.3rem;
	font-weight:500;
	line-height:1.6;
}
.sub-wrap__intro .person-img-txt .self-txt span.name{
	color: #FFF;
	font-family: "Noto Serif KR";
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.6;
	word-spacing: 0;
	width: max-content;
}
.sub-wrap__intro .person-img-txt .txt-wrap em {
	display: block;
	padding-bottom: 0;
	width: 1.7rem;
	height: 1.7rem;
	margin-top: 0;
}
.sub-wrap__intro .person-img-txt .txt-wrap em img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.sub-wrap__intro .person-img-txt .txt-wrap em.line-end {
	display: inline-block;
	margin-left: 0.2rem;
	/* padding-top: 0.6rem; */
	/* box-sizing: border-box; */
	transform: translateY(0.4rem);
}

.sub-wrap__intro .person-img-txt .txt-wrap span {
	display:block;
	font-size: 1.6rem;
	color: #BDD5FA;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: -0.25px;
	margin-top: 0.7rem;
}
.sub-wrap__intro .person-img-txt .txt-wrap span + .txt{
	margin-top:0.6rem;
}
.sub-wrap__intro .person-img-txt .txt-wrap p {
	display: inline-block;
	font-size: 2.8rem;
	color: #fff;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.25px;
	word-break: keep-all;
}

.sub-wrap__intro .person-img-txt .txt-wrap p b {
	font-weight: 700;
	color: #fff;
}

.person-img {
	position: absolute;
	right: 5rem;
	bottom: -1rem;
	z-index: 2;
}

.person-img p img {
	max-height: 36.5rem;
}


/* 역대회장 페이지 */
.presidents-card-list {
	display: grid;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
	gap: 1.2rem;
	grid-gap: 1.2rem;
	grid-template-columns: repeat(3,1fr);
}
.presidents-card-list.four {
	grid-template-columns: repeat(4,1fr);
}
.presidents-card-list.four .presidents-card-name span{
	display: block;
	margin-left: 0;
}

.presidents-card {
	background: #FAFBFD;
	border-radius: 1rem;
	flex: 0 0 calc((100% - 2.4rem) / 3);
	padding: 2rem;
	align-items: center;
	position: relative;
}

.presidents-card-ord {
	font-size: 1.7rem;
	line-height: 1.5;
	font-weight: 600;
	color: #0046A3;
	padding-bottom: 0.8rem;
}

.presidents-card-name {
	font-size: 2.4rem;
	color: #111;
	font-weight: 600;
	letter-spacing: -0.25px;
	line-height: 1.5;
	padding-bottom: 1.5rem;
}

.presidents-card-name span {
	color: #747478;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.25px;
	display: inline-block;
	margin-left: 0.5rem;
}

.presidents-card-year {
	font-size: 1.5rem;
	line-height: 1.5;
	color: #747478;
	font-weight: 500;
	letter-spacing: -0.25px;
}
.presidents-card-year strong{
	font-size: 1.5rem;
	line-height: 1.6;
	font-weight: 400;
	letter-spacing: -0.25px;
}

.presidents-card-year b {
	font-size: 1.5rem;
	line-height: 1.5;
	color: #111;
	font-weight: 400;
	letter-spacing: -0.25px;
}

@media (max-width:1024px){
	.sub-wrap__intro .person-img-txt{
		background:linear-gradient(146deg, #216ED3 24.18%, #8BCEFF 103.97%);
		border-radius: 1.2rem;
	}
	.sub-wrap__intro .person-img-txt .bg-img{
		width:100%;
		height: 100%;
		object-fit: cover;
		padding-bottom: 79.27%;
		display:none;
		position: relative;
	}
	.sub-wrap__intro .person-img-txt img{
		width:100%;
	}
	.sub-wrap__intro .person-img-txt + .intro-txt{
		margin-top:3rem;
	}

	.sub-wrap__intro .intro-txt p{
		font-size:1.4rem;
		max-width:100%;
	}
	.sub-wrap__intro .txt-person strong{
		margin-left:0.8rem;
	}
	.hospital-card-list{
		grid-template-columns:repeat(1,1fr);
	}
	.hospital-card-group{
		font-size:1.4rem;
	}
	.hospital-card-name{
		font-size:1.6rem;
	}
	.hospital-card-fax,
	.hospital-card-tel,
	.hospital-card-address{
		font-size:1.3rem;
	}
	.bg-box.ethics .txt:before{
		display:none;
	}
	.bg-box.ethics{
		        height: auto;
        background: #f4f7fb;
        padding: 2.4rem 1.6rem;
    }
	.bg-box.ethics .tit{
		font-size:2rem;
	}
	.bg-box.ethics .txt{
		font-size:1.5rem;
	}
	.bg-box.ethics .txt .blue-block{
		font-size:1.5rem;
	}
	.bg-box.ethics .txt .black-block{
		font-size: 1.5rem;
		margin-top: 0;
		display: block;
	}
	.bg-box.ethics .bg-img{
		display:none;
	}
	.bg-box.ethics .txt-wrap{
		position: static;
	}
	.lists.blue-box li{
	    padding-left:2rem;
	    font-size: 1.4rem;
	  }
	.lists.blue-box li+li{
		margin-top:0.8rem;
	}
	.bg-box+.one-column-list{
		margin-top: 2rem;
	}
	  .lists.blue-box li:before{
	    top: 0.4rem;
	  }
	.mission-list{
		flex-direction:column;
		display: grid;
		grid-gap: 2rem;
		grid-template-columns: repeat(1,1fr);
		justify-items: center;
		margin-top: 3rem;
	}
	.mission-list:has(li + li) li,
	.mission-list li{
		min-width: 21rem;
		max-width: 21rem;
		height: 21rem;
		width: auto;
	}
	.mission-list li+li{
		margin:0;
	}
	.mission-list li .frame{
		width:4rem;
		height: 4rem;
	}
	.mission-list-txt{
		font-size:1.4rem;
		margin-top: 1rem;
		height: auto;
	}
	.mission-list:has(li + li) li .mission-list-txt{
		height:auto;
	}
	.mission-wrap{
		padding:3rem;
	}
	.mission-cate{
		font-size:1.2rem;
	}
	.mission-tit{
		font-size:2.2rem;
	}
	.lists.num.cont-in .lists.dot li{
		font-size:1.4rem;
	}
	.lists.num li{
		font-size:1.4rem;
	}
	.table-wrap.table-wrap--explan.executive-table{
		overflow-x:auto;
		/* min-width: 90rem; */
		padding-bottom: 1.8rem;
	}
	.table-wrap.table-wrap--explan.executive-table table{
		table-layout: fixed;
		overflow-x: auto;
		min-width: 50rem;
	}
	.presidents-card-list,
	.presidents-card-list.four{
		grid-template-columns:repeat(1,1fr);
	}
	.material-img{
		width:100%;
	}
	.material-box{
		flex-direction:column;
	}
	.material-box{
		padding:1.2rem;
	}
	.material-txt-list{
		padding-left:0;
		margin-top: 1rem;
		border: none;
	}
	.material-box__tit{
		width:100%;
		font-size:1.5rem;
	}
	.material-txt{
		font-size:1.4rem;
	}
	.material-txt span{
		width:2rem;
		height:2rem;
	}
	.sub-wrap__intro .txt-person .name{
		font-size:1.8rem;
		margin-left:1rem;
	}
	.sub-wrap__intro .intro-txt p span br{
		display:none;
	}
	.sub-wrap__intro .intro-txt p span + span{
		margin-top:2rem;
	}
	.sub-wrap__intro .txt-person{
		margin-top:2rem;
	}
	.sub-wrap__intro .person-img-txt .txt-wrap{
		top: 1.944rem;
		left: 2.4rem;
		position: unset;
		padding: 1.944rem 2.4rem 0;
	}
	.sub-wrap__intro .person-img-txt .txt-wrap span{
		font-size:1.4rem;
	}
	.sub-wrap__intro .person-img-txt .txt-wrap p{
		font-size:1.9rem;
		/* padding-right: 2.4rem; */
		/* word-break: keep-all; */
		/* font-size: 1.9rem; */
	}
	.sub-wrap__intro .person-img-txt .txt-wrap p br{
		display:none;
	}
	.sub-wrap__intro .person-img-txt .txt-wrap em.line-end{
		/* position: absolute; */
		right: 2.4rem;
		bottom: 0;
		transform: translateY(-0.6rem);
		/* margin: 0; */
		flex: none;
	}
	
	.sub-wrap__intro .person-img-txt:after{
		width: 24.3rem;
		height: 18.5rem;
		background: url(/_res/kha_main/_share/img/person-bg.png) no-repeat;
		content:'';
		background-size: contain;
		bottom: -1rem;
		right: -1.5rem;
		top: unset;
		left: unset;
		display: block;
		position: absolute;
	}
	.sub-wrap__intro .person-img-txt .self-txt{
		bottom: 2.3rem;
		right: 4rem;
		position: unset;
		padding-right: 4rem;
		padding-bottom: 2rem;
		padding-top: 4rem;
	}
	.sub-wrap__intro .person-img-txt .self-txt span{
		font-size:1.2rem;
	}
	.sub-wrap__intro .person-img-txt .self-txt span.name{
		font-size:1.4rem;
	}
	.sub-wrap__intro .person-img-txt .txt-wrap .txt{
		display:flex;
		align-items: flex-end;
		padding-right: 0;
	}
	.material-img {
		padding-bottom: 116.77%;
	}
	.material-img img{
		content:url(/_res/kha_main/kha_gangwon/img/sub/material-map-gangwon-m.jpg);
		object-fit: contain;
	}
	.presidents-card-ord{
	    font-size:1.4rem;
	  }
	  .presidents-card-name{
	    font-size:1.8rem;
	    padding-bottom: 1rem;
	  }
	  .presidents-card-name span{
	    font-size:1.3rem;
	  }
	  .presidents-card-year,
	  .presidents-card-year b,
	  .presidents-card-year strong{
	    font-size:1.2rem;
	  }
}