@charset "utf-8";

/* ============================================================
	. 
	. page : about
	.
=============================================================== */
.page .contents-body {
	padding: 9rem 0;
}
.page .layout-title { width: 800px; margin: 0 auto; }
.page .layout-contents { width: 800px; margin: 0 auto; }
.page .layout-data { width: 1300px; margin: 0 auto; }
.page .layout-slider { width: 1300px; margin: 0 auto 0.7rem; }
.page .layout-slider .slider-control,
.page .layout-data .slider-control { width: 800px !important; margin: 0 auto; }

@media (max-width: 567.98px) {
	.page .layout-title { width: calc(100% - 4rem); }
	.page .layout-contents { width: calc(100% - 4rem); }
	.page .layout-data { width: calc(100% - 4rem); }
	.page .layout-data .slider-control { width: 100% !important; }
	.page .layout-slider { width: 100%; }
	.page .layout-slider .swiper-slide:first-child { margin-left: 2rem !important; }
	.page .layout-slider .swiper-slide:last-child { margin-right: 2rem !important; }
	.page .layout-slider .slider-control { width: calc(100% - 4rem) !important; }
	.page .footerArea .container { width: calc(100% - 4rem) !important; }
	.page .sitemap .sitemap-slider .swiper-slide:first-child { margin-left: 2rem !important; }
	.page .sitemap .sitemap-slider .swiper-slide:last-child { margin-right: 2rem !important; }
	.page .sitemap .sitemap-slider .slider-control { width: calc(100% - 4rem) !important; }
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.page .layout-title { width: calc(100% - 8rem); }
	.page .layout-contents { width: calc(100% - 8rem); }
	.page .layout-data { width: calc(100% - 8rem); }
	.page .layout-data .slider-control { width: 100% !important; }
	.page .layout-slider { width: 100%; }
	.page .layout-slider .slider-control { width: calc(100% - 8rem) !important; }
	.page .layout-slider .swiper-slide:first-child { margin-left: 4rem !important; }
	.page .layout-slider .swiper-slide:last-child { margin-right: 4rem !important; }

	.page .footerArea .container { width: calc(100% - 8rem) !important; }
	.page .sitemap .sitemap-slider .swiper-slide:first-child { margin-left: 4rem !important; }
	.page .sitemap .sitemap-slider .swiper-slide:last-child { margin-right: 4rem !important; }
	.page .sitemap .sitemap-slider .slider-control { width: calc(100% - 8rem) !important; }
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.page .layout-title { width: calc(100% - 10rem); }
	.page .layout-contents { width: calc(100% - 10rem); }
	.page .layout-data { width: calc(100% - 10rem); }
	.page .layout-data .slider-control { width: 100% !important; }
	.page .layout-slider { width: 100%; }
	.page .layout-slider .slider-control { width: calc(100% - 10rem) !important; }
	.page .layout-slider .swiper-slide:first-child { margin-left: 5rem !important; }
	.page .layout-slider .swiper-slide:last-child { margin-right: 5rem !important; }
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
	.page .layout-title { width: calc(100% - 12rem); }
	.page .layout-contents { width: calc(100% - 12rem); }
	.page .layout-data { width: calc(100% - 12rem); }
	.page .layout-data .slider-control { width: 100% !important; }
	.page .layout-slider { width: 100%; }
	.page .layout-slider .slider-control { width: calc(100% - 12rem) !important; }
	.page .layout-slider .swiper-slide:first-child { margin-left: 6rem !important; }
	.page .layout-slider .swiper-slide:last-child { margin-right: 6rem !important; }
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
	.page .layout-title { width: 750px; margin: 0 auto; }
	.page .layout-contents { width: 750px; margin: 0 auto; }
	.page .layout-data { width: 1050px; margin: 0 auto; }
	.page .layout-slider { width: 1050px; margin: 0 auto; }
	.page .layout-slider .slider-control,
	.page .layout-data .slider-control { width: 750px !important; margin: 0 auto; }
}
@media (min-width: 1300px) and (max-width: 1399.98px) {
	.page .layout-title { width: 800px; margin: 0 auto; }
	.page .layout-contents { width: 800px; margin: 0 auto; } 
	.page .layout-data { width: 1100px; margin: 0 auto; }
	.page .layout-slider { width: 1100px; margin: 0 auto; }
	.page .layout-slider .slider-control,
	.page .layout-data .slider-control { width: 800px !important; margin: 0 auto; }
}
@media (min-width: 1400px) and (max-width: 1499px) {
	.page .layout-title { width: 800px; margin: 0 auto; }
	.page .layout-contents { width: 800px; margin: 0 auto; } 
	.page .layout-data { width: 1150px; margin: 0 auto; }
	.page .layout-slider { width: 1150px; margin: 0 auto; }
	.page .layout-slider .slider-control,
	.page .layout-data .slider-control { width: 800px !important; margin: 0 auto; }
}
/* slider common */
.page .swiper-pagination-progressbar-fill { background-color: #b8755a !important; }
.page .swiper-container-free-mode > .swiper-wrapper { transition-timing-function : linear; }
.page .swiper { padding-bottom: 1.5rem !important; }
.page .slider-control {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 1rem;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.page .swiper-scrollbar { width: 100% !important; }
.page .swiper-scrollbar .swiper-scrollbar-drag { background: #cf8061; }
.page .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
	left: 0 !important;
	bottom: 0 !important;
}
/* 공통 색상 변경 */
.page .swiper-button-next,
.page .swiper-button-prev {
	color: var(--color-point); /* 원하는 색상 코드 */
}
/* 호버 시 색상 변경 (선택) */
.page .swiper-button-next:hover,
.page .swiper-button-prev:hover {
	color: var(--color-point); /* 원하는 색상 코드 */
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 0 !important;
  cursor: auto;
  pointer-events: none;
}
.page .swiper-button-prev, .main .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 47.5%) !important;
}
.page .swiper-button-prev, .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 47.5%) !important;
}

