@charset "utf-8";
/* 메인전용 */

/* =========================================================================== */
/* =========================================================================== */
/* 메인컨텐츠 */
.brandmainWrap{}
.brandmainWrap .Container{padding-bottom:0px;}
.brandmainWrap .contentWrap{}
.brandmainWrap .footerBranch{} /* display:none; 푸터 일부숨기기 */

.Container{padding-bottom:0px;}
/* -------------------------------- */
/* [템플릿] 기본세션레이아웃 */
.brandmainSection{display:flex; position:relative; flex-direction:column; gap:var(--padding-5xl); width:100%; padding:14rem 0rem; overflow:hidden;}
.brandmainSection > .Inner{display:flex; position:relative; flex-direction:column; justify-content:center; align-items:center; align-self:stretch; gap:var(--padding-5xl);}
.brandmainSection-head{display:flex; position:relative; flex-direction:row; width:100%; gap:var(--padding); }
.brandmainSection-head .Left{flex:1; display:flex; position:relative; justify-content:flex-start; }
.brandmainSection-head .Center{display:flex; position:relative;}
.brandmainSection-head .Right{flex:1; display:flex; position:relative; align-self:flex-end; justify-content:flex-end;}
.brandmainSection-body{display:flex; position:relative; flex-direction:column; width:100%;}
@media (max-width: 767.98px) {
/* [템플릿] 기본세션레이아웃 */
.brandmainSection{gap:0; padding:var(--padding-5xl) 0rem;}
.brandmainSection > .Inner{gap:var(--padding-4xl); padding-bottom: 0px;}
.brandmainSection-head{}
.brandmainSection-head .Right{flex:none;}
}

/* -------------------------------- */
/* [템플릿]타이틀 */
.brandmainTem-headTitle{display:flex; position:relative; flex-direction:column; align-self:stretch;}
.brandmainTem-headTitle .small-title{display:block; position:relative; align-self:stretch; font-size:var(--font-size-2xl); font-family:var(--font-family-sub1); font-weight:var(--font-weight); text-transform:uppercase;}
.brandmainTem-headTitle .section-title{display:block;position:relative; align-self:stretch; font-size:var(--font-size-5xl); font-weight:var(--font-weight-bold);}
.brandmainTem-headTitle .summary{position:relative; align-self:stretch; font-size:var(--font-size-lg);}

@media (max-width: 767.98px) {
	.brandmainTem-headTitle{}
	.brandmainTem-headTitle .small-title{font-size:var(--font-size-xl); }
	.brandmainTem-headTitle .section-title{font-size:var(--font-size-3xl);}	
}

/* -------------------------------- */
/* 롤링배너 */
.brandmainSection .swiperArea .swiper{display:flex; position:relative; flex-direction:column; gap:var(--padding-xl);}

/* -------------------------------- */
.brandmainTem{}




/* =========================================================================== */
/* [메인]상단 */
.brandmainhome-top{}

/* 메인상단세션 */
.brandmainSection-top{display:block; position:relative;}
.brandmainSectiontopBanner{}


/* =========================================================================== */
/* [메인]중간 */
.brandmainhome-middle{}


/* --------------------------------------------------------------------------- */
/* [세션01]네트워크  */
.brandmainSection-01{ background-image: url('/assets/images/main/brandmainSection01_bg.jpg'); background-size:auto 100%; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; }
.brandmainSection-01 .Inner{justify-content:flex-start; }
	/* 헤더 */
	.brandmainSection-01 .brandmainSection-head{justify-content:center;}
	.brandmainSection-01 .brandmainTem-headTitle{}
	/* 바디 */
	.brandmainSection-01 .brandmainSection-body{}
		/* 탭영역 */
		.brandmainSection01tab.tab-container{gap:var(--padding-3xl);}
		.brandmainSection01tab .tab-header{justify-content:flex-start; }
		.brandmainSection01tab .tab-header
		.brandmainSection01tab .tab-body{}
		.brandmainSection01tab .branchList{display:grid; position:relative; width:100%; grid-template-columns:repeat(5, 1fr); gap:var(--padding-2xl)}
		.brandmainSection01tab .branchList li{display:block; position:relative;}
		.brandmainSection01tab .branchList a{display:inline-flex; position:relative; width:100%;}
		.brandmainSection01tab .branchList .Btn{width:100%; justify-content:flex-start;}
		.brandmainSection01tab .branchList .Btn:hover{color:var(--font-color-light);  background-color: var(--primary);}

