@charset "utf-8";
/* 
네트워크소개전용
/introduce
 */

/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* 닥터스소개 */
.introduceArea{display:block; position:relative;}
.introduceArea-container{display:block; position:relative;}
.introduceWrap{}
.introduceWrap .Container{padding:0px;}
/*
.introduceWrap .Header{position:fixed;}
.introduceWrap .Header.is-stuck{background:none; box-shadow:none;}/
*/


/* --------------------------------------------------------------------------- */
/* 세션공통사항 */
.introduceSection{display:flex; position:relative; min-height:100dvh; justify-content:center; align-items:center; align-self:center; background-repeat:no-repeat; background-position:center center; background-size:100% auto; background-size:cover; padding:15rem 5%; overflow:hidden;}
.introduceSection .Inner{display:flex; position:relative; flex-direction:column; }
	/* 레이아웃 */
	.introduceSection .contInner{flex:1; display:flex; position:relative; width:100%; height:100%; flex-direction:row;}
	.introduceSection .contInner .Left{flex:1; display:flex; position:relative; flex-direction:column;}
	.introduceSection .contInner .Center{flex:1; display:flex; position:relative; flex-direction:column;}
	.introduceSection .contInner .Right{flex:1; display:flex; position:relative; flex-direction:column;}
	.introduceSection .section-head{display:flex; position:relative; flex-direction:column;}
	.introduceSection .section-body{display:flex; position:relative; flex-direction:column;}
	.introduceSection .section-footer{display:flex; position:relative; flex-direction:column;}
	/* 타이틀 */
	.introduceSection-title{display:flex; position:relative; flex-direction:column; justify-content:flex-start; align-items:center; align-self:stretch; gap:var(--padding-4xl); text-align:center;}
	.introduceSection-title .title{display:flex; position:relative; flex-direction:column; align-self:stretch;}
	.introduceSection-title .title span{display:block; position:relative; font-size:var(--font-size-xl); font-weight:var(--font-weight); }
	.introduceSection-title .title em{display:block; position:relative; font-size:var(--font-size-5xl); line-height:var(--line-height-xs); font-weight:var(--font-weight-bold);}
	.introduceSection-title .title p{display:block; position:relative;}
	.introduceSection-title .summary{position:relative; align-self:stretch; font-size:var(--font-size-lg);}


@media (min-width: 768px) and (max-width: 991.98px) {
/* 세션공통사항 */
.introduceSection{padding:8rem 8%;}
.introduceSection .Inner{padding-left:0px; padding-right:0px;}
}

@media (max-width: 767.98px) {
/* 세션공통사항 */
.introduceSection{padding:8rem 6.4%;}
.introduceSection .Inner{padding-left:0px; padding-right:0px;}
	/* 타이틀 */
	.introduceSection-title{gap:var(--padding-2xl); }
	.introduceSection-title .title em{font-size:var(--font-size-4xl);}
	/* 레이아웃 */
	.introduceSection .contInner{height:auto; flex-direction:column;}
	
}




/* 영어슬로건원형 */
.introduceSection::before{display:block; position:absolute; width:26rem; aspect-ratio:1; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; background-image:url('/assets/images/sub/about_introduceSection_deco01.png'); animation:decoani-spin 30s linear infinite; z-index:var(--z-index); opacity:0.5;}
.introduceSection::after{display:block; position:absolute; width:26rem; aspect-ratio:1; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; background-image:url('/assets/images/sub/about_introduceSection_deco01.png'); animation:decoani-spin 30s linear infinite; z-index:var(--z-index);  opacity:0.5;}
/* 애니메이션 */
@keyframes decoani-spin{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}

@media (max-width: 767.98px) {
/* 영어슬로건원형 */
.introduceSection::before{width:20rem;}
.introduceSection::after{width:20rem;}	
}




/* --------------------------------------------------------------------------- */
/* 01 정직은기본 */
.introduceSection-01{background-image: url('/assets/images/sub/about_introduceSection01_bg.jpg'); background-attachment:fixed;  animation:intu01ani-movie 70s infinite; display:none !important;}
.introduceSection-01 .Inner{}
	/* 타이틀 */
	.introduceSection-01 .introduceSection-title{}
	.introduceSection-01 .introduceSection-title .title p{font-size:var(--padding-5xl);}
	.introduceSection-01 .introduceSection-title .summary{}
	/* 애니메이션     animation: intu01ani-movie 22s infinite;  */
	@keyframes intu01ani-movie {
		0% { background-position: left center; }
		50% { background-position: center center; }
		100% { background-position: right center; }
	}


@media (max-width: 767.98px) {
.introduceSection-01{}
.introduceSection-01 .Inner{}
/* 타이틀 */
.introduceSection-01 .introduceSection-title{}
.introduceSection-01 .introduceSection-title .title p{font-size:var(--font-size-4xl);}
.introduceSection-01 .introduceSection-title .summary{}
}





