@charset "utf-8";

/* ============================================================
	.
	. subpage style
	.
=============================================================== */
.subpage .global-contact header { display: none; }
.subpage {
	--page-section-padding: 9rem 0;
	--page-section-padding-narrow: 5rem 0;
}
.subpage .layout-title { width: 900px; margin: 0 auto; }
.subpage .layout-contents { width: 900px; margin: 0 auto; }
.subpage .layout-data { width: 1300px; margin: 0 auto; }
.subpage .layout-slider { width: 1300px; margin: 0 auto; }
.subpage .layout-slider .slider-control,
.subpage .layout-data .slider-control { width: 900px !important; margin: 0 auto; }

@media (max-width: 567.98px) {
	.subpage {
		--page-section-padding: 5.5rem 0;
		--page-section-padding-narrow: 4rem 0;
	}
	.subpage .layout-title { width: calc(100% - 4rem); }
	.subpage .layout-contents { width: calc(100% - 4rem); }
	.subpage .layout-data { width: calc(100% - 4rem); }
	.subpage .layout-data .slider-control { width: 100% !important; }
	.subpage .layout-slider { width: 100%; }
	.subpage .layout-slider .slider-control { width: calc(100% - 4rem) !important; }
	.subpage .layout-slider .swiper-slide:first-child { margin-left: 3rem !important; }
	.subpage .layout-slider .swiper-slide:last-child { margin-right: 3rem !important; }
	.subpage .footerArea . { width: calc(100% - 4rem) !important; }
	.subpage .sitemap .sitemap-slider .swiper-slide:first-child { margin-left: 2rem !important; }
	.subpage .sitemap .sitemap-slider .swiper-slide:last-child { margin-right: 2rem !important; }
	.subpage .sitemap .sitemap-slider .slider-control { width: calc(100% - 4rem) !important; }
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.subpage .layout-title { width: calc(100% - 8rem); }
	.subpage .layout-contents { width: calc(100% - 8rem); }
	.subpage .layout-data { width: calc(100% - 8rem); }
	.subpage .layout-data .slider-control { width: 100% !important; }
	.subpage .layout-slider { width: 100%; }
	.subpage .layout-slider .slider-control { width: calc(100% - 8rem) !important; }
	.subpage .layout-slider .swiper-slide:first-child { margin-left: 4rem !important; }
	.subpage .layout-slider .swiper-slide:last-child { margin-right: 4rem !important; }
	.subpage .footerArea .container { width: calc(100% - 12rem) !important; }
	.subpage .sitemap .sitemap-slider .swiper-slide:first-child { margin-left: 6rem !important; }
	.subpage .sitemap .sitemap-slider .swiper-slide:last-child { margin-right: 6rem !important; }
	.subpage .sitemap .sitemap-slider .slider-control { width: calc(100% - 12rem) !important; }
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.subpage .layout-title { width: calc(100% - 10rem); }
	.subpage .layout-contents { width: calc(100% - 10rem); }
	.subpage .layout-data { width: calc(100% - 10rem); }
	.subpage .layout-data .slider-control { width: 100% !important; }
	.subpage .layout-slider { width: 100%; }
	.subpage .layout-slider .slider-control { width: calc(100% - 10rem) !important; }
	.subpage .layout-slider .swiper-slide:first-child { margin-left: 5rem !important; }
	.subpage .layout-slider .swiper-slide:last-child { margin-right: 5rem !important; }
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
	.subpage .layout-title { width: calc(100% - 12rem); }
	.subpage .layout-contents { width: calc(100% - 12rem); }
	.subpage .layout-data { width: calc(100% - 12rem); }
	.subpage .layout-data .slider-control { width: 100% !important; }
	.subpage .layout-slider { width: 100%; }
	.subpage .layout-slider .slider-control { width: calc(100% - 12rem) !important; }
	.subpage .layout-slider .swiper-slide:first-child { margin-left: 6rem !important; }
	.subpage .layout-slider .swiper-slide:last-child { margin-right: 6rem !important; }
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
	.subpage .layout-title { width: 750px; margin: 0 auto; }
	.subpage .layout-contents { width: 750px; margin: 0 auto; }
	.subpage .layout-data { width: 1050px; margin: 0 auto; }
	.subpage .layout-slider { width: 1050px; margin: 0 auto; }
	.subpage .layout-slider .slider-control,
	.subpage .layout-data .slider-control { width: 750px !important; margin: 0 auto; }
}
@media (min-width: 1300px) and (max-width: 1399.98px) {
	.subpage .layout-title { width: 800px; margin: 0 auto; }
	.subpage .layout-contents { width: 800px; margin: 0 auto; } 
	.subpage .layout-data { width: 1100px; margin: 0 auto; }
	.subpage .layout-slider { width: 1100px; margin: 0 auto; }
	.subpage .layout-slider .slider-control,
	.subpage .layout-data .slider-control { width: 800px !important; margin: 0 auto; }
}
@media (min-width: 1400px) and (max-width: 1499px) {
	.subpage .layout-title { width: 850px; margin: 0 auto; }
	.subpage .layout-contents { width: 850px; margin: 0 auto; } 
	.subpage .layout-data { width: 1150px; margin: 0 auto; }
	.subpage .layout-slider { width: 1150px; margin: 0 auto; }
	.subpage .layout-slider .slider-control,
	.subpage .layout-data .slider-control { width: 850px !important; margin: 0 auto; }
}


