@charset "utf-8";
/* 
C00305 유니성형외과
*/

/* 메인전용컨텐츠 */
.MainContents_Area * {}
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; box-sizing:border-box; white-space:normal; word-break:keep-all;}
/*슬라이드 초기화*/
.MultiImgSlider .slick-slide li .ThumBox{background-color:transparent;}

body .MainContents_Area .Inner{width:1400px; min-width:1400px;}
body .MainContents_Area > .MainSection{z-index:1;}

/*타이틀*/
body .mainTitle{width:100%; display:block; position:relative;}
body .mainTitle h3{font-size:36pt; font-weight:400;}
body .mainTitle h3 b{font-weight:700;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 1번배너 */
body .MainSection01{width:100%; position:relative; overflow:hidden;}
body .MainSection01 .Inner{width:100%; min-width:100%;}
body .MainSection01 .contWrap{width:100%; position:relative;}
body .MainSection01 .imgBox img{width:100%;}
	/*텍스트*/
	body .MainSection01 .contBox{width:40%; position:absolute; right:0; top:50%; transform:translate(0,-50%);}
	body .MainSection01 .contBox h5{color:#fff; font-size:28pt; font-weight:400; line-height:1.5;}
	body .MainSection01 .contBox h5 b{color:#fff; font-weight:700;}
	body .MainSection01 .contBox h3{color:#fff; font-size:64pt; font-weight:700; margin-top:50px;}
	/*스크롤바*/
	.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:50px; width:2px; 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:2px; height:15px; background:#fff; text-align:center;}
	.MainSection01 .scroll p{color:#fff; font-weight:400; font-size:10pt; padding-bottom:50px;}
	@keyframes scrollSqr{ 0%{top:0;} 100%{top:100%;} }

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 2번배너 */
body .MainSection02{width:100%; position:relative; overflow:hidden; padding:150px 0; background:linear-gradient(to bottom, #fff 66%, #fff 66%, #fbf7f2 33%, #fbf7f2 33%);}
body .MainSection02 .mainTitle{text-align:center;}
body .MainSection02 .contWrap{width:100%; margin-top:80px; display:inline-flex; align-items:start; justify-content:space-between;}
body .MainSection02 .contWrap .contBox{width:22%; cursor:pointer;}
body .MainSection02 .contWrap .contBox a{display:block;}
	/*이미지*/
	body .MainSection02 .contWrap .contBox .imgBox{width:100%; overflow:hidden; border-radius:0 50px 0 0; position:relative;}
	body .MainSection02 .contWrap .contBox .imgBox > img{width:100%;}
	body .MainSection02 .contWrap .contBox .imgBox::before{content:''; width:100%; height:100%; display:block; background:rgba(65,60,57,0.5); position:absolute; top:0; left:0; transition:0.3s; opacity:0;}
	body .MainSection02 .contWrap .contBox .imgBox .imgTxt{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,50%); text-align:center; transition:0.5s; opacity:0;}
	body .MainSection02 .contWrap .contBox .imgBox .imgTxt span{display:block;}
	body .MainSection02 .contWrap .contBox .imgBox .imgTxt h5{color:#fff; font-size:20pt; font-weight:700; margin-top:15px;}
	body .MainSection02 .contWrap .contBox .imgBox .imgTxt p{color:#fff; font-size:16pt; font-weight:400; line-height:1.6; margin-top:30px;}
	/*텍스트*/
	body .MainSection02 .contWrap .contBox .txtBox{width:100%; position:relative; margin-top:25px; text-align:center;}
	body .MainSection02 .contWrap .contBox .txtBox h4{font-size:17pt; font-weight:600;}
	/*호버*/
	body .MainSection02 .contWrap .contBox:hover .imgBox::before{opacity:1;}
	body .MainSection02 .contWrap .contBox:hover .imgBox .imgTxt{transform:translate(-50%,-50%); opacity:1;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 3번배너 */
body .MainSection03{width:100%; position:relative; overflow:hidden; padding:150px 0; background:#fbf7f2; border-radius:0 0 250px 0;}
body .MainSection03 .contWrap{width:100%; margin-top:80px; display:inline-flex; align-items:center; justify-content:space-between;}
body .MainSection03 .contWrap .imgBoxWrap{width:50%; position:relative;}
body .MainSection03 .contWrap .txtBoxWrap{width:50%; padding-left:70px; position:relative;}
	/*이미지박스*/
	body .MainSection03 .contWrap .imgBoxWrap .imgBox{width:100%; overflow:hidden; border-radius:0 120px 0 0; position:absolute; top:0; left:0; opacity:0; transition:0.3s;}
	body .MainSection03 .contWrap .imgBoxWrap .imgBox img{width:100%;}
	body .MainSection03 .contWrap .imgBoxWrap .imgBox01{position:relative;}
	body .MainSection03 .contWrap .imgBoxWrap .imgBox.active{opacity:1;}
	/*텍스트*/
	body .MainSection03 .contWrap .txtBox{padding:35px 0; position:relative; width:100%; cursor:pointer;}
	body .MainSection03 .contWrap .txtBox h4{display:inline-block; vertical-align:middle; font-family:"baskerville-old-face"; font-size:52pt; font-weight:normal; line-height:1; width:280px; transition:0.3s;}
	body .MainSection03 .contWrap .txtBox p{display:inline-block; vertical-align:middle; font-size:17pt; font-weight:400; line-height:1; transition:0.3s;}
	body .MainSection03 .contWrap .txtBox span{width:500px; height:1px; display:block; background:#ece1da; position:absolute; bottom:0; left:-120px;}
	body .MainSection03 .contWrap .txtBox.active h4{color:#665643;}
	body .MainSection03 .contWrap .txtBox.active p{color:#665643; font-weight:600;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 4번배너 */
body .MainSection04{width:100%; position:relative; overflow:hidden; padding:150px 0;}
body .MainSection04 .mainTitle{text-align:center;}
body .MainSection04 .contWrap{width:100%; margin-top:80px;}
body .MainSection04 .contWrap .swiper-container4 a{display:block; width:100%; position:relative; overflow:hidden; border-radius:0 30px 0 0;}
body .MainSection04 .contWrap .swiper-container4 a img{width:100%; transition:0.3s;}
body .MainSection04 .contWrap .swiper-container4 a:hover img{scale:1.1;}
	/*모어*/
	body .MainSection04 .contWrap a.more{display:block; width:fit-content; margin:0 auto; margin-top:60px; font-size:16pt; font-weight:400; position:relative;}
	body .MainSection04 .contWrap a.more::before{content:''; display:block; width:0; height:1px; position:absolute; left:50%; bottom:-10px; transform:translate(-50%,0); background:#444; transition:0.3s;}
	body .MainSection04 .contWrap a.more:hover::before{width:110%;}

	/*1개일때*/
	body .MainSection04.OnlyOne .contWrap{width:350px; margin:0 auto; margin-top:80px;}
	/*2개일때*/
	body .MainSection04.OnlyTwo .contWrap{width:700px; margin:0 auto; margin-top:80px;}
	/*3개일때*/
	body .MainSection04.OnlyThree .contWrap{width:1050px; margin:0 auto; margin-top:80px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 5번배너 */
body .MainSection05{width:100%; position:relative; overflow:hidden;}
body .MainSection05 .Inner{width:1600px; min-width:1600px;}
body .MainSection05 span.deco{width:100%; display:block; position:absolute; left:0; bottom:0; background:#f6f6f6; height:50%; border-radius:150px 0 0 0;}
body .MainSection05 .imgBox{position:relative; width:100%; overflow:hidden; border-radius:80px;}
body .MainSection05 .imgBox img{width:100%;}
	/*텍스트*/
	body .MainSection05 .txtBox{width:100%; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
	body .MainSection05 .txtBox h5{font-size:20pt; font-weight:400; letter-spacing:8pt;}
	body .MainSection05 .txtBox h3{font-size:36pt; font-weight:400; margin-top:30px;}
	body .MainSection05 .txtBox h3 b{font-weight:700;}
	body .MainSection05 .txtBox a{display:block; width:fit-content; margin:0 auto; margin-top:40px; border:1px solid #444; padding:10px 70px; border-radius:0 20px 0 0; position:relative; overflow:hidden;}
	body .MainSection05 .txtBox a span{font-size:16pt; font-weight:500; transition:0.3s; position:relative;}
	body .MainSection05 .txtBox a::before{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:0; background:#444; transition:0.3s;}
	body .MainSection05 .txtBox a:hover span{color:#fff;}
	body .MainSection05 .txtBox a:hover::before{height:100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 6번배너 */
body .MainSection06{width:100%; position:relative; overflow:hidden; padding:150px 0; background:#f6f6f6;}
body .MainSection06 .mainTitle{text-align:center;}
body .MainSection06 .Inner{width:100%; min-width:100%;}
body .MainSection06 .contWrap{width:100%; margin-top:80px; position:relative;}
body .MainSection06 .contWrap .imgBox{width:100%; position:relative; overflow:hidden; border-radius:0 80px 0 0;}
body .MainSection06 .contWrap .imgBox img{width:100%; opacity:0.6; transition:0.3s;}
body .MainSection06 .contWrap .swiper-slide-active .imgBox img{opacity:1;}
	/*버튼*/
	body .MainSection06 .contWrap .swiper-btn{position:absolute; top:50%; transform:translate(0,-50%); font-size:18pt; font-weight:100; font-family:"SUIT"; z-index:900; border:1px solid #444; border-radius:10px; text-align:center; line-height:2; cursor:pointer; width:50px; height:50px; transition:0.3s;}
	body .MainSection06 .contWrap .swiper-btn:hover{background:#444; color:#fff;}
	body .MainSection06 .contWrap .swiper-prev-6{left:27.1%;}
	body .MainSection06 .contWrap .swiper-next-6{right:27.1%;}