/* --------------------------------------------------------------------------- */
/* 02 리프팅은닥터스 */
.introduceSection-02{background-image:url('/assets/images/sub/about_introduceSection02_bg.jpg');}
.introduceSection-02 .Inner{width:100%;}
	/* 타이틀 */
	.introduceSection-02 .introduceSection-title{}
	/* 레이아웃 */
	.introduceSection-02 .contInner{gap:var(--padding-6xl); }
	.introduceSection-02 .viewBox{display:flex; position:relative; width:100%; flex-direction:column; justify-content:space-between;}
	.introduceSection-02 .viewBox .imgBox{display:inline-block; position:relative; overflow:hidden; }
	.introduceSection-02 .viewBox .imgBox img{display:inline-block; object-fit:cover; border-radius:var(--border-radius-xl); transition:var(--transition);}
	.introduceSection-02 .viewBox .imgBox img:hover {transform:scale(1.05);}
		/* 왼쪽이미지 */
		.introduceSection-02 .Left{flex:1; align-self:flex-end; display:none !important;}
		.introduceSection-02 .Left .viewBox{aspect-ratio:680/740;}
		.introduceSection-02 .Left .box01{text-align: right; z-index:var(--z-index);}
		.introduceSection-02 .Left .box01 img{width:42%;}
		.introduceSection-02 .Left .box02{top:-3rem;}
		.introduceSection-02 .Left .box02 img{width:90%;}
		/* 가운데문구 */
		.introduceSection-02 .Center{flex-basis:60%; align-self:center; z-index:calc( var(--z-index) + 1);}
		.introduceSection-02 .introduceSection-title{}
		.introduceSection-02 .introduceSection-title .summary{}
		/* 오른쪽이미지 */
		.introduceSection-02 .Right{flex:1; align-self:flex-start; display:none !important;}
		.introduceSection-02 .Right .viewBox{aspect-ratio:640/755;}
		.introduceSection-02 .Right .box01{}
		.introduceSection-02 .Right .box01 img{width:46%; }
		.introduceSection-02 .Right .box02{text-align:right; top:-3rem;} 
		.introduceSection-02 .Right .box02 img{width:80%;}


@media (max-width: 991.98px) {
/* 02 리프팅은닥터스 */
.introduceSection-02{}
.introduceSection-02 .Inner{height:100%;}
	/* 타이틀 */
	.introduceSection-02 .introduceSection-title{}
	/* 레이아웃 */
	.introduceSection-02 .contInner{flex-direction:column; justify-content:space-between; gap:var(--padding-3xl);}
	.introduceSection-02 .viewBox{display:flex; flex-direction:row; aspect-ratio: 2/ 0.8 !important; overflow: hidden;  border-radius:var(--border-radius-xl);}
	.introduceSection-02 .viewBox .imgBox{}
	.introduceSection-02 .viewBox .imgBox img{width:100% !important; border-radius:0px;}
	.introduceSection-02 .viewBox .imgBox img:hover{}
		/* 왼쪽이미지 */
		.introduceSection-02 .Left{flex:none !important;}
		.introduceSection-02 .Left .viewBox{aspect-ratio:auto;}
		.introduceSection-02 .Left .box01{flex-basis:35% ; order: 2;}
		.introduceSection-02 .Left .box01 img{}
		.introduceSection-02 .Left .box02{flex:1; top:auto; order: 1;}
		.introduceSection-02 .Left .box02 img{}
		/* 가운데문구 */
		.introduceSection-02 .Center{flex:none !important; align-items: center; }
		.introduceSection-02 .introduceSection-title{}
		.introduceSection-02 .introduceSection-title .summary{}
		/* 오른쪽이미지 */
		.introduceSection-02 .Right{flex:none !important;}
		.introduceSection-02 .Right .viewBox{aspect-ratio:auto;} 
		.introduceSection-02 .Right .box01{flex-basis:35%;}
		.introduceSection-02 .Right .box01 img{}
		.introduceSection-02 .Right .box02{flex:1; top:auto;}
		.introduceSection-02 .Right .box02 img{}

}



/* --------------------------------------------------------------------------- */
/* 03 피부과전문의 */
.introduceSection-03{color:var(--font-color-light); background-color:var(--primary-50); background-image:url('/assets/images/sub/about_introduceSection03_bg.jpg'); background-size:cover;  background-repeat:no-repeat; background-position:center center; transition:background 0.6s ease; display:none !important;}
.introduceSection-03::before{content:''; left:-5%; bottom:-5%; }