/* ==============================
	old style custom
================================= */
.page .footer-space .green { display: none; }


/* ==============================
	page common
================================= */
.page .global-contact header {
	display: none;
}
.page { 
	width: auto;
	height: auto;
	background-color: #000;
	min-width: 360px;
}
.page .page-header {
	padding-top: 36vh;
	box-sizing: border-box;
	color: #fff;
	word-break: keep-all;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	padding-bottom: 5rem;
}
.page .page-header .page-title {
	font-size: 3rem;
	font-weight: 900;
	text-transform: capitalize;
	padding-right: 20%;
}
.page .page-header .page-subject-clean {
	font-size: 1.3rem;
	font-weight: 600;
	padding-top: 2rem;
	padding-right: 0;
}
.page .page-body {
	padding: 9rem 0;
	word-wrap: break-word;
	position: relative;
	line-height: 1.4;
	font-weight: 500;
}
.page .contents-subheading {
	font-weight: 700;
	font-size: 1.6rem;
	color: #00899f;
	padding-right: 0;
	line-height: 1.4;
}
.page .contents-header {
	text-align: left;
	margin-bottom: 4rem;
}
.page .contents-title {
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	text-transform: capitalize;
	line-height: 1.4;
}
.page .contents-subtitle {
	font-size: 1.4rem;
	font-weight: 700;
	padding-bottom: 1.5rem;
	color: #625e5a;
}
.page .contents-txt {
	font-size: 1.2rem;
	font-weight: 500;
}
.page .contents-txt p {
	padding-bottom: 1px;
}
.page .contents-txt p:last-child {
	margin-bottom: 0;
}
.page .txt-box {
	position: relative;
	width: 100%;
}
.page .txt-box .title {
	font-weight: 800;
	font-size: 1.3rem;
	margin-bottom: 1rem;
	padding-right: 20%;
	line-height: 1.4;
}
.page .txt-box .txt { 
	width: 100%;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4;
	font-family: 'NotoSansKR';
}
.page .page-bg {
	position: fixed;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: calc(env(safe-area-inset-bottom));
	background-color: var(--color-blue);
	background-position: top center;
	opacity: 0.7;
}
.page .page-bg div {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: #302c22;
}
.page .page-bg div img {
	width: 100%;
	height: 100%;	
	object-fit: cover;
	object-position: top;
	opacity: 1;
}

@media (max-width: 567.98px) {	
	.page .page-header {
		padding-top: 32vh;
		padding-bottom: 3rem;
	}
	.page .page-header .page-title {
		font-size: 2.4rem;
		padding-right: 0;
	}
	.page .page-header .page-subject-clean {
		font-size: 1.2rem;
		padding-top: 2rem;
		padding-right: 0;
	}
	.page .page-body {
		padding: 6rem 0;
	}
	.page .contents-header {
		margin-bottom: 3rem;
	}
	.page .contents-title {
		font-size: 1.8rem;
		padding-right: 10%;
	}
	.page .contents-subtitle {
		padding-right: 0;
	}
	.page .contents-subheading {
		font-size: 1.4rem;
		padding-right: 0;
	}
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.page .page-header {
		padding-top: 34vh;
		padding-bottom: 4rem;
	}
	.page .page-header .page-title {
		font-size: 2.4rem;
		padding-right: 20%;
	}
	.page .page-header .page-subject-clean {
		font-size: 1.3rem;
		padding-top: 2rem;
		padding-right: 0;
	}
	.page .contents-title {
		font-size: 2.2rem;
		padding-right: 20%;
		margin-bottom: 1.5rem;
	}
	.page .contents-subtitle {
		padding-right: 0;
	}
	.page .contents-subheading {
		font-size: 1.5rem;
		padding-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.page .page-header {
		padding-top: 34vh;
		padding-bottom: 4rem;
	}
	.page .page-header .page-title {
		font-size: 2.6rem;
		padding-right: 20%;
	}
	.page .page-header .page-subject-clean {
		font-size: 1.3rem;
		padding-top: 2rem;
	}
	.page .contents-title {
		font-size: 2.2rem;
		padding-right: 20%;
	}
	.page .contents-subtitle {
		padding-right: 0;
	}
	.page .contents-subheading {
		font-size: 1.6rem;
	}
}
@media (min-width: 1000px) and (max-width: 1099.98px) {
	.page .page-header .page-title {
		padding-right: 40%;
	}
	.page .page-header .page-subject-clean {
		padding-top: 2rem;
	}	
	.page .contents-title {
		padding-right: 20%;
	}
	.page .contents-subtitle {
		padding-right: 0;
	}
	.page .contents-subheading {
		font-size: 1.6rem;
		padding-right: 0;
	}
}
@media (min-width: 1100px) and (max-width: 1199.98px) {
	.page .contents-txt {
		padding-right: 20%;
	}
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
	.page .page-header .page-title {
		padding-right: 30%;
	}
	.page .page-header .page-subject-clean {
		padding-top: 2rem;
	}	
	.page .contents-title {
		padding-right: 20%;
	}
}


/* ==============================
	page : academic
================================= */
.academic .contents-subheading { color: #46dee6; }
.academic .page-location {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px); /* Safari 지원용 */
	padding: 1.2rem 0;
}
.academic .page-location .location-link {
	color: #e3dfd6;
}
.academic .page-location .location-link .link i.arrow::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="267.69 -606.46 424.62 234.54"><path fill="%23e3dfd6" d="M480-371.923 267.692-584.231l24.257-24.256L480-420.282l188.051-188.051 24.257 24.256L480-371.923Z"/></svg>');
}
.academic .page-location .location-dropdown {
	border-top: 1px solid #ffffff20;
}
.academic .page-location .location-dropdown .wrap a::after {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.6 24.6'><path fill='%23f3ebda' d='M1.6,24.6L0,23L20.7,2.3H1.6V0h23v23h-2.3V3.9L1.6,24.6z'/></svg>");
    position: absolute;
    top: -4px;
    right: 0;
    width: 7px;
    transition: all 0.3s ease-in-out;
}
.academic .page-location .location-dropdown .wrap a:hover::after {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.6 24.6'><path fill='%23ffffff' d='M1.6,24.6L0,23L20.7,2.3H1.6V0h23v23h-2.3V3.9L1.6,24.6z'/></svg>");
	transition: all 0.3s ease-in-out;
}
.academic .page-location .location-dropdown .wrap a:hover { 
	color: #ffffff;
}
.academic .header-contents {
	color: var(--color-beige);
}
.academic .page-header { backdrop-filter: blur(0); }
.academic .page-body {
	backdrop-filter: blur(100px);
	-webkit-backdrop-filter: blur(100px); /* Safari 지원용 */
	background-color: #193d3d50;
	color: var(--color-beige);
}
.academic .contents-header {
	padding-bottom: 7rem;
}
.academic .contents-header .contents-title {
	padding-right: 10% !important;
	color: #46dee6;
	font-weight: 600;
}
.academic .academic-list .container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5rem;
}
.academic .academic-list .year-list .year {
	font-size: 3rem;
	margin-bottom: 1.5rem;
	color: #f1946f;
	font-weight: 100;
}
.academic .academic-list .year-list ul {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 20px;
}
.academic .academic-list .year-list li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 20px;
	margin-bottom: 10px;
	font-size: 1rem;
	font-weight: 400;
	color: var(--color-beige);
}
.academic .academic-list .year-list li:last-child {
	border-bottom: 0;
}
.academic .academic-list .year-list .imgs {
	border-radius: 10px;
	overflow: hidden;
	margin-top: 2rem;
}

