@charset "utf-8";
/* 
C00189 엔오한의원네트워크
*/

/* 메인전용컨텐츠 */
.MainContents_Area * {}
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; box-sizing:border-box; white-space:normal; word-break:keep-all;}
/* 영역 */
.MainContents_Area section{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; z-index:1;} /* AOS때문에z-index:1 */

	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
.MainSection01{margin-left:-960px !important;}
.MainSection01 .Inner{width:100%;}
	/* 기본 */
.MainSection01 .SlideArea{height:750px; overflow:hidden;}
	.MainSection01 .MultiSlider .Slide{}
	.MainSection01 .MultiSlider .Slide a{}
	.MainSection01 .MultiSlider .Slide a > img{position:relative; z-index:0; transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transition:transform 3.5s linear; -webkit-transition:transform 3s linear; -moz-transition:transform 3s linear; -ms-transition:transform 3s linear; -o-transition:transform 3s linear;}
	.MainSection01 .MultiSlider .ThumbBox{position:absolute; display:table; z-index:1; top:0%; left:50%; margin-left:-650px; width:1300px; height:100%; overflow:hidden; display:none;}
	.MainSection01 .MultiSlider .ThumbBox span{display:table-cell; vertical-align:middle;}
	.MainSection01 .MultiSlider .ThumbBox span img{display:block; position:relative; width:auto;}
	/* 현재슬라이드 */
	.MainSection01 .MultiSlider .slick-active .ThumbBox{display:table;}
	.MainSection01 .MultiSlider .slick-active a > img{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
	/* 버튼 */
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage{display:block; position:absolute; margin:0; text-align:center; right:50%; bottom:3%; z-index:1; width:auto; margin-right:-300px; width:600px; text-align:center;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li{display:inline-table; vertical-align:middle; padding-right:7px; }
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li span{width:10px; height:10px; border:none; background-color:#fff; opacity:.4; border-radius:50px; display:table-cell; vertical-align:middle; cursor:pointer;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active span{width:13px; height:13px; border:none; background-color:#fff; opacity:1;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li:last-child span{margin-right:0;}
	/* 구분 */
	.MainSection01 .MultiSlider .SlidePersonal .ThumbBox span{vertical-align:top; padding-top:7em;}
	.MainSection01 .MultiSlider .SlidePersonal .ThumbBox span img{margin:0 auto;}

	.MainSection01 .MultiSlider .SlidePill .ThumbBox span{vertical-align:bottom; padding-bottom:9em;}
	.MainSection01 .MultiSlider .SlidePill .ThumbBox span img{margin:0 auto;}
	

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 2번배너 */
.MainSection02{padding-top:5em; margin-left:-960px !important;}
.MainSection02 .Inner{overflow:hidden; width:100%; text-align:center; z-index:2;}
	/* 타이틀 */
	.MainSection02 .MainSectionTitle{position:absolute; display:block; width:700px; margin-left:-350px; left:50%; top:40%; text-align:center; line-height:1; letter-spacing:-0px; z-index:4;}
	.MainSection02 .MainSectionTitle em{position:relative; display:block;}
	.MainSection02 .MainSectionTitle em img{position:relative; display:block; margin:0 auto; margin-bottom:2.8em;}
	.MainSection02 .MainSectionTitle em p{position:relative; display:block;}
	.MainSection02 .MainSectionTitle em p b{position:relative; display:block; color:#fff; font-size:28pt; font-weight:700; margin-bottom:25px; font-family:'paybooc-Medium'; letter-spacing:1px;}
	.MainSection02 .MainSectionTitle em p span{position:relative; display:block; color:#4d66a9; font-size:7pt; font-weight:500; line-height:1; margin-bottom:2.5em; letter-spacing:5px; font-family:'paybooc-Bold';}
	/* 텍스트박스 */
	.MainSection02 .TextBox *{color:#fff;}
	.MainSection02 .TextBox{position:absolute; display:block; width:700px; margin-left:-350px; left:50%; text-align:center; line-height:1; letter-spacing:-0px; top:57%; z-index:4;}
	.MainSection02 .TextBox ul.List{position:relative; display:table; width:100%;}
	.MainSection02 .TextBox ul.List li{position:relative; display:inline-table; width:calc(100% / 3);}
	.MainSection02 .TextBox ul.List li .ImgBox{position:relative; display:block; margin-bottom:1em;}
	.MainSection02 .TextBox ul.List li .ImgBox img{position:relative; z-index:3;}
	.MainSection02 .TextBox ul.List li .Text{position:relative; display:block;}
	.MainSection02 .TextBox ul.List li .Text p{ margin-bottom:0.7em;}
	.MainSection02 .TextBox ul.List li .Text p big{display:inline-block; font-size:24pt; font-family:'paybooc-Bold'; letter-spacing:-0.5px;}
	.MainSection02 .TextBox ul.List li .Text p small{display:inline-block; font-size:13pt; font-family:'paybooc-Bold'; margin-left:5px;}
	.MainSection02 .TextBox ul.List li .Text span{font-size:11pt; font-family:'paybooc-Bold'; color:#cddaff; border-bottom:2px solid #cddaff;}
	/* 포인트원 */
	.MainSection02 .TextBox .PointTwinkle{display:inline-block; position:absolute; width:2.5em; height:2.5em; left:50%; border-radius:50%; background-color:rgb(141 170 255 / 30%); overflow:hidden; z-index:0;} 
	.MainSection02 .TextBox .PointTwinkle{animation:Banner02_Circle 1s 0s infinite ease-in-out alternate;}
	.MainSection02 .TextBox ul.List li:nth-child(1) .PointTwinkle{top:-10%; margin-left:-2.5em;}
	.MainSection02 .TextBox ul.List li:nth-child(2) .PointTwinkle{top:25.5%; margin-left:-3px;}
	.MainSection02 .TextBox ul.List li:nth-child(3) .PointTwinkle{top:4%; margin-left:-4px;}
	@keyframes Banner02_Circle {
		0%{background-color:rgba(255,255,255, 0);}
		100% {background-color:rgb(141 170 255 / 30%);}
	}
	
	/* 기본 */
	.MainSection02 .Banner02{}
	.MainSection02 .Banner02 .ThumBox{}
	.MainSection02 .Banner02 .ThumBox img{position:relative; display:block; width:100%; z-index:2;}
	.MainSection02 .Banner02 .ThumBox img.ThumbOver{position:absolute; z-index:3; display:block; animation:Banner02_Animation 2s 0s infinite ease-in-out alternate;}
	@keyframes Banner02_Animation{
		0%{opacity:1;}
		100%{opacity:0;}
	}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 3번배너 */
.MainSection03{background:linear-gradient(to bottom, #f5f5fa 0%,#f5f5fa 50%, #fff 50.1%,#fff 100%); padding:100px 0;}
.MainSection03 .Inner{overflow:hidden;}
	/* 타이틀 */
	.MainSection03 .MainSectionTitle{position:relative; display:block; text-align:center; line-height:1; letter-spacing:-0px; margin-bottom:3em;}
	.MainSection03 .MainSectionTitle em{position:relative; display:block;}
	.MainSection03 .MainSectionTitle em p{position:relative; display:block;}
	.MainSection03 .MainSectionTitle em p b{position:relative; display:block; color:#333333; font-size:34pt; font-weight:700; font-family:'paybooc-Bold'; letter-spacing:-1px;}
	.MainSection03 .MainSectionTitle em p small{position:relative; color:#30336f; font-size:34pt; font-weight:700; font-family:'paybooc-ExtraBold'; letter-spacing:-1px;}
	.MainSection03 .MainSectionTitle em p span{position:relative; display:block; color:#7c8ecc; font-size:9pt; font-weight:500; line-height:1; margin-bottom:2.5em; letter-spacing:5px;}
	.MainSection03 .MainSectionTitle:after{content:''; position:relative; display:block; width:60px; height:4px; background-color:#30336f; margin-left:-30px; left:50%; margin-top:3em;}
	/* 기본 */
	.MainSection03 .Banner03{}
	.MainSection03 .Banner03 ul{position:relative; display:table; width:100%; margin:0 auto;}
	.MainSection03 .Banner03 ul li{position:relative; display:inline-table; width:50%; vertical-align:middle; text-align:center;}
	.MainSection03 .Banner03 .ThumBox{position:relative; display:block; width:100%; z-index:1;}
	.MainSection03 .Banner03 .ThumBox a{position:relative; display:block; width:100%;}
	.MainSection03 .Banner03 .ThumBox img{position:relative; display:block; width:100%;}
	.MainSection03 .Banner03 .TextBox{position:absolute; display:block; width:100%; line-height:1; z-index:2; top:0%; text-align:left; padding:10% 9% 0 9%;}
	.MainSection03 .Banner03 .TextBox b{position:relative; display:block; width:73%; margin:0 auto; font-size:2pt; color:#fff; font-weight:500; padding:0.6em; border-radius:100px; margin-bottom:1em;}
	.MainSection03 .Banner03 .TextBox em{position:relative; display:block; width:100%; line-height:1; opacity:.4; color:#fff; font-size:13pt; letter-spacing:5px; font-family:'paybooc-Medium';}
	.MainSection03 .Banner03 .TextBox span{position:relative; display:block; width:100%; font-weight:300; color:#fff; font-size:23pt; letter-spacing:5px; font-family:'paybooc-Bold'; margin-bottom:0.3em;}
	.MainSection03 .Banner03 .More{position:relative; display:block; width:24%; text-align:center; margin-top:2.5em;}
	.MainSection03 .Banner03 .More a{position:relative; display:block; padding:0.7em 0; border:1px solid #fff; color:#fff; border-radius:100px; transition-duration:0.4s}
	.MainSection03 .Banner03 .More a:hover{background-color:#fff; color:#1b1e48;}
	.MainSection03 .Banner03 .More a p{position:relative; line-height:1; font-family:'paybooc-Bold'; font-size:13pt}
	.MainSection03 .Banner03 .BannerThum1{padding-right:2px; padding-bottom:2px;}
	.MainSection03 .Banner03 .BannerThum2{padding-left:2px; padding-bottom:2px;}
	.MainSection03 .Banner03 .BannerThum3 *{color:#505050 !important;}
	.MainSection03 .Banner03 .BannerThum3{padding-right:2px; padding-top:2px;}
	.MainSection03 .Banner03 .BannerThum3 .More a{border-color:#505050;}
	.MainSection03 .Banner03 .BannerThum3 .More a:hover{background-color:#1b1e48; border-color:#1b1e48;}
	.MainSection03 .Banner03 .BannerThum3 .More a:hover p{color:#fff !important;}
	.MainSection03 .Banner03 .BannerThum4{padding-left:2px; padding-top:2px;}
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 4번배너 */
.MainSection04{}
.MainSection04 .Inner{width:100%;}
	/* 기본 */
	.MainSection04 .Banner04{position:relative; display:block;}
	.MainSection04 .Banner04 .ThumBox{position:relative; display:block;}
	.MainSection04 .Banner04 .ThumBox a{display:block; height:650px; background-repeat:no-repeat; background-position-y:40%; background-attachment:fixed; padding:0px; overflow:hidden;}
	.MainSection04 .Banner04 .ThumBox img{display:block; max-width:fit-content;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 5번배너 */
.MainSection05{display:block; position:relative; width:100%;}
.MainSection05 .Inner{width:100%;}
.MainSection05 .Inner > img{}
	/* 타이틀 */
	.MainSection05 .MainSectionTitle{position:absolute; height:100%; width:54%; right:0; text-align:left; display:table; line-height:1; letter-spacing:-1px; z-index:2; padding-left:4%; background-color:rgb(255 255 255 / 90%);}
	.MainSection05 .MainSectionTitle em{position:relative; display:table-cell; vertical-align:middle; height:100%;}
	.MainSection05 .MainSectionTitle em p{position:relative;}
	.MainSection05 .MainSectionTitle em p b{position:relative; display:block; color:#333; font-size:28pt; margin-bottom:2em; line-height:1.3; font-family:'paybooc-Extrabold';}
	.MainSection05 .MainSectionTitle em p b:after{content:''; position:relative; display:block; width:60px; height:4px; background-color:#30336f; margin-top:1em;}
	.MainSection05 .MainSectionTitle em p b strong{color:#30336f; font-family:'paybooc-Extrabold';}
	.MainSection05 .MainSectionTitle em p span{position:relative; display:block; color:#7b7d9c; font-size:17pt; letter-spacing:0; line-height:1.7; font-family:'paybooc-Bold';}
	.MainSection05 .MainSectionTitle em p small{position:relative; display:inline-block; background-color:#30336f; color:#fff; font-size:16pt; letter-spacing:0; line-height:1; font-family:'paybooc-Bold'; padding:13px 15px; margin-top:1em;}
	.MainSection05 .ImgBox{position:absolute; right:-2%; top:25%; z-index:2; opacity:0.08; height:0;}
	.MainSection05 .ImgBox img{position:relative;}
	/* 기본 */
	.MainSection05 .Banner05{position:relative; display:block;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션06] 6번배너 */
.MainSection06{display:block; position:relative; width:100%;}
.MainSection06 .Inner{width:100%;}
.MainSection06 .Inner > img{}
	/* 타이틀 */
	.MainSection06 .MainSectionTitle{position:absolute; height:100%; width:1300px; left:50%; margin-left:-650px; text-align:left; display:table; line-height:1; letter-spacing:-1px; z-index:2;}
	.MainSection06 .MainSectionTitle em{position:relative; display:table-cell; vertical-align:middle; height:100%;}
	.MainSection06 .MainSectionTitle em > p{position:relative;}
	.MainSection06 .MainSectionTitle em > p b{position:relative; display:block; color:#333; font-size:37pt; margin-bottom:1.5em; line-height:1.3; font-family:'paybooc-Extrabold';}
	.MainSection06 .MainSectionTitle em > p b:after{content:''; position:relative; display:block; width:60px; height:4px; background-color:#30336f; margin-top:1em;}
	.MainSection06 .MainSectionTitle em > p b strong{color:#30336f; font-family:'paybooc-Bold';}
	.MainSection06 .MainSectionTitle em > p span{position:relative; display:block; color:#7b7d9c; font-size:21pt; letter-spacing:0; line-height:1.5; font-family:'paybooc-Bold';}
	.MainSection06 .MainSectionTitle em > p small{position:relative; display:block; color:#7c8ecc; font-size:9pt; font-weight:500; line-height:1; margin-bottom:2.5em; letter-spacing:5px;}
	.MainSection06 .MainSectionTitle .More{position:absolute; display:block; width:14%; text-align:center; margin-top:2.5em; top:31.5%; left:17%;}
	.MainSection06 .MainSectionTitle .More a{position:relative; display:block; padding:0.7em 0; border:2px solid #30336f; color:#30336f; border-radius:100px; transition-duration:0.4s}
	.MainSection06 .MainSectionTitle .More a:hover{background-color:#30336f; color:#fff;}
	.MainSection06 .MainSectionTitle .More a p small{display:inline-table; vertical-align:middle; position:relative; line-height:1; font-family:'paybooc-Bold'; font-size:16pt;}
	.MainSection06 .MainSectionTitle .More a p i{display:inline-table; vertical-align:middle; font-size:25pt;}
	/* 기본 */
	.MainSection06 .Banner06{position:relative; display:block;}
	.MainSection06 .Banner06 .ImgBox{position:absolute; width:1300px; left:50%; margin-left:-650px; top:0; text-align:right;}
	.MainSection06 .Banner06 .ImgBox img{position:relative; display:inline-block;}