.introduceSection-03 .Inner{flex-direction:row; gap:15rem; height:74%;}
	/* 왼쪽 */
	.introduceSection-03 .Left{flex-basis:16%; display:inline-flex; position:relative; align-items:center;}
	.introduceSection-03 .Left::after{content:''; position:absolute; right:-18%; top:10%; bottom:10%; border-right:2px solid var(--bg-color-light); opacity:0.3;}
		/* 세션4템플릿01 */
		.intr03tem-01-list{display:flex; position:relative; height:100%; flex-direction:column; justify-content:space-between;}
		.intr03tem-01-list li{display:inline-flex; position:relative; }
		.intr03tem-01-list .intr03tem-01{}
		.intr03tem-01{display:inline-flex; position:relative; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:var(--padding-lg);}
		.intr03tem-01 .entry{display:block; position:relative; align-self:stretch; font-size:var(--font-size-lg); font-weight:var(--font-weight-bold);}
		.intr03tem-01 .field{display:flex; position:relative; flex-direction:row; justify-content:flex-end; align-items:flex-end; gap:var(--padding-xs);}
		.intr03tem-01 .num{display:inline-block; position:relative; font-size:9rem; line-height:0.7em; font-weight:var(--font-weight-bold); }
		.intr03tem-01 .unit{display:inline-block; position:relative; font-size:var(--font-size-2xl); line-height:1em;}
		.intr03tem-01 .num.counting{}
		.intr03tem-01 .num.completed{transform:scale(1.1); transition:all 0.5s ease; animation:numCountComplete 0.6s ease; }
		@keyframes numCountComplete{0%{transform:scale(1); }50%{transform:scale(1.2); }100%{transform:scale(1.1); }}
	/* 오른쪽 */
	.introduceSection-03 .Right{flex:1; display:inline-flex; position:relative; justify-content:center; align-items:center;} 
	.introduceSection-03 .Right .intr03tem-02{}
		/* 세션3템플릿02 */
		.intr03tem-02{display:block; position:relative;}
		.intr03tem-02 dl{display:flex; position:relative; overflow:hidden; flex-direction:column; justify-content:flex-start; align-items:flex-start; align-self:stretch; flex-shrink:0; gap:var(--padding-4xl);}
		.intr03tem-02 dt{display:flex; position:relative; flex-direction:row; justify-content:flex-start; align-items:flex-start; align-self:stretch;}
		.intr03tem-02 .title{position:relative; font-size:var(--font-size-5xl); line-height:var(--line-height-xs); font-weight:var(--font-weight-bold); }
		.intr03tem-02 dd{display:flex; position:relative; flex-direction:column; justify-content:flex-start; align-items:flex-start; align-self:stretch; word-break:break-all; }
		.intr03tem-02 .summary{display:flex; position:relative; flex-direction:column; align-self:stretch; gap:var(--padding-lg); font-size:var(--font-size-lg); }
		.intr03tem-02 .summary *{line-height:inherit;}
		.intr03tem-02 .summary p{display:block; position:relative;}
		.intr03tem-02 .summary .summary-section{opacity:0.5; transition:all 0.5s ease; }
		.intr03tem-02 .summary .summary-section.active{opacity:1; }
		.intr03tem-02 .word{display:inline; transition:all 0.3s ease; animation:wordPulse 0.6s ease; opacity:0.3;}
		.intr03tem-02 .word.highlighted{display:inline-block; opacity:1; transform:scale(1.05);  }
		@keyframes wordPulse{0%{transform:scale(1); }50%{transform:scale(1.05); }100%{transform:scale(1); }}
	/* 세션바로가기 */
	.introduceArea .scroll-indicator{display:flex; position:fixed; top:50%; left:1rem; flex-direction:column; justify-content:center; align-items:center; transform:translateY(-50%); z-index:1000; gap:10px; display:none;;}
	.introduceArea .scroll-dot{width:1.4rem; height:1.4rem; border-radius:var(--border-radius-max); background-color:var(--bg-color-light);  opacity:0.3; transition:all 0.3s ease; cursor:pointer; }
	.introduceArea .scroll-dot.active{opacity:1;}
	/* 활성화 이미지내용마다바꾸던걸통합합 */
	.introduceSection-03.summary-section1-active{background-image:url('/assets/images/sub/about_introduceSection03_bg.jpg');}
	.introduceSection-03.summary-section2-active{background-image:url('/assets/images/sub/about_introduceSection03_bg.jpg');}
	.introduceSection-03.summary-section3-active{background-image:url('/assets/images/sub/about_introduceSection03_bg.jpg');}
	.introduceSection-03.summary-section1-active .summary-section{}
	.introduceSection-03.summary-section2-active .summary-section{}
	.introduceSection-03.summary-section3-active .summary-section{}
	.introduceSection-03.summary-section1-active .contInner{}
	.introduceSection-03.summary-section2-active .contInner{}
	.introduceSection-03.summary-section3-active .contInner{}


@media (min-width: 768px) and (max-width: 991.98px) {
/* 03 피부과전문의 */
.introduceSection-03{}
.introduceSection-03 .Inner{gap:6rem; height:86%;}
	/* 왼쪽 */
	.introduceSection-03 .Left{flex-basis:24%;}
	.introduceSection-03 .Left::after{right:-8%;}
		/* 세션4템플릿01 */
		.intr03tem-01-list{height:80%;}
		.intr03tem-01-list .intr03tem-01{}
		.intr03tem-01{}
		.intr03tem-01 .num{font-size:6rem;}
	/* 오른쪽 */
	.introduceSection-03 .Right{} 
	.introduceSection-03 .Right .intr03tem-02{}
		/* 세션3템플릿02 */
		.intr03tem-02{}
		.intr03tem-02 dl{}
		.intr03tem-02 .title{letter-spacing:-1px;}

}