/* ============================================================
	slider common
=============================================================== */
.subpage .swiper-pagination-progressbar-fill { background-color: #b8755a !important; }
.subpage .swiper-container-free-mode > .swiper-wrapper { transition-timing-function : linear; }
.subpage .swiper { padding-bottom: 2rem !important; }
.subpage .slider-control {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 1rem;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.subpage .swiper-scrollbar { width: 100% !important; }
.subpage .swiper-scrollbar .swiper-scrollbar-drag { background: #cf8061; }
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
	left: 0 !important;
	bottom: 0 !important;
}

/* ============================================================
	subpage header
=============================================================== */
.subpage .page-header-bg { 
	background-repeat: no-repeat;
	background-position: center top;
	animation: backgroundScale 1s ease-out forwards; /* 애니메이션 설정 */
	background-size: cover; /* 다시 원래 크기로 돌아감 */
}
@keyframes backgroundScale {
	0% { background-size: auto 120%; /* 기본 크기 */ }
	100% { background-size: auto 100%; /* 다시 원래 크기로 돌아감 */ }
}
.subpage .page-header-bg.eyes-header-01 { background-image: url('/imgs/subpage/eyes/eyes-header-01.jpg'); }
.subpage .page-header-bg.eyes-header-02 { background-image: url('/imgs/subpage/eyes/eyes-header-02.jpg'); }
.subpage .page-header-bg.eyes-header-03 { background-image: url('/imgs/subpage/eyes/eyes-header-03.jpg'); }
.subpage .page-header-bg.eyes-header-04 { background-image: url('/imgs/subpage/eyes/eyes-header-04.jpg'); }
.subpage .page-header-bg.eyes-header-05 { background-image: url('/imgs/subpage/eyes/eyes-header-05.jpg'); }
.subpage .page-header-bg.eyes-header-06 { background-image: url('/imgs/subpage/eyes/eyes-header-06.jpg'); }
.subpage .page-header-bg.eyes-header-07 { background-image: url('/imgs/subpage/eyes/eyes-header-07.jpg'); }
.subpage .page-header-bg.eyes-header-08 { background-image: url('/imgs/subpage/eyes/eyes-header-08.jpg'); }
.subpage .page-header-bg.eyes-header-09 { background-image: url('/imgs/subpage/eyes/eyes-header-09.jpg'); }
.subpage .page-header-bg.eyes-header-10 { background-image: url('/imgs/subpage/eyes/eyes-header-10.jpg'); }
.subpage .page-header-bg.eyes-header-11 { background-image: url('/imgs/subpage/eyes/eyes-header-11.jpg'); }

.subpage .page-header-bg.rhinoplasty-header-01 { background-image: url('/imgs/subpage/rhino/rhino-header-01.jpg'); }
.subpage .page-header-bg.rhinoplasty-header-02 { background-image: url('/imgs/subpage/rhino/rhino-header-02.jpg'); }
.subpage .page-header-bg.rhinoplasty-header-03 { background-image: url('/imgs/subpage/rhino/rhino-header-03.jpg'); }
.subpage .page-header-bg.rhinoplasty-header-04 { background-image: url('/imgs/subpage/rhino/rhino-header-04.jpg'); }
.subpage .page-header-bg.rhinoplasty-header-05 { background-image: url('/imgs/subpage/rhino/rhino-header-05.jpg'); }

.subpage .page-header-bg.facial-header-01 { background-image: url('/imgs/subpage/facial/facial-header-01.jpg'); }
.subpage .page-header-bg.facial-header-02 { background-image: url('/imgs/subpage/facial/facial-header-02.jpg'); }
.subpage .page-header-bg.facial-header-03 { background-image: url('/imgs/subpage/facial/facial-header-03.jpg'); }
.subpage .page-header-bg.facial-header-04 { background-image: url('/imgs/subpage/facial/facial-header-04.jpg'); }
.subpage .page-header-bg.facial-header-05 { background-image: url('/imgs/subpage/facial/facial-header-05.jpg'); }
.subpage .page-header-bg.facial-header-06 { background-image: url('/imgs/subpage/facial/facial-header-06.jpg'); }
.subpage .page-header-bg.facial-header-07 { background-image: url('/imgs/subpage/facial/facial-header-07.jpg'); }
.subpage .page-header-bg.facial-header-08 { background-image: url('/imgs/subpage/facial/facial-header-08.jpg'); }
.subpage .page-header-bg.facial-header-09 { background-image: url('/imgs/subpage/facial/facial-header-09.jpg'); }

.subpage .page-header-bg.body-header-01 { background-image: url('/imgs/subpage/body/body-header-01.jpg'); }
.subpage .page-header-bg.body-header-02 { background-image: url('/imgs/subpage/body/body-header-02.jpg'); }
.subpage .page-header-bg.body-header-03 { background-image: url('/imgs/subpage/body/body-header-03.jpg'); }
.subpage .page-header-bg.body-header-04 { background-image: url('/imgs/subpage/body/body-header-04.jpg'); }
.subpage .page-header-bg.body-header-05 { background-image: url('/imgs/subpage/body/body-header-05.jpg'); }

.subpage .page-header-bg.antiaging-header-01 { background-image: url('/imgs/subpage/antiaging/antiaging-header-01.jpg'); }
.subpage .page-header-bg.antiaging-header-02 { background-image: url('/imgs/subpage/antiaging/antiaging-header-02.jpg'); }
.subpage .page-header-bg.antiaging-header-03 { background-image: url('/imgs/subpage/antiaging/antiaging-header-03.jpg'); }
.subpage .page-header-bg.antiaging-header-04 { background-image: url('/imgs/subpage/antiaging/antiaging-header-04.jpg'); }
.subpage .page-header-bg.antiaging-header-05 { background-image: url('/imgs/subpage/antiaging/antiaging-header-05.jpg'); }
.subpage .page-header-bg.antiaging-header-06 { background-image: url('/imgs/subpage/antiaging/antiaging-header-06.jpg'); }
.subpage .page-header-bg.antiaging-header-07 { background-image: url('/imgs/subpage/antiaging/antiaging-header-07.jpg'); }
.subpage .page-header-bg.antiaging-header-08 { background-image: url('/imgs/subpage/antiaging/antiaging-header-08.jpg'); }
.subpage .page-header-bg.antiaging-header-09 { background-image: url('/imgs/subpage/antiaging/antiaging-header-09.jpg'); }
.subpage .page-header-bg.antiaging-header-10 { background-image: url('/imgs/subpage/antiaging/antiaging-header-10.jpg'); }
.subpage .page-header-bg.antiaging-header-11 { background-image: url('/imgs/subpage/antiaging/antiaging-header-11.jpg'); }
.subpage .page-header-bg.antiaging-header-12 { background-image: url('/imgs/subpage/antiaging/antiaging-header-12.jpg'); }
.subpage .page-header-bg.antiaging-header-13 { background-image: url('/imgs/subpage/antiaging/antiaging-header-13.jpg'); }
.subpage .page-header-bg.antiaging-header-14 { background-image: url('/imgs/subpage/antiaging/antiaging-header-14.jpg'); }

.subpage .page-header-bg.breast-header-01 { background-image: url('/imgs/subpage/breast/breast-header-01.jpg'); }
.subpage .page-header-bg.breast-header-02 { background-image: url('/imgs/subpage/breast/breast-header-02.jpg'); }
.subpage .page-header-bg.breast-header-03 { background-image: url('/imgs/subpage/breast/breast-header-03.jpg'); }
.subpage .page-header-bg.breast-header-04 { background-image: url('/imgs/subpage/breast/breast-header-04.jpg'); }
.subpage .page-header-bg.breast-header-05 { background-image: url('/imgs/subpage/breast/breast-header-05.jpg'); }

.subpage .page-header-bg.ent-header-01 { background-image: url('/imgs/subpage/ent/ent-header-01.jpg'); }
.subpage .page-header-bg.ent-header-02 { background-image: url('/imgs/subpage/ent/ent-header-02.jpg'); }
.subpage .page-header-bg.ent-header-03 { background-image: url('/imgs/subpage/ent/ent-header-03.jpg'); }
.subpage .page-header-bg.ent-header-04 { background-image: url('/imgs/subpage/ent/ent-header-04.jpg'); }
.subpage .page-header-bg.ent-header-05 { background-image: url('/imgs/subpage/ent/ent-header-05.jpg'); }

.subpage .page-header-bg.hair-header-01 { background-image: url('/imgs/subpage/hair/hair-header-01.jpg'); }
.subpage .page-header-bg.hair-header-02 { background-image: url('/imgs/subpage/hair/hair-header-02.jpg'); }
.subpage .page-header-bg.hair-header-03 { background-image: url('/imgs/subpage/hair/hair-header-03.jpg'); }
.subpage .page-header-bg.hair-header-04 { background-image: url('/imgs/subpage/hair/hair-header-04.jpg'); }

.subpage .page-header-bg.header-breast { background-image: url('/imgs/subpage/breast-header.jpg'); }
.subpage .page-header-bg.header-antiaging { background-image: url('/imgs/subpage/antiaging-header.jpg'); }
.subpage .page-header-bg.header-stemcell { background-image: url('/imgs/subpage/stemcell-header.jpg'); }


/* ============================================================
	subpage contents
=============================================================== */
.subpage .sub article {
	margin: 0 auto !important;
} /* old */
.subpage { 
	width: auto;
	height: auto;
	min-width: 360px;
}
.subpage .page-header {
	position: relative;
	box-sizing: border-box;
	color: #fff;
	background-color: #fff;
	height: 44rem;	
}
.subpage .page-header .page-title {
	font-size: 3rem;
	font-weight: 800;
	text-transform: capitalize;
	padding-right: 15%;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	position: absolute;
	bottom: 5rem;
	left: 50%;
	transform: translateX(-50%);
}
.subpage .page-subject {
	box-sizing: border-box;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
	padding: 5rem 0;
	background-color: rgba(25, 61, 61, 0.8);
	color: #ff9c74;
	background-image: url('/imgs/main/bg-logo.png');
	background-size: contain; 
}
.subpage .page-body {
	padding: 9rem 0;
	word-wrap: break-word;
	position: relative;
}
.subpage .contents-header {
	padding-bottom: 10rem;
	text-align: left;
}
.subpage .contents-header .contents-title {
	font-size: 1.8rem;
	font-weight: 700;
	padding-right: 30%;
}
.subpage .contents-header .contents-txt { 
	margin-top: 1.5rem;
	padding-right: 20%;
	font-weight: 400;
	font-size: 1.1rem;
}

@media (max-width: 567.98px) {
	.subpage #warp { padding-bottom: 0 !important; }
	.subpage .page-header {
		height: 34rem;	
	}
	.subpage .page-header .page-title {
		font-size: 2.4rem;
		padding-right: 0;
		bottom: 4rem;
	}
	.subpage .page-header .page-title br { display: none; }
	.subpage .page-subject {
		font-size: 1.1rem;
		padding: 4rem 0;
		background-size: 250%; 
	}
	.subpage .page-subject .layout-title {
		padding-right: 0;
	}
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.subpage #warp { padding-bottom: 0 !important; }
	.subpage .page-header .page-title {
		font-size: 2.6rem;
		padding-right: 10%;
	}
	.subpage .page-header .page-title br { display: none; }
	.subpage .page-subject {
		font-size: 1.1rem;
		padding: 4rem 0;
		background-size: 150%; 
	}
	.subpage .page-subject .layout-title {
		padding-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.subpage .page-header-bg { 
		background-size: auto 70%;
	}
	.subpage .page-header .page-title {
		font-size: 2.6rem;
	}
	.subpage .page-subject {
		padding: 5rem 0;
	}
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
	.subpage .page-header .page-title {
		padding-right: 20%;
	}
}

/* ==============================
	old style
================================= */
.bg_pink { background-color: #fff !important; }
.bg_gray { background-color: #fff !important; }