@charset "utf-8";
/* 
C00223 미케이의원
*/

*{font-family:'Noto Sans JP', 'Noto Sans KR', sans-serif; line-height:1.5; letter-spacing:-0.2pt; color:#313131;}

.mainTitle{position:relative;}
.mainTitle h3{font-family:'Pretendard-Light', 'SUIT', 'Noto Sans KR', sans-serif; font-size:28pt; font-weight:900; color:#313131;}
.mainTitle h3 b{font-family:'Pretendard-Light', 'SUIT', 'Noto Sans KR', sans-serif; font-size:28pt; font-weight:900; color:#af5753;}
.mainTitle p{font-size:18pt; font-weight:400; padding-top:15px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
.MainSection01{content:""; clear:both; display:block; position:relative; width:100%; height:700px;}
.MainSection01{padding:0px;}
.MainSection01 .Inner{width:100%;}
	/* 롤링배너일때 */
	.MainSection01 .Banner01.MultiSlider{height:700px; overflow:hidden;}
	.MainSection01 .MultiSlider .slick-list{}
	.MainSection01 .MultiSlider .BannerThum{display:block; position:relative; width:100%; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; background:none; overflow:hidden;}
	.MainSection01 .MultiSlider .BannerThum a{display:block; position:relative; width:100%; height:inherit; text-align:center; overflow:hidden;}
	.MainSection01 .MultiSlider .BannerThum a img{width:auto; text-align:center; margin:auto;}
	.MainSection01 .MultiSlider .TextBox{display:table; position:relative; width:50%; height:inherit; margin:auto; display:none;}
	.MainSection01 .MultiSlider .TextBox p{display:table-cell; position:relative; width:100%; height:inherit; vertical-align:middle; text-align:center;}
	.MainSection01 .MultiSlider .TextBox strong{display:block; font-size:30pt; line-height:1.2em; margin-bottom:0.5em;}

	/*1번배너 롤링 버튼*/
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage{bottom:0px;}
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage li button{border:none; background:rgba(255,255,255,0.5); width:8px; height:8px; margin:0 4px; padding:0; margin-bottom:1.5em; border-radius:100px;}
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active button {background:#fff;}
	body .MainSection01 .slick-button-prev01{position:absolute; width:1200px; top:50%; margin:0 auto; margin-top:-16px; left:0; right:0; cursor:pointer; text-align:left;} 
	body .MainSection01 .slick-button-next01{position:absolute; width:1200px; top:50%; margin:0 auto; margin-top:-16px; left:0; right:0; cursor:pointer; text-align:right;}

	/*화살표*/
	.MainSection01 .MultiSlider .slick-arrow.SliderThum_BtnNext{display:none !important;}
	.MainSection01 .MultiSlider .slick-arrow.SliderThum_BtnPrev{display:none !important;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 2번배너 */
.MainSection02{content:""; clear:both; display:block; position:relative; width:100%; padding-top:120px; padding-bottom:150px;}
.MainSection02 .mainTitle{text-align:center; padding-bottom:60px;}
.MainSection02 .slick-slide{z-index:10 !important;}
	/*메뉴*/
	.MainSection02 .SliderThum_BtnPage{width:1100px !important; margin:0 auto; position:absolute; left:43%; top:-540px; margin-top:0 !important;}
	.MainSection02 .SliderThum_BtnPage li{display:inline-block; text-align:center;}
	.MainSection02 .SliderThum_BtnPage li a span{font-size:18pt; font-weight:500; border-right:1px solid #313131; padding:0 30px;}
	.MainSection02 .SliderThum_BtnPage li:last-child a span{border-right:0;}
	.MainSection02 .SliderThum_BtnPage li.slick-active a span{color:#af5753;}
	/*내용*/
	.MainSection02 .Banner02{position:relative; width:100%; padding-top:100px; text-align:right;}
	.MainSection02 .Banner02 .sldWrap1{display:inline-block; width:45%; vertical-align:middle;}
	.MainSection02 .Banner02 .sldWrap2{display:inline-block; width:50%; vertical-align:middle;}
		/*텍스트*/
		.MainSection02 .Banner02 .sldWrap1 .BannerThum{text-align:left; padding-left:310px;}
		.MainSection02 .Banner02 .sldWrap1 .BannerThum h5{font-size:24pt; font-weight:400;}
		.MainSection02 .Banner02 .sldWrap1 .BannerThum h4{font-size:50pt; font-weight:700; line-height:1.2;}
		.MainSection02 .Banner02 .sldWrap1 .BannerThum p{font-size:18pt; font-weight:400; padding-top:10px;}
		/*이미지*/
		.MainSection02 .Banner02 .sldWrap2 .BannerThum{text-align:right;}
		.MainSection02 .Banner02 .sldWrap2 .BannerThum img{width:auto;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*중간라인*/
.sectionLine{width:1645px; height:1px; margin:0 auto; background:#828282;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 3번배너 */
.MainSection03{content:""; clear:both; display:block; position:relative; width:100%; padding-top:120px; padding-bottom:150px;}
.MainSection03 .mainTitle{text-align:center; padding-bottom:100px;}
	/*슬라이드*/
	.MainSection03 .Banner03{width:100%; position:relative;}
	.MainSection03 .Banner03 .swiper-container{width:100%;}
	.MainSection03 .Banner03 .swiper-container .swiper-slide img{width:100%;}
	/*화이트*/
	.MainSection03 .banner03_wt{background:#fff; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.6;}
	.MainSection03 .swiper-slide-active .banner03_wt,
	.MainSection03 .swiper-slide-duplicate-active .banner03_wt{background:transparent;}
	/*슬라이드 화살표*/
	.MainSection03 .Banner03 .swiper-button{position:absolute; top:50%; transform:translate(0,-50%); z-index:9999;}
	.MainSection03 .Banner03 .swiper-button span{font-size:40pt; font-family:'SUIT', 'Noto Sans KR', sans-serif; font-weight:100; color:#939393; transition:0.3s; cursor:pointer;}
	.MainSection03 .Banner03 .swiper-button span:hover{color:#000;}
	.MainSection03 .Banner03 .swiper-button-prev3{left:500px;}
	.MainSection03 .Banner03 .swiper-button-next3{right:500px;}