@media (max-width: 767.98px) {
/* 03 피부과전문의 */
.introduceSection-03{}
.introduceSection-03 .Inner{flex-direction:column; justify-content:space-between; gap:2rem; height:92%;}
	/* 왼쪽 */
	.introduceSection-03 .Left{flex-basis:auto;}
	.introduceSection-03 .Left::after{content:''; position:absolute; right:0%; top:auto; bottom:0%; width:100%; border-bottom:var(--border); opacity:0.3; display:none;}
		/* 세션4템플릿01 */
		.intr03tem-01-list{width:100%; height:auto; flex-direction:row; gap:var(--padding);}
		.intr03tem-01-list li{flex:none;}
		.intr03tem-01-list li:first-child{flex-basis:40%;}
		.intr03tem-01-list .intr03tem-01{height:100%;}
		.intr03tem-01{width:100%; height:100%; gap:var(--padding); justify-content:space-between; text-align:center; }
		.intr03tem-01 .entry{font-size:var(--font-size); line-height:1.5em; }
		.intr03tem-01 .field{width:100%; justify-content:center;}
		.intr03tem-01 .num{font-size:3rem; line-height:0.7em;}
		.intr03tem-01 .unit{font-size:var(--font-size-xl); line-height:1em;}
	/* 오른쪽 */
	.introduceSection-03 .Right{flex:0;}
	.introduceSection-03 .Right .intr03tem-02{width:100%;}
		/* 세션4템플릿02 */
		.intr03tem-02{}
		.intr03tem-02 dl{gap:var(--padding-xl);}
		.intr03tem-02 dt{}
		.intr03tem-02 .title{font-size:var(--font-size-3xl); }
		.intr03tem-02 dd{}
		.intr03tem-02 .summary{gap:var(--padding); font-size:var(--font-size); line-height: 1.38em; letter-spacing:-0.5px;}
		.intr03tem-02 .summary p{}
		.intr03tem-02 .summary .summary-section{}
		.intr03tem-02 .summary .summary-section.active{}
		.intr03tem-02 .word{}
		.intr03tem-02 .word.highlighted{}
	/* 활성화 */
	.introduceSection-03.summary-section1-active{}
	.introduceSection-03.summary-section2-active{}
	.introduceSection-03.summary-section3-active{}
	.introduceSection-03.summary-section1-active .summary-section{}
	.introduceSection-03.summary-section2-active .summary-section{}
	.introduceSection-03.summary-section3-active .summary-section{}
	.introduceSection-03 .contInner{backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);} /* 글라스효과 */
	.introduceSection-03.summary-section1-active .contInner{background-color:rgba(255, 255, 255, 0.4); }
	.introduceSection-03.summary-section2-active .contInner{background-color:rgba(0, 0, 0, 0.4); }
	.introduceSection-03.summary-section3-active .contInner{background-color:rgba(255, 255, 255, 0.4); }

}




/* --------------------------------------------------------------------------- */
/* 04 전문의여정 */
.introduceSection-04{background-color:var(--secondary-10);} 
.introduceSection-04::before{content:''; position:absolute; inset:0% 0% 0% 0%; width:100%; height:100%; aspect-ratio:inherit; background-position:center center;
	background-image:url('/assets/images/sub/about_introduceSection04_bg.jpg'); opacity:0.1; animation:none;} 
.introduceSection-04 .Inner{gap:var(--padding-3xl);}
	/* 상단 */
	.introduceSection-04 .section-head{}
	/* 컨텐츠 */
	.introduceSection-04 .section-body{}
		/* 원형캐러셀 */
		.carousel-wrapper{display:flex; position:relative; flex-direction: column; align-items:center; justify-content:center;}
		.carousel-wrapper .carousel-container{display:block; position:relative; width:46rem; aspect-ratio:1;}
		.carousel-wrapper .carousel-container::before{content:''; display:block; position:absolute;  left:50%; top:50%; width:28rem; margin-left:calc( -28rem / 2);   margin-top:calc( -28rem / 2);aspect-ratio:1; background:url('/assets/images/sub/about_introduceSection04_deco.svg') no-repeat center center/cover; animation:decoani-spin 20s linear infinite;}
		.carousel-wrapper .carousel-items-list{}
		.carousel-wrapper .carousel-item{display:flex; position:absolute; align-items:center; justify-content:center; width:15rem; height:15rem; text-align:center; border-radius:var(--border-radius-max); transition:all 0.5s ease-out; cursor:pointer;}
		.carousel-wrapper .carousel-item label{display:flex; position:relative; flex-direction:column; gap:0px;}
		.carousel-wrapper .carousel-item label p{display:block;}
		.carousel-wrapper .carousel-item label em{display:block; font-size:var(--font-size-2xl); line-height:1.2em; font-weight:var(--font-weight-bold);}
		.carousel-wrapper .carousel-item.active{color:var(--font-color-light); background-color:var(--primary); transform:scale(1.1)}
		.carousel-wrapper .carousel-item.inactive{border:2px solid var(--primary); background-color:var(--bg-color-light);}
		.carousel-wrapper .carousel-item:hover{background-color:var(--primary); color:var(--font-color-light); transform:scale(1.1)}
		.carousel-wrapper .carousel-central-text{display:flex; position:absolute; top:50%; left:50%; font-size:9rem; line-height:1em; font-weight:var(--font-weight-semibold); text-align:center;  opacity:0; transform:translate(-50%,-50%); transition:opacity 0.5s ease-in-out;}
		.carousel-wrapper .carousel-central-text::after{content:'+'; font-size:var(--font-size-3xl); line-height:1em; font-weight:var(--font-weight-semibold);}
		.carousel-wrapper .carousel-central-text.show{opacity:1;}
		.carousel-wrapper .carousel-navigation{display:flex; position:relative; justify-content:center; align-items:center; display:none;}
		.carousel-wrapper .carousel-button{transition:all 0.3s ease}
		.carousel-wrapper .indicator{width:1rem; height:1rem; border:var(--border); transition:all 0.3s ease}
		.carousel-wrapper .indicator.active{background-color:var(--primary)}