@media (max-width: 767.98px) {
	.academic .page-location .location-dropdown { border-top: 1px solid #ffffff30; }
	.academic .page-location .location-dropdown .wrap div { border: 0; 	}
	.academic .page-location .location-dropdown .wrap div:nth-child(n+5) { border: 0; }
	.academic .page-location .location-dropdown .wrap div:nth-child(4n) { border: 0; }
	.academic .page-location .location-dropdown .wrap div:hover { background-color: transparent; }
	.academic .academic-list .container {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 3rem;
	}
	.academic .academic-list .year-list .imgs {
		margin-top: 1rem;
	}
	.academic .academic-list .year-list .year {
		font-size: 2.4rem;
		text-align: right
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	.academic .academic-list .container {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 4rem;
	}
	.academic .contents-header .contents-title {
		padding-right: 0 !important;
	}
}
@media (min-width: 1000px) and (max-width: 1299px) {
	.academic .academic-list .container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.academic .contents-header .contents-title {
		padding-right: 0 !important;
	}
}
@media (min-width: 1300px) and (max-width: 1399px) {
	.academic .academic-list .container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.academic .contents-header .contents-title {
		padding-right: 0 !important;
	}
}
@media (min-width: 1400px) and (max-width: 1499px) {
	.academic .academic-list .container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.academic .contents-header .contents-title {
		padding-right: 0 !important;
	}
}


/* ==============================
	page : 500
================================= */
.history .contents-subheading { color: #46dee6; }
.history .page-location {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px); /* Safari 지원용 */
	padding: 1.2rem 0;
}
.history .page-location .location-link {
	color: var(--color-beige);
}
.history .page-location .location-link .link i.arrow::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="267.69 -606.46 424.62 234.54"><path fill="%23e3dfd6" d="M480-371.923 267.692-584.231l24.257-24.256L480-420.282l188.051-188.051 24.257 24.256L480-371.923Z"/></svg>');
}
.history .page-location .location-dropdown {
	border-top: 1px solid #ffffff20;
}
.history .page-location .location-dropdown .wrap a:hover { 
	color: #ffffff;
}
.history .page-location .location-dropdown .wrap a::after {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.6 24.6'><path fill='%23f3ebda' d='M1.6,24.6L0,23L20.7,2.3H1.6V0h23v23h-2.3V3.9L1.6,24.6z'/></svg>");
    position: absolute;
    top: -4px;
    right: 0;
    width: 7px;
    transition: all 0.3s ease-in-out;
}
.history .page-location .location-dropdown .wrap a:hover::after {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.6 24.6'><path fill='%23ffffff' d='M1.6,24.6L0,23L20.7,2.3H1.6V0h23v23h-2.3V3.9L1.6,24.6z'/></svg>");
	transition: all 0.3s ease-in-out;
}
.history .page-body {
	backdrop-filter: blur(100px);
	-webkit-backdrop-filter: blur(100px); /* Safari 지원용 */
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
}
.history .history-slider .swiper-slide {
	position: relative;
	transition: all 0.3s;
	overflow: hidden;
	background-color: transparent;
	width: calc(100% / 5);
}
.history .history-slider .swiper-slide .circle {
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.history .history-slider .swiper-slide .circle::before {
	content: '';
	display: block;
	padding-top: 100%;
}
.history .history-slider .swiper-slide .circle div {
	position: absolute;
	top: 0;
	width: 100%;
	bottom: 0;
}
.history .history-slider .swiper-slide .circle-01 div {
	position: absolute;
	top: 0;
	width: 100%;
	bottom: 0;
	background-color: var(--color-dark);
	color: var(--color-beige);
	font-size: 1.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.history .history-slider .swiper-slide .circle div img {
	object-fit: cover;
	height: 100%;
}
.history .history-list {
	line-height: 1.4;
}
.history .year-list {
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	display: grid;
  	grid-template-columns: 1fr 3fr;
	padding: 1.5rem 0;
}
.history .year-list:first-child { border-top: 1px solid rgba(255,255,255,0.1); }
.history .year-list .year {
	font-size: 3rem;
	font-weight: 100;
	line-height: 1;
	margin-bottom: 1.5rem;
	color: var(--color-point);
}
.history .year-list ul {
	margin-top: 5px;
	padding-left: 1rem;
}
.history .year-list li {
	padding: 3px 0;
	margin-left: 15px;
	font-size: 1rem;
	color: var(--color-beige);
	position: relative;
}
.history .year-list li::before {
	content: '-';
	position: absolute;
	left: -15px;
}
.history .swiper-scrollbar .swiper-scrollbar-drag {
  background: #00000060 !important;
}
@media (max-width: 567.98px) {
	.history .page-location .location-dropdown { border-top: 1px solid #ffffff30; }
	.history .page-location .location-dropdown .wrap div { border: 0; }
	.history .page-location .location-dropdown .wrap div:nth-child(n+5) { border: 0; }
	.history .page-location .location-dropdown .wrap div:nth-child(4n) { border: 0; }
	.history .page-location .location-dropdown .wrap div:hover { background-color: transparent; }
	.history .history-slider { margin-bottom: 1rem; }
	.history .history-slider .swiper-slide {
		width: 15rem;
		height: 15rem;
	}
	.history .year-list {
		grid-template-columns: 1fr;
	}
	.history .year-list .year {
		font-size: 2.4rem;
		margin-bottom: 10px;
		text-align: right;
	}
	.history .year-list li {
		padding: 5px 0;
		margin-left: 0;
		font-size: 1rem;
	}
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.history .history-slider { margin-bottom: 1rem; }
	.history .history-slider .swiper-slide {
		width: 15rem;
		height: 15rem;
	}
	.history .year-list {
		position: relative;
		width: 100%;	
	}
	.history .year-list .year {
		font-size: 2.2rem;
		margin-bottom: 0.4rem;
	}
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.history .history-slider { margin-bottom: 1rem; }
	.history .history-slider .swiper-slide {
		width: 16rem;
		height: 16rem;
	}
	.history .history-list {
		padding: 0;
	}
	.history .year-list {
		position: relative;
		width: 100%;	
	}
	.history .year-list .year {
		font-size: 2rem;
		margin-bottom: 0.5rem;
	}
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
	.history .history-slider { margin-bottom: 2.5rem; }
	.history .contents-header .contents-title {
		padding-right: 0 !important;
	}
	.history .history-slider .swiper-slide {
		width: 17rem;
		height: 17rem;
	}
	.history .history-list {
		padding: 0;
	}
	.history .history-list .container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem 5rem;
	}
	.history .year-list .year {
		font-size: 3rem;
		margin-bottom: 1rem;
	}
	.history .layout-slider .swiper-slide:first-child { margin-left: 0; }
	.history .layout-slider .swiper-slide:last-child { margin-right: 0; }
}
@media (min-width: 1200px) and (max-width: 1299.98px) {}
@media (min-width: 1300px) and (max-width: 1399.98px) {}
@media (min-width: 1400px) and (max-width: 1499px) {
	.history .contents-header .contents-title {
		padding-right: 0 !important;
	}
	.history .layout-slider { width: 90%; margin: 0 auto; }
}


/* ==============================
	page : doctors
================================= */
.doctors .footer-space {
	border-top: 0 !important;
	backdrop-filter: blur(0); 
}
.doctors { background-color: var(--color-green); 
	background-image: url('/imgs/main/bg-logo.png');
}
.doctors .page-bg { opacity: 0.7; }
.doctors .page-header {
	padding-top: 26vh !important;
	color: var(--color-beige);
	padding-bottom: 2rem;
}
.doctors .page-location {
	background-color: transparent;
	padding-bottom: 2rem;
	backdrop-filter: blur(0) !important;
	-webkit-backdrop-filter: blur(0); /* Safari 지원용 */
}
.doctors .page-location .location-link .link i.arrow::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="267.69 -606.46 424.62 234.54"><path fill="%23ffffff70" d="M480-371.923 267.692-584.231l24.257-24.256L480-420.282l188.051-188.051 24.257 24.256L480-371.923Z"/></svg>');
}
.doctors .page-location .location-link {
	padding: 1rem 0;
	color: #00bbd8;
}
.doctors .page-location .location-dropdown {
	border-top: 1px solid #00bbd850;
}
.doctors .page-location .location-dropdown .wrap a:hover {
	color: #21d8f4;
}
.doctors .page-location .location-dropdown .wrap a::after {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.6 24.6'><path fill='%2300bbd8' d='M1.6,24.6L0,23L20.7,2.3H1.6V0h23v23h-2.3V3.9L1.6,24.6z'/></svg>");
    position: absolute;
    top: -4px;
    right: 0;
    width: 7px;
    transition: all 0.3s ease-in-out;
}
.doctors .page-location .location-dropdown .wrap a:hover::after {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.6 24.6'><path fill='%2321d8f4' d='M1.6,24.6L0,23L20.7,2.3H1.6V0h23v23h-2.3V3.9L1.6,24.6z'/></svg>");
	transition: all 0.3s ease-in-out;
}
.doctors .page-body { 
	padding: 0;
	-webkit-backdrop-filter: blur(0); /* Safari 지원용 */
    backdrop-filter: blur(0);
}
.doctors .dr-list .container {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 1px;
}
.doctors .dr-list .portrait {
	position: relative;
	background-color: #fcf9f4;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.3s;
	color: #307a79;
}
.doctors .dr-list .portrait::after {
	content: '';
	display: block;
	padding-top: 130%;
}
.doctors .dr-list .portrait a {
	display: block;
	width: 100%;
	height: inherit;
}
.doctors .dr-list .img {
	width: 90%;
	left: 50%;
	transform: translateX(-50%);
	bottom: -2rem;
	position: absolute;
	z-index: 1;
}
.doctors .dr-list .name {
	line-height: 1.4;
	text-align: center;
	padding: 0 1rem;
	text-transform: capitalize;
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 12%;
	font-size: 0.9rem;
	font-weight: 800;
}
.doctors .dr-list .lastname {
	margin-right: 3px;
}
.doctors .dr-list .symbol {
	background-image: url('/imgs/symbol.png');
	background-position: center center;
	background-size: 40%;
	background-repeat: no-repeat;
	height: 100%;
}
 
@media (max-width: 568.98px) {
	.doctors .page-location .layout-contents { 
		width: calc(100% - 4rem);
	}
	.doctors .layout-title {
		width: calc(100% - 4rem);
	}
	.doctors .page-body .layout-data {
		width: calc(100% - 2rem);
	}
	.doctors .dr-list .container {
		grid-template-columns: repeat(2, 1fr);
	}
	.doctors .dr-list .mb { display: none; }
	.doctors .dr-list .img-symbol img {
		width: 50%;
		margin: 0 auto;
	}
	.doctors .page-location .location-dropdown .wrap div {	
		border: 0;
	}
	.doctors .page-location {	
		padding: 0 0 1rem 0;
	}
}
@media (min-width: 570px) and (max-width: 767.98px) {
	.doctors .dr-list .container {
		grid-template-columns: repeat(3, 1fr);
	}
	.doctors .dr-list .lastname {
		display: block;
	}
	.doctors .dr-list .name {
		top: 1.5rem;
	}
	.doctors .page-subject-clean {
		padding-bottom: 0 !important;
	}
	.doctors .dr-list .img-symbol img {
		width: 50%;
		margin: 0 auto;
	}
	.doctors .page-location {	
		padding: 0 0 1rem 0;
	}
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.doctors .dr-list .container {
		grid-template-columns: repeat(3, 1fr);
	}
	.doctors .page-location {	
		padding: 1rem 0 1rem 0;
	}
} 
@media (min-width: 1000px) and (max-width: 1199px) {
	.doctors .dr-list .container {
		grid-template-columns: repeat(4, 1fr);
	}
	.doctors .page-location {	
		padding: 1rem 0 1rem 0;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.doctors .dr-list .container {
		grid-template-columns: repeat(6, 1fr);
	}
	.doctors .page-location {	
		padding: 1rem 0 1rem 0;
	}
}


/* ==============================
	page : drpage
================================= */
.drpage .page-header .page-title {
    padding-right: 30%;
	line-height: 1.3;
}
.drpage .footer-space {
	border-top: 0 !important;
	backdrop-filter: blur(0);
	-webkit-backdrop-filter: blur(0);
}
.drpage .page-header { backdrop-filter: blur(0); }
.drpage .page-location {
	background-color: transparent;
	padding-bottom: 0;
	backdrop-filter: blur(0) !important;
	-webkit-backdrop-filter: blur(0); /* Safari 지원용 */
	color: #ffffff;
}
.drpage .page-location .location-link {
	border-top: 1px solid #ffffff50;
	padding-top: 1rem;
}
.drpage .page-body { padding: 0; }
.drpage .portrait {
	position: relative;
	height: 20rem;
	border-radius: 10px;
	background-image: url('/imgs/common/bg-logo-green.png');
	overflow: hidden;
	margin-bottom: 1rem;
	text-transform: capitalize;
	color: var(--color-point);
}
.drpage .portrait {
	display: flex;
	align-items: center;
}
.drpage .portrait .info {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-size: 1.3rem;
	font-weight: 600; 
	align-items: left;
	width: 50%;
}
.drpage .portrait .info .drpage-name {
	font-weight: 900;
	font-size: 1.8rem;
}
.drpage .portrait .info .drpage-career .num { 
	font-weight: 900; 
	margin-right: 5px;
	font-size: 1.8rem;
}
.drpage .portrait .info .drpage-major li {
	text-transform: capitalize;
	display: inline-block;
	font-size: 1rem;
	text-align: center;
}
.drpage .portrait .info .drpage-major li::after {
	content: ',';
	padding-right: 0.5rem;
}
.drpage .portrait .info .drpage-major li:last-child::after {
	display: none;
}
.drpage .portrait .drpage-photo { 
	position: absolute;
	top: -10%;
	left: 50%;
	transform: translateX(-10%);
	width: 22rem;
}
.drpage .drpage-container {
	border-radius: 10px;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px); /* Safari 지원용 */
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: var(--color-dark);
	background-color: rgba(245, 240, 233, 0.9);
}
.drpage .profile .container li {
	padding: 9px 0;
	border-bottom: 1px solid #00000020;
}
.drpage .profile .container li:first-child {
	border-top: 1px solid #00000020;
}
.drpage .btn-moveto a {
	text-transform: uppercase;
	color: #845947;
	width: 100%;
	border: 1px solid #00000020;
	border-radius: 3rem;
	font-weight: 800;
	display: block;
	padding: 1rem 0;
	text-align: center;
	line-height: 1;
}
.drpage .btn-moveto a:hover {
	background-color: #00000010;
}
.drpage .btn-moveto a span {
	padding-right: 1.5rem;
	position: relative;
} 
.drpage .btn-moveto a span::after {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.6 24.6'><path fill='%23845947' d='M1.6,24.6L0,23L20.7,2.3H1.6V0h23v23h-2.3V3.9L1.6,24.6z'/></svg>");
    position: absolute;
    top: 0;
	bottom: 0;
    right: 0;
    width: 9px;
    transition: all 0.3s ease-in-out;
}
.drpage .drpage-container .philosophy {
	font-weight: 800;
	color: #2d706f;
	font-style: italic;	
	text-align: center;	
	font-size: 1.6rem;
	padding: 0 10%;
}
.drpage .drpage-container .contents-title { 
	font-size: 1.2rem;
	display: none;
}
.drpage .drpage-container .license .wrapper {
	display: flex;
	flex-wrapper: wrap;
	gap: 2rem;
	justify-content: center;
}
.drpage .drpage-container .license .wrapper .license-img {
	width: 25%;
	border-radius: 5px;
	overflow: hidden;
	padding: 1px;
	background-color: #eee;
	-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
	        box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
}
.drpage .drpage-container .note {
	background-image: linear-gradient(to bottom, #00000020 1px, transparent 1px);
	background-size: 100% 40px;
	line-height: 40px;
	border-bottom: 1px solid #00000002;
}

@media (max-width: 567.98px) {
	.drpage .page-header .page-title {
		padding-right: 0;
		line-height: 1.4;
	}
	.drpage .page-header {
		padding-top: 34vh;
	}
	.drpage .layout-title {
		width: calc(100% - 6rem);
	}
	.drpage .page-body .layout-data {
		width: calc(100% - 2rem);
	}
	.drpage .portrait {
		height: 28rem;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.drpage .portrait .drpage-photo { 
		top: auto;
		bottom: -5rem;
		right: 2rem;
		transform: translateX(-50%);
		width: 19rem;
	}
	.drpage .portrait .info .drpage-name {
		font-size: 1.5rem;
	}
	.drpage .portrait .info .drpage-career .num { 
		font-size: 1.4rem;
	}
	.drpage .portrait .info {	
		width: 100%;
		gap: 1rem;
		margin-top: 3rem;
	}
	.drpage .drpage-container .philosophy {
		padding: 0 15% 0 0;
		text-align: left;
		font-size: 1.4rem;
	}
	.drpage .drpage-container .license .wrapper {
		gap: 1rem;
	}
	.drpage .drpage-container .license .wrapper .license-img {
		width: 45%;
	}
	.drpage .btn-moveto {
		font-size: 1rem;
		margin-bottom: 4rem;
	} 
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.drpage .page-header .page-title {
		padding-right: 0;
	}
	.drpage .page-header {
		padding-top: 28vh;
	}
	.drpage .layout-title {
		width: calc(100% - 12rem);
	}
	.drpage .page-body .layout-data {
		width: calc(100% - 4rem);
	}
	.drpage .portrait .info .drpage-name {
		font-size: 1.6rem;
	}
	.drpage .portrait .info .drpage-career .num { 
		font-size: 1.4rem;
	}
	.drpage .drpage-container .philosophy {
		padding: 0 5%;
		font-size: 1.4rem;
	}
	.drpage .drpage-container .license .wrapper {
		gap: 1.5rem;
	}
	.drpage .drpage-container .license .wrapper .license-img {
		width: 35%;
	}
	.drpage .profile .container {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 0 3rem;
	}
	.drpage .btn-moveto {
		margin-bottom: 3rem;
	} 
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.drpage .page-header .page-title {
		padding-right: 10%;
	}
	.drpage .page-header {
		padding-top: 28vh;
	}
	.drpage .inner-wrap {
		width: calc(100% - 4rem);
	}
	.drpage .portrait .info .drpage-name {
		font-size: 1.8rem;
	}
	.drpage .drpage-container .philosophy {
		padding: 0 10%;
		font-size: 1.4rem;
	}
	.drpage .layout-title {
		width: calc(100% - 20rem);
	}
	.drpage .portrait .drpage-photo { 
		top: 0;
		width: 19rem;
	}
	.drpage .drpage-container .philosophy {
		padding: 0 5%;
	}
	.drpage .drpage-container .license .wrapper {
		gap: 1.5rem;
	}
	.drpage .drpage-container .license .wrapper .license-img {
		width: 35%;
	}
	.drpage .profile .container {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 0 3rem;
	}
	.drpage .btn-moveto {
		margin-bottom: 3rem;
	} 
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
	.drpage .page-header .page-title {
		padding: 0 6rem;
	}
	.drpage .page-header {
		padding-top: 28vh;
	}
	.drpage .inner-wrap {
		width: calc(100% - 4rem);
		border: 1px solid red;
	}
	.drpage .drpage-container .philosophy {
		padding: 0 30%;
	}
	.drpage .contents-title { font-size: 1.2rem; }
	.drpage .drpage-container .philosophy {
		padding: 0 10%;
	}
	.drpage .portrait .drpage-photo { 
		top: 0;
		width: 20rem;
	}
	.drpage .btn-moveto {
		margin-bottom: 3rem;
	} 
}

/* ==============================
	page : international
================================= */
.international {
	position: relative;
	background-color: #000;
}
.international .page-body {
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px); /* Safari 지원용 */
	background-color: rgba(243, 240, 237, 0.9);
}
.international .international-contents {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;;
}
.international .international-contents .contents {
	position: relative;
	height: 27rem;
	border-radius: 10px;
	overflow: hidden;
}
.international .international-contents .figure-float figcaption {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	padding: 2.5rem 3rem;
	color: #fff;
}
.international .international-contents .figure-float figcaption .title {
	font-weight: 700;
	font-size: 1.3rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ffffff50;
}
.international .international-contents .figure-float figcaption .txt {
	font-weight: 500;
	font-size: 1.1rem;	
}
.international .international-contents .figure-float .img {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}
.international .international-contents .figure-float .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.6;	
}

@media (max-width: 567.98px) {
	.international .international-contents {
		grid-template-columns: repeat(1, 1fr);
		gap: 1rem;;
	}
	.international .international-contents .contents {
		height: 18rem;
	}
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.international .international-contents {
		grid-template-columns: repeat(1, 1fr);
		gap: 1rem;;
	}
	.international .international-contents .contents {
		height: 18rem;
	}
	.international .international-contents .figure-float figcaption .title {
		padding-right: 30%;
	}
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.international .international-contents {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;;
	}
	.international .international-contents .contents {
		height: 22rem;
	}
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
	.international .international-contents {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;;
	}
	.international .international-contents .contents {
		height: 22rem;
	}
}

/* ==============================
	page : introduce
================================= */
.introduce {
	position: relative;
	background-color: #000;
}
.introduce .page-body {
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px); /* Safari 지원용 */
	background-color: rgba(243, 240, 237, 0.9);
}
.introduce .about-slider .swiper-slide {
	position: relative;
	transition: all 0.3s;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 10px;
	background-color: transparent;
	width: calc(100% / 3);
}
.introduce .about-slider .contents {
	padding: 10%;
	height: 15rem;
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
}
.introduce .contents-bg-01 { background-color: #7f7a73; }
.introduce .contents-bg-02 { background-color: #a29682; }
.introduce .contents-bg-03 { background-color: #948f87; }
.introduce .contents-bg-04 { background-color: #858077; }
.introduce .contents-bg-05 { background-color: #928677; }
.introduce .contents-bg-06 { background-color: #8f8a84; }
.introduce .about-slider .txt-box {
	width: 100%; 
	color: #ffffff;
}
.introduce .swiper-slide {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.introduce .satisfaction .container {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 0;
}
.introduce .satisfaction .contents {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #00000020;
	padding: 2rem 0; 
}
.introduce .satisfaction .contents:first-child {
	border-top: 1px solid #00000020;
}
.introduce .satisfaction .txt-box {
	padding-right: 30%;
}
.introduce .satisfaction .txt-box .title {
	font-weight: 400;
	font-size: 1.8rem;
}
.introduce .about-slider.swiper { padding-bottom: 0 !important; }
.introduce .different-slider .swiper-slide {
	height: 22rem;
}
.introduce .different-slider .figure-float .img {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}
.introduce .different-slider .figure-float .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.6;	
}
.introduce .figure-float figcaption {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	padding: 2.5rem;
	color: #fff;
	line-height: 1.4;
}
.introduce .different-slider .figure-float figcaption .title {
	font-weight: 700;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.8rem;
	border-bottom: 1px solid #ffffff50;
}
.introduce .different-slider .figure-float figcaption .txt {
	font-weight: 600;
	font-size: 1rem;	
	font-family: 'NotoSansKR';
}

@media (max-width: 567.98px) {
	.introduce .about-slider .swiper-slide {
		width: 20rem;
	}
	.introduce .about-slider .contents {
		height: 17rem;
	}
	.introduce .different-slider .swiper-slide {
		width: 20rem;
	}
	.introduce .about-slider.swiper { padding-bottom: 1.5rem !important; }
	.introduce .satisfaction .txt-box {
		padding-right: 0;
	}
	.introduce .satisfaction .txt-box .title {
		font-size: 1.6rem;
	}
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.introduce .about-slider .swiper-slide {
		width: 25rem;
	}
	.introduce .different-slider .swiper-slide {
		width: 20rem;
	}
	.introduce .about-slider.swiper { padding-bottom: 1.5rem !important; }
	.introduce .satisfaction .txt-box {
		padding-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.introduce .about-slider .swiper-slide {
		width: 25rem;
	}
	.introduce .different-slider .swiper-slide {
		width: 20rem;
	}
	.introduce .about-slider.swiper { padding-bottom: 1.5rem !important; }
	
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
	.introduce .about-slider .swiper-slide {
		width: 25rem;
	}
	.introduce .different-slider .swiper-slide {
		width: 20rem;
	}
	.introduce .about-slider.swiper { padding-bottom: 1.5rem !important; }
}


/* ==============================
	page : overview
================================= */
.overview .page-body { 
	backdrop-filter: blur(100px);
	-webkit-backdrop-filter: blur(100px); /* Safari 지원용 */
	background-color: rgba(243, 240, 237, 0.9);
	padding-bottom: 0 !important;
}
.overview .hospital-scale {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}
.overview .hospital-scale span {
	display: block;
	width: 100%;
	text-align: center;
}
.overview .hospital-scale span.num {
	font-size: 4rem;
	font-weight: 400;
}
.overview .hospital-scale span.txt {
	font-family: 'NotoSansKR';
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 1.2;
}
.overview .floor-info .wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5rem;
}
.overview .floor-info .floor-title {
	font-size: 1.6rem;
	margin-bottom: 1rem;
	font-weight: 800;
}
.overview .floor-info .wrapper li {
	padding: 10px 0;
	border-bottom: 1px solid #443f3b30;
	position: relative;
	display: block;
	width: 100%;
	font-weight: 600;
}
.overview .floor-info .wrapper ul {
	border-top: 1px solid #443f3b30;
}
.overview .floor-info .wrapper li span {
	margin-right: 1.5rem;
}
.overview .floor-info .wrapper .wj-buiding img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.overview .floor-gallery {
	background-color: var(--color-set05);
	padding: 7rem 0 7rem;
}
.overview .floor-gallery .contents-title {
	color: var(--color-beige);
}
.overview .floor-gallery .wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 4rem;
}
.overview .overview-slider .swiper-slide {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.overview .floor-photos .index {
	padding: 2rem;
	position: relative;
	color: var(--color-beige);
	background-color: var(--color-green);
	font-size: 1.2rem;
	text-transform: capitalize;
}
.overview .floor-photos span { 
	display: block;
	padding-bottom: 0.7rem;
	border-bottom: 1px solid #ffffff20;
	margin-bottom: 0.5rem;
}
.overview .floor-photos .img-box img {
	width: 100%;
	height: 24rem;
	object-fit: cover;
}

@media (max-width: 567.98px) {
	.overview .hospital-scale {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
	}
	.overview .floor-info .wrapper {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
	}
	.overview .floor-info .wrapper .wj-buiding {
		height: 20rem;
	}
	.overview .overview-slider .swiper-slide {
		width: 19rem;
	}
}
@media (min-width: 568px) and (max-width: 667.98px) {
	.overview .hospital-scale span.num {
		font-size: 3rem;
	}
	.overview .hospital-scale span.txt {
		font-size: 0.8rem;
	}
	.overview .floor-info .wrapper {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
	}
	.overview .floor-info .wrapper .wj-buiding {
		height: 20rem;
	}
	.overview .overview-slider .swiper-slide {
		width: 19rem;
	}
}
@media (min-width: 668px) and (max-width: 767.98px) {
	.overview .hospital-scale span.num {
		font-size: 3.4rem;
	}
	.overview .hospital-scale span.txt {
		font-size: 0.8rem;
	}
	.overview .floor-info .wrapper {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
	}
	.overview .floor-info .wrapper .wj-buiding {
		height: 20rem;
	}
	.overview .overview-slider .swiper-slide {
		width: 19rem;
	}
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.overview .hospital-scale span.num {
		font-size: 3.8rem;
	}
	.overview .floor-info .wrapper {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
	}
	.overview .floor-info .wrapper .wj-buiding {
		height: 20rem;
	}
	.overview .overview-slider .swiper-slide {
		width: 19rem;
	}
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
	.overview .overview-slider .swiper-slide {
		width: 19rem;
	}
}


/* ==============================
	page : safesystem
================================= */
.safesystem {
	position: relative;
	background-color: #000;
}
.safesystem .page-body {
	backdrop-filter: blur(100px);
	-webkit-backdrop-filter: blur(100px); /* Safari 지원용 */
	background-color: rgba(243, 240, 237, 0.9);
}
.safesystem .contents-title span {
	display: block;
}
.safesystem .operation-system .wrapper {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 3rem;
	color: #276883;
}
.safesystem .style-border .swiper-slide {
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	background-color: transparent;
}
.safesystem .safesystem-slider .swiper-slide {
	position: relative;
	height: 24rem;
	border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
}
.safesystem .sterilization .swiper-slide {
	border: 1px solid #27688380;
	background-color: transparent;
	color: #276883;
}
.safesystem .sterilization .txt-box .title {
	border-bottom: 1px solid #27688350;
	padding-bottom: 1rem;
}
.safesystem .safesystem-slider .index {
	background-color: #000;
	color: #fff;
}
.safesystem .safesystem-slider .index .title {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	font-size: 1.3rem;
	font-weight: 900;
	padding: 2rem;
}
.safesystem .safesystem-slider .img-box {
	opacity: 0.6;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.safesystem .safesystem-slider .index .img-box img {
	width: 120%;
	height: 120%;
	object-fit: cover;
	opacity: 0.7;
}
.safesystem .safesystem-slider .txt-box {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2rem;
}
.safesystem .safesystem-slider .txt-box .title {
	padding-right: 0;
}

@media (max-width: 567.98px) {
	.safesystem .safesystem-slider .swiper-slide {
		width: 19rem;
	}
	.safesystem .operation-system .wrapper .txt {
	  padding-right: 0;
	}
	.safesystem .operation-system .wrapper {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
	}
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.safesystem .safesystem-slider .swiper-slide {
		width: 19rem;
	}
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.safesystem .safesystem-slider .swiper-slide {
		width: 19rem;
	}
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
	.safesystem .safesystem-slider .swiper-slide {
		width: 19rem;
		
	}
}

/* ==============================
	page : wjlocation
================================= */
.wjlocation .page-body {
	backdrop-filter: blur(100px);
	-webkit-backdrop-filter: blur(100px); /* Safari 지원용 */
	background-color: rgba(243, 240, 237, 0.9);
}
.wjlocation .contents-txt { 
	font-size: 1rem;
	font-family: 'NotoSerifKR';
	font-weight: 500;
	line-height: 1.5
}
.wjlocation .address address {
	padding-bottom: 1rem;
}
.wjlocation .contents-txt address div {
	padding-bottom: 0.4rem;
}
.wjlocation .time li {
	padding-bottom: 0.3rem;
}
.wjlocation .time .box-title {
	padding-right: 2rem;
	font-weight: 700;
}
.wjlocation .time .holiday {
	padding-top: 0.5rem;
}
.wjlocation .wj-image .img-box {
	border-radius: 10px;
	height: 25rem;
	overflow: hidden;
}
.wjlocation .contents-title { 
	font-size: 1.8rem;
	margin-bottom: 2rem;
}
.wjlocation .location-slider .swiper-slide {
	border-radius: 10px;
	overflow: hidden;
}
.wjlocation .infomation .global-contact,
.wjlocation .infomation .layout-data,
.wjlocation .infomation .container { all: unset; }
.wjlocation .infomation .global-contact header,
.wjlocation .infomation .global-contact .category {	display: none; }
.wjlocation .info-container .cn,
.wjlocation .info-container .in,
.wjlocation .info-container .jp,
.wjlocation .info-container .mn,
.wjlocation .info-container .ru,
.wjlocation .info-container .th,
.wjlocation .info-container .vn { display: none !important; }

.wjlocation .infomation .wrap  {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.wjlocation .infomation .global-contact .submenu a {	
	border: 1px solid #84594760;
	position: relative;
	padding: 5px 2rem 5px 3.3rem;
	border-radius: 5rem;
	font-size: 1rem;
}
.wjlocation .infomation .submenu a::after {
	content: '';
    position: absolute;	
    left: 1.5rem;
	transform: rotateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
}
.wjlocation .infomation .submenu a .label {
	font-size: 0.9rem;
}
.wjlocation .infomation .global-contact .submenu a:hover {
	background-color: #ffffff90;
}
.wjlocation .map-area iframe {
	border-radius: 1rem;
	overflow: hidden;
	height: 30rem;
}
.wjlocation .footer-space {
  padding: 5rem 0;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  border-top: 1px solid #00000010;
  border-bottom: 1px solid #00000010;
}
.wjlocation .page-body {
  padding: 9rem 0;
  word-wrap: break-word;
  position: relative;
  line-height: 1.5;
}

@media (max-width: 567.98px) {
	.wjlocation .page-body {
		padding: 6rem 0;
	}
	.wjlocation .address br {
		display: none;
	}
	.wjlocation .infomation .global-contact .wrapper { 
		padding: 0;
		border-bottom: 0 solid #00000010;
	}
	.wjlocation .infomation .global-contact .submenu {
		display: block;
		padding: 0;
	}
	.wjlocation .map-area iframe {
		height: 20rem;
	}
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.wjlocation .page-body {
		padding: 7rem 0;
	}
	.wjlocation .address br {
		display: none;
	}
	.wjlocation .infomation .global-contact .wrapper { 
		padding: 0;
		border-bottom: 0 solid #00000010;
	}
	.wjlocation .infomation .global-contact .submenu {
		display: block;
		padding: 0;
	}
	.wjlocation .map-area iframe {
		height: 25rem;
	}
}