@charset "utf-8";
/* ======================================================================================================== */
/* ======================================================================================================== */
/*
강남그외 ver20221021
8~10번세션
(기존 4~5세션 사용하지않음)
*/
.OtherSection{}
.OtherSection .InnerContainer{}
.OtherSection .MainContents_Title{margin-bottom:3em;} /* margin-bottom:6em; */
.OtherSection .MainContents_Title p{}
.OtherSection .MainContents_Title span{font-size:12pt; font-weight:normal; display: none;}
/*  -------------------------------------------------------------------------------------------------------- */
/* [세션08] 인기시술(MOST POPULAR PRODUCT)  */
section.MainSection08{padding-bottom:0px !important;}
.MainSection08 .InnerContainer{}
.MainSection08  .MainContents_Title{}
	/* 썸네일조정 */
	.MainSection08 .LabelThum_Height .LabelThum{margin-bottom: 50px;}
	.MainSection08 .LabelThum a{}
	.MainSection08 .LabelThum label{}
	.MainSection08 .LabelThum label dt{}
	.MainSection08 .LabelThum label dt img{}
	.MainSection08 .LabelThum label dt em{display:none;}
	.MainSection08 .LabelThum label .Icon_Best{display:none;}
	.MainSection08 .LabelThum label dt u{display:none;}
	.MainSection08 .LabelThum label dd{padding: 1em 1em 1.5em; border: 1px solid #dedede; border-top: 0;}
	.MainSection08 .LabelThum label small{}
	.MainSection08 .LabelThum label small *{text-align:center;}
	.MainSection08 .LabelThum label small .TitleBox{margin-top:0.9em;}
	.MainSection08 .LabelThum label small .TitleBox p span{display:block; font-size:11.5pt; font-weight:normal; white-space: nowrap;}
	.MainSection08 .LabelThum label small .TitleBox .Info{display:none;}
	.MainSection08 .LabelThum label small .TitleBox .Info span{display:none; white-space: nowrap;}
	.MainSection08 .LabelThum label small .TitleBox .Info:before{display:none;}
	.MainSection08 .LabelThum label small .TitleBox .copyInfo{display:none; margin-top: 0.5em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.MainSection08 .LabelThum label small .TitleBox .copyText{display:none;}
	.MainSection08 .LabelThum label big{display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 1em;}
	.MainSection08 .LabelThum label big em{color: #f00;}
	.MainSection08 .LabelThum label big strike{width: auto; padding: 0 10px;}
	.MainSection08 .LabelThum label big strong{width: auto;}
	.MainSection08 .LabelThum label big strong p {font-size: 12pt; color: #2a2a2a;}



/* [세션09] 시그니쳐(SIGNATURE PROGRAM)  */
section.MainSection09{font-family: 'Roboto',sans-serif; padding:50px 0 0 0 !important; background-color: #f1f1f1;}
.MainSection09 .InnerContainer{width: 100%;}
.MainSection09  .MainContents_Title{}
.parallax_bg{width: 100%; height: 450px; margin-top: 180px; background-image: url(../uploadFiles/bannerImg/banner5_parallax_bg.jpg); background-attachment: fixed; background-position: bottom; background-repeat: no-repeat; background-size: cover;}
	/* 롤링조정 */
	.MainSection09 .MainMultiSlider{position: absolute; top:72px; left: 50%; width: 1300px; transform: translateX(-50%);} /* top:120px; */
	.MainSection09 .MainMultiSlider .slick-arrow.SliderThum_BtnPrev,
	.MainSection09 .MainMultiSlider .slick-arrow.SliderThum_BtnNext{text-indent:-1000000px;}
	.MainSection09 .MainMultiSlider .slick-arrow.SliderThum_BtnPrev{display:block; position:absolute; top:35%; left:0%; margin-left:-1em; width:auto; height:auto; background:none; cursor:pointer; z-index:2;}
	.MainSection09 .MainMultiSlider .slick-arrow.SliderThum_BtnPrev:after{background:none; content:""; clear:both; display:block; position:relative; top: -40px; width:0.4em; height:0.4em; border-top:3px solid #fff; border-left:3px solid #fff; transform:rotate( -45deg ); -webkit-transform:rotate( -45deg );-moz-transform:rotate( -45deg ); z-index:2;}
	.MainSection09 .MainMultiSlider .slick-arrow.SliderThum_BtnNext{display:block; position:absolute; top:35%; right:0%; margin-right:-1em; width:auto; height:auto; background:none; cursor:pointer; z-index:2;}
	.MainSection09 .MainMultiSlider .slick-arrow.SliderThum_BtnNext:after{background:none; content:""; clear:both; display:block; position:relative; top: -40px; width:0.4em; height:0.4em; border-bottom:3px solid #fff; border-right:3px solid #fff; transform:rotate( -45deg ); -webkit-transform:rotate( -45deg );-moz-transform:rotate( -45deg );}
	.MainSection09 .MainMultiSlider ul.SliderThum_BtnPage{display:none !important;}
	/* 썸네일조정 */
	.MainSection09 .LabelThum{margin-bottom:0px !important;}
	.MainSection09 .LabelThum a{}
	.MainSection09 .LabelThum label{}
	.MainSection09 .LabelThum label dl{}
	.MainSection09 .LabelThum label dt{}
	.MainSection09 .LabelThum label dt em{display:none;}
	.MainSection09 .LabelThum label .Icon_Best{display:none;}
	.MainSection09 .LabelThum label dt u{display:none;}
	.MainSection09 .LabelThum label dt:after{content:""; clear:both; display:block; position:absolute; left:50%; bottom:-1em; width:0px; height:2em; border-left:1px solid #1D1D1D; z-index:2;}
	.MainSection09 .LabelThum label dd{padding:1.5em 1em 2em 1em !important; text-align: center;}
	.MainSection09 .LabelThum label small{}
	.MainSection09 .LabelThum label small *{text-align:center;}
	.MainSection09 .LabelThum label small .TitleBox{margin-top:1.1em;}
	.MainSection09 .LabelThum label small .TitleBox p span{display:block; font-size:11.5pt; font-weight:normal; white-space: nowrap;}
	.MainSection09 .LabelThum label small .TitleBox .copyInfo{display:none;}
	.MainSection09 .LabelThum label small .TitleBox .copyText{display:none;}
	.MainSection09 .LabelThum label small .TitleBox .Info{display:none;}
	.MainSection09 .LabelThum label small .TitleBox .Info:before{display:none;}
	.MainSection09 .LabelThum label big{display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 1em;}
	.MainSection09 .LabelThum label big em{color: #f00;}
	.MainSection09 .LabelThum label big strike{width: auto; padding: 0 10px;}
	.MainSection09 .LabelThum label big strong{width: auto;}
	.MainSection09 .LabelThum label big strong p {font-size: 12pt; color: #2a2a2a;}
	.MainSection09 .LabelThum label dd .viewMore{position: relative; display: inline-block; font-size: 14px; padding-right: 22px; margin-top: 26px;}
	.MainSection09 .LabelThum label dd .viewMore span{position:relative;}
	.MainSection09 .LabelThum label dd .viewMore::before {content: ''; position: absolute; top: 5px; right: 0px; display: inline-block; width: 7px; height: 1px; background-color: #F0597D; transform: rotate(45deg);}
	.MainSection09 .LabelThum label dd .viewMore::after {content: ''; position: absolute; top: 10px; right: 0px; display: inline-block; width: 7px; height: 1px; background-color: #F0597D; transform: rotate(-45deg);}
	/* .MainSection09 .LabelThum label dd .viewMore b{position:relative; color:#F0597D; font-weight:100; padding-left:1em;} */
	.MainSection09 .LabelThum_Width .LabelThum:nth-child(odd){} /* 홀수 */
	.MainSection09 .LabelThum_Width .LabelThum:nth-child(even){} /* 짝수 */


/* [세션묶움]세션10~11 추천시술&미앤미SNS */
.MainSectionGroup1{}
.MainSectionGroup1 .InnerContainer{display:flex !important; position:relative; flex-wrap:nowrap; flex-direction:row; align-content:stretch;}
.MainSectionGroup1 .MainContents_Title{text-align:left; border-bottom:1px solid #143444; padding-bottom:2em;} /* 컬러변경 #F0597D 202308 */
.MainSectionGroup1 .MainContents_Title p{display:block; font-size:17pt; margin-top:1em;}
.MainSectionGroup1 .MainContents_Title span{display:inline-block; color:#fff; font-size:10pt; font-weight:300; background-color:#143444; padding:0.6em 0.8em;} /* 컬러변경 #F0597D 202308 */
.MainSectionGroup1 .innerBox{}
	/* [세션10] 추천시술(MI&MI RECOMMEND PROGRAM)  */
	section.MainSection10{display:block; position:relative; align-self:center; flex: 1 1 60%; width:60%; align-self:stretch;}
	.MainSection10 .MainContents_Title{margin-bottom:3em !important;}
	.MainSection10 .MainContents_Title p{}
	.MainSection10 .MainContents_Title span{}
	.MainSection10 .innerBox{}
		/* 썸네일조정 */
		.MainSection10 .LabelThum{}
		.MainSection10 .LabelThum{}
		.MainSection10 .LabelThum a{}
		.MainSection10 .LabelThum label{}
		.MainSection10 .LabelThum label dl{display:flex !important; position:relative; flex-wrap:nowrap; flex-direction:row; align-content:center;}
		.MainSection10 .LabelThum label dt{display:block; position:relative; align-self:center; flex: 1 1 50%; width:50% !important; align-self:center;}
		.MainSection10 .LabelThum label dt img{border-radius: 3px;}
		.MainSection10 .LabelThum label dt em{display:none;}
		.MainSection10 .LabelThum label .Icon_Best{display:none;}
		.MainSection10 .LabelThum label dt u{display:none;}
		.MainSection10 .LabelThum label dd{display:block; position: static; align-self:center; flex: 1 1 50%; width:50% !important; align-self:center; padding:1em !important;}
		.MainSection10 .LabelThum label small{}
		.MainSection10 .LabelThum label small *{text-align:left;}
		.MainSection10 .LabelThum label small pre{}
		.MainSection10 .LabelThum label small p b{font-size: 14pt;}
		.MainSection10 .LabelThum label small .TitleBox{margin-top:0.9em;}
		.MainSection10 .LabelThum label small .TitleBox p span{font-size:10pt; font-weight:normal; height: 3.8em; letter-spacing: -1px; white-space: pre-line; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: normal; border-top: 1px solid #dedede; padding-top: 0.8em; margin-top: 0.7em;}
		.MainSection10 .LabelThum label small .TitleBox p span .copyPre{display:none;}
		.MainSection10 .LabelThum label small .TitleBox .Info{display:none;}
		.MainSection10 .LabelThum label small .TitleBox .Info:before{display:none;}
		.MainSection10 .LabelThum label small .TitleBox .copyInfo{display:none; font-size: 9pt; margin-top: 0.8em;}
		.MainSection10 .LabelThum label small .TitleBox .copyText{display:none;}
		.MainSection10 .LabelThum label big{display:block; position: static;}
		.MainSection10 .LabelThum label big strong{position: absolute;top: 0; left: 0; background-color: #ff1476; color: #fff; width: 50px; height: 30px; padding: 6px 0 5px; text-align: center;}
		.MainSection10 .LabelThum label big strong:before {border-top: 15px solid #ff1476; border-left: 25px solid transparent; border-right: 25px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: 30px; width: 0;}
		.MainSection10 .LabelThum label big strong p{color: #fff;}
		.MainSection10 .LabelThum label big strong p b + span{font-weight: 400; font-size: 17px;}
		.MainSection10 .LabelThum label big strike{padding-left: 10px;}
		/* [세션11] 미앤미공식마케팅채널  */
	section.MainSection11{display:block; position:relative; align-self:center; flex: 1 1 40%; width:40%; align-self:stretch; padding-left:5%;}
	.MainSection11 .MainContents_Title{}
	.MainSection11 .MainContents_Title p{}
	.MainSection11 .MainContents_Title span{opacity:0;}
	.MainSection11 .innerBox{}
	.MainSection11 .List{display:flex; position:relative; flex-wrap:wrap; flex-direction:row; align-content:center;}
	.MainSection11 .List li{display:block; position:relative; align-self:center; flex: 1 1 50%; width:50%; align-self:center; margin-bottom:4em;}
	.MainSection11 .List li + li{}
	.MainSection11 .List li:nth-child(odd){}  /* 홀수 */
	.MainSection11 .List li:nth-child(even){}  /* 짝수 */
	.MainSection11 .List a{display:inline-block; position:relative;}
	.MainSection11 .List a img{display:inline-block; position:relative; width:auto; height:3em; }
	.MainSection11 .List a span{display:inline-block; position:relative; font-weight:bold; padding:0em 1em; font-family: 'Roboto', sans-serif; font-size: 14px;}


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

/* 비만·체형센터 */
section.MainSection.Obesity{padding:100px 0 !important; width: 1920px; margin: 0 auto;}
section.MainSection.Obesity.cont1{background: url(/img/common/obesity_bg.png); background-position: top; background-size: cover;}
section.MainSection.Obesity.cont2{background-color: #f8f8f8;}
.MainSection.Obesity .InnerContainer{width: 100%;}
.MainContents_Area .MainSection.Obesity .MainContents_Title{font-family:'GmarketSans',sans-serif;}
.MainContents_Area .MainSection.Obesity .MainContents_Title p{font-weight: 700; font-size: 82px;}
.MainContents_Area .MainSection.Obesity.cont3 .MainContents_Title p{font-weight: 700; font-size: 82px; margin-bottom: 0.5em;}
.MainContents_Area .MainSection.Obesity.cont3 .MainContents_Title.v2 p{font-size: 43px; margin-top: 60px; margin-bottom: 0; line-height: 1.3em;}
section.MainSection.Obesity.cont2 .MainContents_Title span{font-size: 38px; margin-top: 20px;}
.MainSection.Obesity .Obesity_flex{display: flex; align-items: center; justify-content: center;}
.MainSection.Obesity.cont1 .Obesity_flex img + img{margin-left: 75px;}
.MainSection.Obesity.cont1 .Obesity_flex img:first-child{margin-left: -124px;}

.MainSection.Obesity.cont2 .Obesity_review{position: relative; width: 1262px; height: 833px; margin: 0 auto;}
.MainSection.Obesity.cont2 .Obesity_review img{position: absolute; top: 0; transition: 0.2s;}
.MainSection.Obesity.cont2 .Obesity_review img:nth-child(1){margin-top: 46px; left: 37px; width: 404px; animation: review_bounce 2s ease Infinite 0.1s;}
.MainSection.Obesity.cont2 .Obesity_review img:nth-child(2){margin-top: 0px; left: 830px; width: 430px; animation: review_bounce 2s ease Infinite 0.5s;}
.MainSection.Obesity.cont2 .Obesity_review img:nth-child(3){margin-top: 85px; left: 380px; width: 506px; animation: review_bounce 2s ease Infinite 0.2s;}
.MainSection.Obesity.cont2 .Obesity_review img:nth-child(4){margin-top: 360px; left: 30px; width: 413px; animation: review_bounce 2s ease Infinite 0.3s;}
.MainSection.Obesity.cont2 .Obesity_review img:nth-child(5){margin-top: 345px; left: 763px; width: 457px; animation: review_bounce 2s ease Infinite 0.7s;}
.MainSection.Obesity.cont2 .Obesity_review img:nth-child(6){margin-top: 460px; left: 363px; width: 451px; animation: review_bounce 2s ease Infinite 1s;}
.MainSection.Obesity.cont2 .Obesity_review img:hover{transform: scale(1.1);}
@keyframes review_bounce{
	0% {top: 0;} 50% {top: 15px;} 100% {top: 0; }
}

/* swiper 옵션 */
.MainSection.Obesity.cont3 .swiper_wrap{position: relative; width: 1080px; margin: 0 auto;}
.MainSection.Obesity.cont3 .swiper{width: 100%; height:560px;}
.MainSection.Obesity.cont3 .swiper-slide {display:flex; width:auto !important; align-items: center; justify-content: center; z-index:1;}
.MainSection.Obesity.cont3 .swiper-slide img {width:360px; transition:all 0.5s;}
.MainSection.Obesity.cont3 .swiper-slide.swiper-slide-active {z-index:2;}
.MainSection.Obesity.cont3 .swiper-slide.swiper-slide-active img {transform:scale(1.3); transition:all 0.5s;}
.MainSection.Obesity.cont3 .swiper-slide.swiper-slide-prev {padding-top: 25px; align-items:flex-start; transition:all 0.5s; opacity: 0.8;}
.MainSection.Obesity.cont3 .swiper-slide.swiper-slide-next {padding-bottom: 25px; align-items:flex-end; transition:all 0.5s; opacity: 0.8;}
.MainSection.Obesity.cont3 .swiper-button-next,
.MainSection.Obesity.cont3 .swiper-button-prev {position:absolute; top:50%; width:40px; height:80px; margin-top:-40px; z-index: 10; cursor: pointer; color:transparent;}
.MainSection.Obesity.cont3 .swiper-button-prev,
.MainSection.Obesity.cont3 .swiper-rtl .swiper-button-next {left: -130px; right: auto; background:url('/img/common/obesity_arrow.png') no-repeat center center;}
.MainSection.Obesity.cont3 .swiper-button-next,
.MainSection.Obesity.cont3 .swiper-rtl .swiper-button-prev {right: -130px; left: auto; background:url('/img/common/obesity_arrow.png') no-repeat center center; transform: rotate(-180deg);}

.MainSection.Obesity.cont3 .rotate_circle{position: absolute; top: -42px; left: -64px;}
.MainSection.Obesity.cont3 .rotate_circle img{animation: rotate_circle 10s linear infinite;}
@keyframes rotate_circle{
	100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
.MainSection.Obesity.cont3 .guide_text{display: block; font-size: 13px; color: #c1c1c1; text-align: right;}