@media (max-width: 767.98px) { 
/* 04 전문의여정 */
.introduceSection-04{} 
.introduceSection-04 .contInner{height:100%;}
	/* 컨텐츠 */
	.introduceSection-04 .Left{}
	.introduceSection-04 .Right{}
	.introduceSection-04 .Inner{}
		/* 원형캐러셀 */
		.carousel-wrapper{}
		.carousel-wrapper .carousel-container{}
		.carousel-wrapper .carousel-item{width:13rem; height:13rem;}
		.carousel-wrapper .carousel-item label{}
		.carousel-wrapper .carousel-item label p{}
		.carousel-wrapper .carousel-item label em{font-size:var(--font-size-xl);}
		.carousel-wrapper .carousel-central-text{font-size:5rem;}
		.carousel-wrapper .carousel-central-text::after{}



}



/* --------------------------------------------------------------------------- */
/* 05 닥터스가지켜온가치 */
.introduceSection-05{color:var(--font-color-light); background-color:var(--primary-50); background-image:url('/assets/images/sub/about_introduceSection05_bg.jpg');} 
.introduceSection-05::before{content:''; right:-5%; top:-10%;}
.introduceSection-05::after{content:''; left:10%; bottom:-10%;}
.introduceSection-05 .Inner{gap: var(--padding-5xl);}
	/* 컨텐츠 */
	.introduceSection-05 .section-body{align-items: center;}
		/* 삼각형영역 */
		.introduceSection-05 .inner{display:flex; position:relative; justify-content:center; align-items:center; width:100%;}
			/* 삼각형 */
			.introduceSection-05 .imgBox{display:inline-block; position:relative; width:38%; aspect-ratio: 830 / 710;} /* 원래 aspect-ratio: 830 / 680; 글자2줄로되면서 높이를 더 높임  */
			.introduceSection-05 .imgBox img{display:inline-block; position:relative; mix-blend-mode:screen; aspect-ratio: 830 / 680;}
			.introduceSection-05 .imgBox .standard{opacity:0;}
			.introduceSection-05 .imgBox .side{position:absolute; inset:0% 0% 0% 0%;}
			.introduceSection-05 .imgBox .side.bg{}
			.introduceSection-05 .imgBox .side.logo{} /* mix-blend-mode:overlay; */
			.introduceSection-05 .imgBox .side.line{}
			.introduceSection-05 .spot{display:inline-block; position:absolute; text-align:center; opacity:0; transition:opacity 1s ease;}
			.introduceSection-05 .spot em{display:block; font-size:var(--font-size-xl); font-weight: var(--font-weight-bold);}
			.introduceSection-05 .spot span{display:block; font-size:var(--font-size-lg);}
			.introduceSection-05 .viewpoint{}
			.introduceSection-05 .viewpoint-on.spot{opacity:1;}
				/* 별도위치지정 */
				.introduceSection-05 .spot01{top:-3%; left:50%; transform:translateX(-50%);}
				.introduceSection-05 .spot02{left:0%; bottom:0%;}
				.introduceSection-05 .spot03{right:0%; bottom:0%;}
				.introduceSection-05 .imgBox .side.line{opacity:0;}
				.introduceSection-05 .imgBox .line01 {animation:intu05ani-fadeIn1 6s linear infinite; }
				.introduceSection-05 .imgBox .line02 {animation:intu05ani-fadeIn2 6s linear infinite; }
				.introduceSection-05 .imgBox .line03 {animation:intu05ani-fadeIn3 6s linear infinite; }
				/* 애니메이션 */
				@keyframes intu05ani-fadeIn1 {
					0% { opacity:0; }
					20% { opacity:1; }
					100% { opacity:1; }
				}
				@keyframes intu05ani-fadeIn2 {
					0%, 20% { opacity:0; }
					40% { opacity:1; }
					100% { opacity:1; }
				}
				@keyframes intu05ani-fadeIn3 {
					0%, 40% { opacity:0; }
					60% { opacity:1; }
					100% { opacity:1; }
				}
				/* 애니메이션 */
				@keyframes intu05ani-fadeIntext{
					from{opacity:0;}
					to{opacity:1;}
				}	



