@charset "utf-8";
@keyframes Main05_Round {
    100% {
        transform: rotate(360deg);
    }
}

/*
모아트의원 C00293 */

/* [메인] 메인컨텐츠 */
.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;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 풀슬라이드영역 */
section.SectionFull{height:800px; overflow:hidden;}
	/* 슬라이드기본 */
	.SectionFull .SwiperFull{width:100%; min-width:100%; height:800px;}
	.SectionFull .SwiperFull .Slide{position:relative; display:block; width:100%; background:#fff;}
	.SectionFull .SwiperFull .Slide a{position:relative; width:1920px; display:table; margin:0 auto;}
	.SectionFull .SwiperFull .BgBox{position:absolute; display:block; width:1920px; z-index:1;}

	.SectionFull .SwiperFull .TextBox .Text{}
	.SectionFull .SwiperFull .TextBox .Text01{}
	
	/* 슬라이드 버튼 */
	.SectionFull .SwiperFull .SliderBtn{position:absolute; z-index:1; bottom:50px; width:1400px; left:50%; margin-left:-700px; text-align:center;}
	.SectionFull .SwiperFull .SliderBtn .swiper-pagination-bullet{background-color:#fff; opacity:.2; width:12px; height:12px; margin:0 5px;}
	.SectionFull .SwiperFull .SliderBtn .swiper-pagination-bullet-active{opacity:1;}
	
	/* 슬라이드01 */
	.SectionFull .SwiperFull .Slide01{}
	
	/* 슬라이드02 */
	.SectionFull .SwiperFull .Slide02{}
	
	/* 슬라이드03 */
	.SectionFull .SwiperFull .Slide03{}
	
	
	@media (max-width: 1920px) {
		section.SectionFull{width:1920px; margin-left:-960px; left:50%;}
		section.SectionFull .SwiperFull .Slide a{margin:auto;}
	}
	
	.MainSection01{width:100%; overflow:hidden;}
	.MainSection01 .imgSection{width:100%; height:860px; position:relative; z-index:1;}
	.MainSection01 .imgSection img{width:100%;}
	.MainSection01 .videoSection{width:100%; height:780px; position:absolute; z-index:5; left:50%; top:0; transform:translate(-50%, -25%);}
	.MainSection01 .videoSection video{width:100%;}
	.MainSection01 .videoText{position:absolute; z-index:999; left:80px; bottom:50px; width:180px; height:40px; background-color:#1b1b43; color:#fff; text-align:center; line-height:40px; border-radius:10px; font-size:20px; font-weight:600;}

	/*스크롤바*/
	.MainSection01 .scroll{position:absolute; left:50%; bottom:0; transform:translate(-50%,0); z-index:15; padding-bottom:10px;}
	.MainSection01 .scroll .bar{position:absolute; left:50%; bottom:0; height:60px; width:4px; background:rgba(255,255,255,0.5); overflow:hidden;}
	.MainSection01 .scroll .bar::after{content:''; animation:scrollSqr 1.8s ease infinite; position:absolute; left:0; top:0; width:4px; height:15px; background:#fff; text-align:center;}
	.MainSection01 .scroll p{color:#fff; font-weight:400; font-size:12pt; padding-bottom:65px;}
	@keyframes scrollSqr{ 0%{top:0;} 100%{top:100%;} }

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 소개 */
.MainSection02{width:100%; display:flex !important; flex-direction:column; align-items:center;}
.MainSection02 .BgBox{width:100%;}
.MainSection02 .BgBox img{width:100%; object-fit:cover;}
.MainSection02 .Inner{position:absolute; top:0; width:1400px; min-width:1400px;  height:100%; padding:115px 0;}
.MainSection02 .Inner .Title{}
.MainSection02 .Inner .Title p{margin-bottom:10px;}
.MainSection02 .Inner .Title h2{font-size:36px; line-height:1.3em; color:#111111; position:relative; z-index:1; font-weight:600;}
.MainSection02 .Inner .Title h2 span{font-weight:800; color:#111111;}
.MainSection02 .Inner .Title h2 span:after{content:''; display:inline-block; background:url('/img/C00293/pencil.png') no-repeat; width:100%; height:45px; position:absolute; left:0; bottom:-20px; z-index:-1;}
.MainSection02 .Inner .Content{position:absolute; top:46%;}
.MainSection02 .Inner .Content .ImgBox img{width:100%; object-fit:cover;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] IDENTITY */
.MainSection03{width:100%; display:flex !important; flex-direction:column; align-items:center;}
.MainSection03 .BgBox{width:100%;}
.MainSection03 .BgBox img{width:100%; object-fit:cover;}
.MainSection03 .Inner{position:absolute; top:0; width:900px; min-width:900px; height:100%; padding:130px 0;}
.MainSection03 .Inner .Title{width:50%;}
.MainSection03 .Inner .Title p{margin-bottom:10px;}
.MainSection03 .Inner .Title p img{filter:brightness(0) invert(1);}
.MainSection03 .Inner .Title h2{font-size:36px; line-height:1.3em; color:#fff; position:relative; z-index:1;}

.MainSection03 .Inner .Content{display:flex; justify-content:space-between;}
.MainSection03 .Inner .Content ul li{margin-top:210px;}
.MainSection03 .Inner .Content ul li .ImgBox{width:400px; height:450px;}
.MainSection03 .Inner .Content ul li .ImgBox img{width:100%; object-fit:cover;}
.MainSection03 .Inner .Content ul li .Info{padding:40px 0 0 20px;}
.MainSection03 .Inner .Content ul li .Info .Text01{font-size:10px; color:rgba(255,255,255,0.5); font-family:'s-core-dream'; font-weight:500; letter-spacing:0.2em;}
.MainSection03 .Inner .Content ul li .Info .Text02{font-size:29px; color:#fff; line-height:1.3em; margin:25px 0;}
.MainSection03 .Inner .Content ul li .Info .Text03{font-size:18px; color:#fff; line-height:1.5em;}
.MainSection03 .Inner .Content .LogoImg_Bg{position:absolute; width:400px; bottom:20%;}
.MainSection03 .Inner .Content .LogoImg_Bg img{width:100%; object-fit:cover;}

.MainSection03 .Inner .Content .Left li:first-child{margin-top:140px;}
.MainSection03 .Inner .Content .Right{position:absolute; top:130px; right:0;}
.MainSection03 .Inner .Content .Right li:first-child{margin-top:0;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 시술전후 */
.MainSection04{background-color:#f5f5f5;}
.MainSection04 .Inner{width:1200px; min-width:1200px; height:100%; padding:130px 0;}
.MainSection04 .Inner .Title{width:100%; text-align:center; margin-bottom:80px;}
.MainSection04 .Inner .Title p{margin-bottom:10px;}
.MainSection04 .Inner .Title h2{font-size:36px; line-height:1.3em; color:#242424;}
.MainSection04 .Inner .bottomText{font-size:18px; color:#242424; text-align:center; margin-top:30px; line-height:1.3em; font-weight:500;}

.MainSection04 .sectionCont{display:block; width:100%; position:relative;}
.MainSection04 .sectionCont .swiper-slide{display:flex; justify-content:center;}
.MainSection04 .sectionCont .swiper-slide a{width:100%; display:flex; justify-content:center;}
.MainSection04 .sectionCont .swiper-slide a img{width:900px;}

.MainSection04 .sectionCont .btnWrap{position:absolute; top:50%; width:100%; z-index:999;}
.MainSection04 .sectionCont .btnWrap div{width:70px; height:70px; background-color:#fff; border:1px solid #ddd; font-family:'SUIT'; color:#ddd; border-radius:50px; font-size:36px; display:flex; justify-content:center; align-items:center; font-weight:600;}
.MainSection04 .sectionCont .btnWrap .button-prev{position:absolute; left:0; cursor:pointer;}
.MainSection04 .sectionCont .btnWrap .button-next{position:absolute; right:0; cursor:pointer;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 둘러보기 */
.MainSection05{width:100%; display:flex !important; flex-direction:column; align-items:center;}
.MainSection05 .BgBox{width:100%;}
.MainSection05 .BgBox img{width:100%; object-fit:cover;}
.MainSection05 .Inner{position:absolute; top:0; width:1400px; min-width:1400px; height:100%; padding:130px 0; display:flex; align-items:center;}
.MainSection05 .Inner .Title{width:35%; padding-left:100px;}
.MainSection04 .Inner .Title .Text01{margin-bottom:10px;}
.MainSection05 .Inner .Title h2{font-size:36px; line-height:1.3em; color:#242424; position:relative; z-index:1;}
.MainSection05 .Inner .Title .Text02{color:#242424; font-size:20px; font-weight:500; margin-top:20px;}

.MainSection05 .stInner{width:65%; position:relative; height:600px; display:flex; justify-content:center; align-items:center;}
.MainSection05 .MultiSlider .swiper-wrapper .swiper-slide{position:relative; height:600px; display:flex; justify-content:center; align-items:center;}
.MainSection05 .MultiSlider .swiper-wrapper .ThumImg{width:660px; height:430px; overflow:hidden;}
.MainSection05 .MultiSlider .swiper-wrapper .ThumImg img{width:100%; object-fit:cover}

.MainSection05 .stInner .btnWrap{position:absolute; top:50%; width:100%; z-index:999;}
.MainSection05 .stInner .btnWrap div{width:70px; height:70px; background-color:#fff; border:1px solid #ddd; font-family:'SUIT'; color:#ddd; border-radius:50px; font-size:36px; display:flex; justify-content:center; align-items:center; font-weight:600;}
.MainSection05 .stInner .btnWrap .button-prev2{position:absolute; left:0; cursor:pointer;}
.MainSection05 .stInner .btnWrap .button-next2{position:absolute; right:0; cursor:pointer;}

/* 라운드텍스트이미지  */
.MainSection05 .stInner .DecoImg{position:absolute; top:0; right:0; z-index:-1;}
.MainSection05 .stInner .DecoImg img{animation:Main05_Round 15s linear infinite; transform-origin:50% 50%;}