@media (max-width: 767.98px) {
/* [세션01]네트워크 */
.brandmainSection-01{}
	/* 헤더 */
	.brandmainSection-01 .brandmainSection-head{}
	/* 바디 */
	.brandmainSection-01 .brandmainSection-body{}
		/* 탭영역 */
		.brandmainSection01tab.tab-container{}
		.brandmainSection01tab .tab-body{}
		.brandmainSection01tab .branchList{grid-template-columns:repeat(2, 1fr); gap:var(--padding)}
}


/* --------------------------------------------------------------------------- */
/* [세션02]연구하는닥터스 */
.brandmainSection-02{}
.brandmainSection-02 .biasedInner{}
	/* 롤링배너 */
	.brandmainSection02banner{display:flex; position:relative; width:100%; flex-direction:row; gap:var(--padding-3xl);}
		/* 헤더 */
		.brandmainSection02banner .brandmainSection-head{flex:0 0 24%; width:24%; flex-direction:column;}
		.brandmainSection02banner .swiper-pagination-typeA{width:auto; justify-content:flex-start; }
		/* 바디 */
		.brandmainSection02banner .brandmainSection-body{flex:1; }
		.brandmainSection02banner .boardthumCard{}


@media (max-width: 767.98px) {
/* [세션02]연구하는닥터스 */
.brandmainSection-02{}
.brandmainSection-02 .biasedInner{}
	/* 롤링배너 */
	.brandmainSection02banner{flex-direction:column;}
		/* 헤더 */
		.brandmainSection02banner .brandmainSection-head{flex:1; width:100%; flex-direction:row; justify-content:space-between;}
		.brandmainSection02banner .swiper-pagination-typeA{justify-content:flex-end; align-items: flex-end;}
		/* 바디 */
		.brandmainSection02banner .brandmainSection-body{}
		.brandmainSection02banner .swiper{}
		.brandmainSection02banner .boardthumCard{}

}




/* --------------------------------------------------------------------------- */
/* [세션03]의료진 */
.brandmainSection-03{background-color: var(--secondary-5);}
.brandmainSection-03 .Inner{}
.brandmainSection-03 .deco{display:block; position:absolute; left:0%; bottom:0%; opacity:0.5;}
.brandmainSection-03 .deco img{display:block; height:18rem;}
	/* 헤더 */
	.brandmainSection-03 .brandmainSection-head{justify-content:center; text-align:center;}
	.brandmainSection-03 .brandmainTem-headTitle{}
	/* 바디 */
	.brandmainSection-03 .brandmainSection-body{}


/* 세션03tem */
.brandmainTem-section03-list{display:grid; position:relative; width:100%; grid-template-columns:repeat(11, 1fr); gap:var(--padding);}
.brandmainTem-section03-list li{display:flex; position:relative; flex-direction:column; }
.brandmainTem-section03.mainTem{}
.brandmainTem-section03{display:block; position:relative; width:100%;}
.brandmainTem-section03 dl{display:flex; position:relative; width:100%; flex-direction:column;}
.brandmainTem-section03 dt{display:flex; position:relative; width:100%; flex-direction:column;}
.brandmainTem-section03 .thum{display:flex; position:relative; aspect-ratio:var(--image-ratio-drimg); flex-direction:row; justify-content:center; align-items:flex-start; border-radius:var(--border-radius-lg); background-color:var(--bg-color-light); overflow:hidden;}
.brandmainTem-section03 img{display:block; position:relative; width:100%; object-fit:cover;}


@media (max-width: 767.98px) {
/* [세션03]의료진 */
.brandmainSection-03{}
.brandmainSection-03 .deco{right:0%; width:100%;}
.brandmainSection-03 .deco img{width:100%; height:auto;}

/* 세션03tem */
.brandmainTem-section03-list{grid-template-columns:repeat(5, 1fr); gap:var(--padding-sm);}
.brandmainTem-section03-list li{}
.brandmainTem-section03.mainTem{}
.brandmainTem-section03{}
.brandmainTem-section03 .thum{}

}

/* --------------------------------------------------------------------------- */
/* [세션04]영상보기 */
.brandmainSection-04{}
.brandmainSection-04 .Inner{align-items:stretch;}
	/* 롤링배너 */
	.brandmainSection04banner{display: flex; flex-direction:column; gap:var(--padding-5xl);}
		/* 헤더 */
		.brandmainSection04banner .brandmainSection-head{justify-content:space-between; }
		.brandmainSection04banner .swiper-pagination-typeA{}
		/* 바디 */
		.brandmainSection04banner .brandmainSection-body{justify-content:center; align-items: center;}
		.brandmainSection04banner .innerBox{display:flex; position:relative; flex-direction:column; gap:var(--padding-2xl); width:70%;}
		.brandmainSection04banner .pinList .Left{flex:1; display:flex; position:relative; flex-direction:row; gap:var(--padding-2xl);}
		.brandmainSection04banner .Center{display:flex; position:relative;}
		.brandmainSection04banner .swiper{}
		.brandmainSection04banner .boardthumCard{}
		.brandmainSection04banner .boardthumCard dd{display:none;}