@media (min-width: 768px) and (max-width: 991.98px) { 
/* 05 닥터스가지켜온가치 */
.introduceSection-05{} 
.introduceSection-05::before{}
.introduceSection-05::after{}
.introduceSection-05 .Inner{gap: var(--padding-4xl);}
	/* 컨텐츠 */
	.introduceSection-05 .section-body{}
		/* 삼각형영역 */
		.introduceSection-05 .inner{}
			/* 삼각형 */
			.introduceSection-05 .imgBox{width:80%;} 
}



@media (max-width: 767.98px) { 
/* 05 닥터스가지켜온가치 */
.introduceSection-05{} 
.introduceSection-05::before{}
.introduceSection-05::after{}
.introduceSection-05 .Inner{gap: var(--padding-5xl);}
	/* 컨텐츠 */
	.introduceSection-05 .section-body{}
		/* 삼각형영역 */
		.introduceSection-05 .inner{}
			/* 삼각형 */
			.introduceSection-05 .imgBox{width:90%; aspect-ratio: 830 / 800;} 
				/* 별도위치지정 */
				.introduceSection-05 .spot01{top:-12%;}
				.introduceSection-05 .spot02{bottom:0%;}
				.introduceSection-05 .spot03{bottom:0%;}

}



/* --------------------------------------------------------------------------- */
/* 06 닥터스연혁 */
.introduceSection-06{background-color: var(--secondary-5);} 
.introduceSection-06 .Inner{gap: var(--padding-5xl); height:100%;}
	/* 상단 */
	.introduceSection-06 .section-head{}
	/* 컨텐츠 */
	.introduceSection-06 .section-body{flex:1; overflow:hidden;}
		/* 탭영역 */
		.intu06Tab.tab-container{}
		.intu06Tab{display:flex; position:relative; flex-direction:row; align-items:stretch; gap:var(--padding-4xl);}
		.intu06Tab .tab-header{display:flex; position:relative; flex-direction:column;}
		.intu06Tab .tab-header li{flex:1; display:flex; position:relative; align-items:center; }
		.intu06Tab .tab-button{display:flex; position:relative; justify-content:center; align-items:center; font-size:var(--font-size-4xl); font-weight:var(--font-weight-semibold); font-family:var(--font-family-sub4); opacity:0.3;  transition:var(--transition);}
		.intu06Tab .ui-tabs-active .tab-button{opacity:1;}
		.intu06Tab .tab-body{flex:1; display:flex; position:relative; flex-direction:row; align-items:stretch; }
		.intu06Tab .tab-body .tab-content{position:relative; align-items:stretch; width:100%;}
			/* 템플릿 */
			.intu06TabBanner{display:block; position:relative;}
			.intu06TabBanner .List{display:flex; position:relative; gap:var(--padding-4xl);  width:100%;}
			.intu06TabBanner li{flex-basis: 30%; display:flex; position:relative; }
			.intr06tem{display:block; position:relative; width:100%;}
			.intr06tem dl{display:flex; position:relative; flex-direction:column;  width:100%;}
			.intr06tem dt{display:flex; position:relative; }
			.intr06tem .thum{display:flex; position:relative; flex-direction:column; justify-content:center; align-items:center; width:100%; border-radius:var(--border-radius-lg); background:var(--bg-color); overflow:hidden;}
			.intr06tem .thum img{display:block; position:relative; width:100%; transition:var(--transition);}
			.intr06tem dd{display:block; position:relative;}
			.intr06tem .title{display:block; position:relative; font-size:var(--font-size-xl);}
			.intr06tem .thum:hover img{transform:scale(1.05); }


@media (max-width: 991.98px) {
/* 06 닥터스연혁 */
.introduceSection-06{} 
.introduceSection-06 .Inner{}
	/* 상단 */
	.introduceSection-06 .section-head{}
	/* 컨텐츠 */
	.introduceSection-06 .section-body{}
		/* 탭영역 */
		.intu06Tab.tab-container{}
		.intu06Tab{flex-direction:column; gap:var(--padding-xl);}
		.intu06Tab .tab-header{flex-direction:row; justify-content:space-between; align-items:center;  gap: var(--padding-sm);}
		.intu06Tab .tab-header li{flex:1;}
		.intu06Tab .tab-button{font-size:var(--font-size-xl);}
		.intu06Tab .ui-tabs-active .tab-button{opacity:1;}
		.intu06Tab .tab-body{}
		.intu06Tab .tab-body .tab-content{}
			/* 템플릿 */
			.intu06TabBanner{}
			.intu06TabBanner .List{gap:var(--padding-xl); flex-wrap: wrap; justify-content: center;}
			.intu06TabBanner li{flex-basis:46%;}


}


/* --------------------------------------------------------------------------- */
/* 07 닥터스의약속 */
.introduceSection-07{background:linear-gradient(to right, var(--secondary-10) 50%, var(--secondary-5) 50%); background-image:url('/assets/images/sub/about_introduceSection07_bg.jpg'); background-size:auto 100%; background-repeat:no-repeat; background-position:center center; display:none !important;}
.introduceSection-07::before{content:''; width:26rem; height:26rem; left:50%; top:50%; margin-left:calc( -26rem / 2 ); margin-top:calc( -26rem / 2 ); filter:invert(1);} 
.introduceSection-07 .Inner{}
	/* 레이아웃 */
	.introduceSection-07 .contInner{}
		/* 왼쪽 */
		.introduceSection-07 .Left{}
			/* 타이틀 */
			.introduceSection-07 .introduceSection-title{text-align:left; height:100%; justify-content:space-between;}
		/* 오른쪽 */
		.introduceSection-07 .Right{}


@media (max-width: 991.98px) {
/* 07 닥터스의약속 */
.introduceSection-07{background-image:url('/assets/images/sub/about_introduceSection07_bg_right.jpg'); background-position:center center;}
.introduceSection-07::before{content:''; width:30rem; height:30rem; left:auto; top:40%; right:-20%; margin-left:0px; margin-top:0px; } 
	/* 레이아웃 */
	.introduceSection-07 .contInner{height:100%; justify-content:flex-start;}
		/* 왼쪽 */
		.introduceSection-07 .Left{flex:none !important;}
			/* 타이틀 */
			.introduceSection-07 .introduceSection-title{justify-content:space-between;}
		/* 오른쪽 */
		.introduceSection-07 .Right{display:none !important;}

	/* 데코로고 */
	.introduceSection-07 .deco-logo{left:auto; right:0%; top:10%; border-radius:var(--border-radius-xl); width:20%; padding:var(--padding-xl);}
	.introduceSection-07 .deco-logo img{}
}



@media (max-width: 767.98px) {
/* 07 닥터스의약속 */
.introduceSection-07{}
.introduceSection-07::before{content:''; width:20rem; height:20rem; left:auto; top:-10%; right:-10%; margin-left:0px; margin-top:0px; } 
	/* 레이아웃 */
	.introduceSection-07 .contInner{}
		/* 왼쪽 */
		.introduceSection-07 .Left{}
			/* 타이틀 */
			.introduceSection-07 .introduceSection-title{}
		/* 오른쪽 */
		.introduceSection-07 .Right{}

	/* 데코로고 */
	.introduceSection-07 .deco-logo{}
	.introduceSection-07 .deco-logo img{}
}
	