@media (max-width: 767.98px) { 
/* [세션04]영상보기 */
.brandmainSection-04{}
.brandmainSection-04 .Inner{}
	/* 롤링배너 */
	.brandmainSection04banner{gap:var(--padding-4xl);}
		/* 헤더 */
		.brandmainSection04banner .brandmainSection-head{}
		/* 바디 */
		.brandmainSection04banner .brandmainSection-body{}
		.brandmainSection04banner .innerBox{gap:var(--padding); width:100%;}

}



/* --------------------------------------------------------------------------- */
/* [세션05]장비와제품 */
.brandmainSection-05{background-color: var(--bg-color);}
.brandmainSection-05 .Inner{width:100%;}
	/* 헤더 */
	.brandmainSection-05 .brandmainSection-head{justify-content:center;}
	.brandmainSection-05 .brandmainTem-headTitle{}
	/* 바디 */
	.brandmainSection-05 .brandmainSection-body{}

/* 무한마퀴롤링 */
.marquee-container{display:flex; position:relative; width:100vw; flex-direction:column; gap:var(--padding-xl);  overflow-x:hidden;}
.marquee-container .marquee-track{display:flex; position:relative; gap:var(--padding-xl); will-change:transform; }
.marquee-container .marqueeItem{flex-shrink:0; display:flex; position:relative; width:30rem; aspect-ratio:1; transform-origin:center; }
#marqueetrack1{}
#marqueetrack2{}

/* 세션05tem */
.brandmainTem-section05-list{display:grid; position:relative; width:100%; grid-template-columns:repeat(7, 1fr); gap:var(--padding-xl);}
.brandmainTem-section05-list li{display:flex; position:relative; flex-direction:column; }
.brandmainTem-section05.mainTem{}
.brandmainTem-section05{display:block; position:relative; width:100%;}
.brandmainTem-section05 dl{display:flex; position:relative; width:100%; flex-direction:column;}
.brandmainTem-section05 dt{display:flex; position:relative; width:100%; flex-direction:column;}
.brandmainTem-section05 .thum{display:flex; position:relative; aspect-ratio: 400 / 400; flex-direction:row; justify-content:center; align-items:flex-start; border-radius:var(--border-radius-lg); background-color:var(--bg-color-light); overflow:hidden;}
.brandmainTem-section05 .thum img{display:block; position:relative; width:100%; object-fit:cover; transition:var(--transition);}
.brandmainTem-section05:hover .thum img{transform:scale(1.05);}

@media (max-width: 767.98px) {
/* [세션05]장비와제품 */
.brandmainSection-05{}
.brandmainSection-05 .Inner{padding:0px;}
	/* 헤더 */
	.brandmainSection-05 .brandmainSection-head{}
	/* 바디 */
	.brandmainSection-05 .brandmainSection-body{}


/* 무한마퀴롤링 */
.marquee-container{}
.marquee-container .marquee-track{}
.marquee-container .marqueeItem{width:20rem;}
#marqueetrack1{}
#marqueetrack2{}

}



/* --------------------------------------------------------------------------- */
/* [세션06]약속 */
.brandmainSection-06{height:100dvh; background-color:var(--secondary-10); background-image:url('/assets/images/main/brandmainSection06_bg_left.jpg');background-repeat:no-repeat;  background-size:50% 100%;  background-position:left top;  }
.brandmainSection-06 .Inner{height:100%;}
	/* 레이아웃 */
	.brandmainSection-06 .contInner{}
		/* 왼쪽 */
		.brandmainSection-06 .Left{}
		/* 오른쪽 */
		.brandmainSection-06 .Right{}
		.brandmainSection-06 .brandmainTem-headTitle{text-align:left; height:100%; justify-content:space-between; padding-left:20%;}

@media (max-width: 767.98px) {
/* [세션06]약속 */
.brandmainSection-06{background-size:100% 100%;  background-position:center center;  }
.brandmainSection-06 .Inner{}
	/* 레이아웃 */
	.brandmainSection-06 .contInner{}
		/* 왼쪽 */
		.brandmainSection-06 .Left{}
		/* 오른쪽 */
		.brandmainSection-06 .Right{}
		.brandmainSection-06 .brandmainTem-headTitle{padding:0px;}

}




/* =========================================================================== */
/* [메인]하단 */
.brandmainhome-fotter{display:flex; position:relative; flex-direction:row; background-color:var(--bg-color);}


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