/* --------------------------------------------------------------------------- */
/* 08 네트워크지점 */
.introduceSection-08{/* height:115dvh; */ align-items:stretch;} 
.introduceSection-08 .Inner{align-items:stretch; gap:var(--padding-4xl); height:100%;}
	/* 상단 */
	.introduceSection-08 .section-head{}
	.introduceSection-08 .section-head .introduceSection-title{text-align:left;}
	/* 컨텐츠 */
	.introduceSection-08 .section-body{flex:1; overflow-y:hidden;}
	.introduceSection-08-tab{gap:var(--padding-3xl); height:100%;}
	.introduceSection-08-tab .tab-header{justify-content:flex-start; }
	.introduceSection-08-tab .tab-header .tabBtn{}
	.introduceSection-08-tab .tab-body{flex:1;}
	.introduceSection-08-tab .tab-body .tab-content{height:100%;}
		/* 탭지역구(지역목록+지도) */
		.districtsContent{display:flex; position:relative; flex-direction:row; justify-content:center; align-items:stretch; gap:var(--padding-3xl); width:100%; }
			/* 지역 */
			.districtsContent .Left{flex-basis:48%; display:flex; position:relative; flex-direction:column; }
			.districtsContent .branchList{display:grid; position:relative; grid-template-columns:repeat(3, 1fr); width:100%; column-gap:var(--padding-2xl); }
			.districtsContent .branchList li{display:block; position:relative; margin-top:-1px;}
			.districtsContent .branchList li::before{content:''; display:block; border-top:var(--border);}
			.districtsContent .branchList li::after{content:''; display:block; border-bottom:var(--border);}
			.districtsContent .branchList a{display:flex; position:relative;  flex-direction:row; align-items:center; gap:var(--padding); font-size:var(--font-size-lg); padding:var(--padding-lg) var(--padding-lg); transition:all 0.2s ease; cursor:pointer;}
			.districtsContent .branchList a span{display:block; color:var(--font-color-lowlow);}
			.districtsContent .branchList a p{flex:1; display:block; font-weight:var(--font-weight-semibold);}
			.districtsContent .branchList a:hover{background-color:var(--secondary-5);}
			.districtsContent .branchList a.active{background-color:var(--secondary-5);}
			/* 지도 */
			.districtsContent .Right{flex:1; display:flex; position:relative; flex-direction:column; justify-content:center; align-items:center;}
			.districtsContent .innerMap{display:block; position:relative; flex:1; }
			.districtsContent .innerMap .mapArea{display:block; position:relative; width:100%; height:auto;}
			.districtsContent .innerMap .mapArea .standard{display:block; position:relative; width:100%; height:auto;}
			.districtsContent .innerMap .mapArea svg{display:block; position:absolute; top:0; left:0; width:100%; height:auto;}
			.districtsContent .innerMap g{cursor:pointer;}
			.districtsContent .innerMap .pin{display:block; pointer-events:auto; transition:all 0.2s ease;}
			.districtsContent .innerMap .pin path{fill:#999999; transition:fill 0.2s ease;}
			.districtsContent .innerMap .pin circle{fill:#D9D9D9; transition:fill 0.2s ease;}
			.districtsContent .innerMap .pin text{display:block; fill:var(--font-color); font-size:var(--font-size); font-weight:var(--font-weight-semibold); text-anchor:middle; transition:fill 0.2s ease; pointer-events:none;}
			.districtsContent .innerMap .pin text{pointer-events:auto;}
			.districtsContent .innerMap .pin.active path{fill:var(--primary-50);}
			.districtsContent .innerMap .pin.active circle{fill:white;}
			.districtsContent .innerMap .pin.active text{color:var(--primary-50); font-weight:bold; fill:var(--primary-50);}
			.districtsContent .innerMap .toast{display:block; position:fixed; z-index:9999; color:white; font-size:14px; background:rgba(0, 0, 0, 0.8); border-radius:4px; transform:translateX(-50%); transition:animation 0.3s ease; animation:innerMap-slideUp 0.3s ease; pointer-events:none; bottom:30px; left:50%; padding:12px 20px;}
				/* 애니메이션 */
				@keyframes innerMap-slideUp{
					from{opacity:0; transform:translateX(-50%) translateY(20px);}
					to{opacity:1; transform:translateX(-50%) translateY(0);}
				}
				/* 별도관리 */
				.districtsContent .innerMap01{aspect-ratio: 500 / 770; width:50%;} /* 전국 */
				.districtsContent .innerMap01 .pin text tspan:nth-child(1){font-size:var(--font-size-2xl)}
				.districtsContent .innerMap02{aspect-ratio: 680 / 558; width:80%;} /* 서울 */
				.districtsContent .innerMap03{aspect-ratio: 510 / 637; width:50%;} /* 경기 */




@media (max-width: 991.98px) {
/* 08 네트워크지점 */
.introduceSection-08{} 
.introduceSection-08 .Inner{}
	/* 상단 */
	.introduceSection-08 .section-head{}
	.introduceSection-08 .section-head .introduceSection-title{}
	/* 컨텐츠 */
	.introduceSection-08 .section-body{}
	.introduceSection-08-tab{}
	.introduceSection-08-tab .tab-header{}
	.introduceSection-08-tab .tab-body{}
		/* 탭지역구(지역목록+지도) */
		.districtsContent{}
			/* 지역 */
			.districtsContent .Left{}
			.districtsContent .branchList{grid-template-columns:repeat(2, 1fr); column-gap:var(--padding-lg);}
			.districtsContent .branchList li{}
			.districtsContent .branchList li::before{}
			.districtsContent .branchList li::after{}
			.districtsContent .branchList a{gap:var(--padding-xs); font-size:var(--font-size); padding:var(--padding);}
			.districtsContent .branchList a span{}
			.districtsContent .branchList a p{}
			.districtsContent .branchList a:hover{}
			.districtsContent .branchList a{}
				/* 별도관리 */
				.districtsContent .innerMap01{width:100%;} /* 전국 */
				.districtsContent .innerMap02{} /* 서울 */
				.districtsContent .innerMap03{} /* 경기 */

}

@media (max-width: 767.98px) {
/* 08 네트워크지점 */
.introduceSection-08{height:138dvh;} 
.introduceSection-08 .Inner{gap:var(--padding-xl);}
	/* 상단 */
	.introduceSection-08 .section-head{}
	.introduceSection-08 .section-head .introduceSection-title{}
	/* 컨텐츠 */
	.introduceSection-08 .section-body{}
	.introduceSection-08-tab{gap:var(--padding);}
	.introduceSection-08-tab .tab-header{gap:var(--padding);}
	.introduceSection-08-tab .tab-header li{flex:1;}
	.introduceSection-08-tab .tab-header .tabBtn{width:100%; padding: var(--padding) var(--padding);}
	.introduceSection-08-tab .tab-body{}
		/* 탭지역구(지역목록+지도) */
		.districtsContent{flex-direction:column; gap:var(--padding);}
			/* 지역 */
			.districtsContent .Left{}
			.districtsContent .branchList{grid-template-columns:repeat(3, 1fr); column-gap:var(--padding-xs);}
			.districtsContent .branchList li{}
			.districtsContent .branchList li::before{}
			.districtsContent .branchList li::after{}
			.districtsContent .branchList a{letter-spacing: -1.2px; gap:var(--padding-xs); font-size:var(--font-size); padding:var(--padding-sm) var(--padding-sm);}
			.districtsContent .branchList a span{font-size: var(--font-size-sm); letter-spacing: -2px;}
			.districtsContent .branchList a p{}
			.districtsContent .branchList a:hover{}
			.districtsContent .branchList a{}
				/* 별도관리 */
				.districtsContent .innerMap01{width:80%;} /* 전국 */
				.districtsContent .innerMap02{width:100%;} /* 서울 */
				.districtsContent .innerMap03{width:90%;} /* 경기 */

}






/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */