@charset "utf-8";
/* 
C00300 리셋성형외과
*/

/* [메인] 메인컨텐츠 */
.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:1920px; text-align:center; margin:auto;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
.MainSection01{width:100% !important; height:100vh; position:relative; overflow:hidden;}
.MainSection01 .imgSection{width:100%; position:relative; z-index:1;}
.MainSection01 .imgSection img{width:100%;}
.MainSection01 .videoSection{width:100%; position:absolute; z-index:5; left:50%; top:50%; transform:translate(-50%,-50%);}
.MainSection01 .videoSection video{width:100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 2번배너 */
.MainSection02{}
.MainSection02 .Inner{width:100%; padding:130px 0;}
.MainSection02 .MultiSlider{width:1660px; margin-right:10px;}
.MainSection02 .mainTitle{margin-bottom:30px; text-align:center;}
.MainSection02 .mainTitle h2{display:flex; justify-content:center; align-items:center; font-size:40px; font-family:'Paperlogy'; font-weight:500;}
.MainSection02 .mainTitle h2 span{margin-right:5px; margin-bottom:10px;}
.MainSection02 .arrowBtn{width:1400px; margin:0 auto; display:flex; font-size:32px; color:#111;}
.MainSection02 .swiper-button-prev-common{margin-right:15px; cursor:pointer;}
.MainSection02 .swiper-button-next-common{margin-left:15px; cursor:pointer;}
.MainSection02 ul li{border-radius:20px; overflow:hidden; position:relative;}
.MainSection02 ul li .ImgBox{background-color:#000;}
.MainSection02 ul li .ImgBox img{width:100%; object-fit:cover; transition:0.5s;}
.MainSection02 ul li .ThumbBox{width:100%; display:flex; justify-content:space-between; align-items:flex-end; position:absolute; left:0; bottom:0; padding:30px;}
.MainSection02 ul li .TextBox .Text01{font-family:'SUIT'; font-weight:700; font-size:22px; color:#fff; margin-bottom:10px;}
.MainSection02 ul li .TextBox .Text02{font-family:'SUIT'; color:#fff; line-height:1.5;}
.MainSection02 .LinkBtn{width:40px; height:40px; border-radius:50px; text-align:center; transition:transform 0.6s ease; border:1px solid #fff;}
.MainSection02 .LinkBtn span{font-size:30px; line-height:40px; color:#fff; font-weight:300;}

.MainSection02 ul li:hover .ImgBox img{opacity:0.7;} 
.MainSection02 ul li:hover .LinkBtn{background-color:#fff; transform:rotate(360deg);}
.MainSection02 ul li:hover .LinkBtn span{color:#111;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 3번배너(쇼츠) */
.MainSection03{width:100%; padding:130px 0;}
.MainSection03 .mainTitle{text-align:center;}
.MainSection03 .mainTitle h2{display:flex; justify-content:center; align-items:center; font-size:40px; font-family:'Paperlogy'; font-weight:500;}
.MainSection03 .mainTitle h2 span{margin-right:5px; margin-bottom:10px;}
.MainSection03 .moreBtn{width:145px; margin:0 auto; display:flex; font-size:32px; color:#999999; padding:40px 0 30px;}
.MainSection03 .moreBtn a{display:block; font-size:24px;}

.MainSection03 .Inner{width:100%;}
.MainSection03 .MultiSlider{width:1660px; margin-right:10px;}
.MainSection03 .swiper-wrapper li{height:370px; border-radius:20px; overflow:hidden;}
.MainSection03 .swiper-wrapper li a{display:block; width:100%; height:100%;}
.MainSection03 .swiper-wrapper li .ThumbBox{width:100%; height:100%; background-color:#000; position:relative;}
.MainSection03 .swiper-wrapper li .ThumbBox .iconBox{display:none; position:absolute; top:40%; left:20%; transform:translate(50%, 50%); transition:0.5s;}
.MainSection03 .swiper-wrapper li .ThumbBox img{width:100%; object-fit:cover; transition:0.5s;}
.MainSection03 .swiper-wrapper li .TextBox{display:none;}

.MainSection03 .swiper-wrapper li:hover .ThumbBox .iconBox{display:block;}
.MainSection03 .swiper-wrapper li:hover .ThumbBox>img{opacity:0.7;}

.MainSection03 .btnBox{width:1500px; margin-left:250px; display:flex; align-items:center;}
.MainSection03 .arrowBtn{width:1400px; margin:0 auto; display:flex; font-size:32px; color:#111;}
.MainSection03 .swiper-button-prev-common{margin-right:15px; cursor:pointer;}
.MainSection03 .swiper-button-next-common{margin-left:15px; cursor:pointer;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 4번배너(유튜브) */
.MainSection04{}
.MainSection04>.Inner{width:1400px; padding:130px 0;}
.MainSection04 .mainTitle{text-align:center;}
.MainSection04 .mainTitle h2{display:flex; justify-content:center; align-items:center; font-size:40px; font-family:'Paperlogy'; font-weight:500;}
.MainSection04 .mainTitle h2 span{margin-right:5px; margin-bottom:10px;}
.MainSection04 .moreBtn{width:1400px; margin:0 auto; display:flex; font-size:32px; color:#999999; padding:40px 0 30px;}
.MainSection04 .moreBtn a{display:block; font-size:24px;}

	/* 롤링배너일때 */
	.MainSection04 .MultiSliderWrap{overflow:hidden; display:flex;}
	.MainSection04 .MultiSlider{clear:none;}
	.MainSection04 .MultiSlider.slider-for{width:740px; height:480px; float:left; position:relative;}
	.MainSection04 .MultiSlider.slider-for .slick-list{border-radius:20px;}
	.MainSection04 .MultiSlider.slider-for .slick-list iframe{width:100%; height:480px;}
	.MainSection04 .MultiSlider.slider-for .TextBox{display:none;}

	.MainSection04 .MultiSlider.slider-nav .ThumBox{float:none; display:block; width:100%; height:175px; position:relative; overflow:hidden; margin-left:0; border-radius:10px;}
	.MainSection04 .MultiSlider.slider-nav .ThumBox img{width:100%; height:100%; object-fit:cover;}
	.MainSection04 .MultiSlider.slider-nav li{height: 100%; text-align:left; padding:10px 0; overflow:hidden; position:relative; display:table; table-layout:fixed; width:100%; cursor:pointer; margin-bottom:0;}
	.MainSection04 .MultiSlider.slider-nav li:first-child {padding-top:0;}
	.MainSection04 .MultiSlider.slider-nav .slick-slide li{}
	.MainSection04 .MultiSlider.slider-nav .slick-slide.slick-current li{}
	.MainSection04 .MultiSlider.slider-nav .TextBox{color:#333333; font-size:16px; line-height:100%; overflow:visible; vertical-align:middle; float:none; width:100%; white-space:normal; margin-left:0; padding-top:10px;}
	.MainSection04 .MultiSlider.slider-nav .TextBox .Text01{font-size:18px; font-weight:700; color:#111111;}
	.MainSection04 .MultiSlider.slider-nav .TextBox .Text02{}
	.MainSection04 .MultiSlider.slider-nav{position:relative!important; width:635px!important; float:left; margin-left:24px!important;}
	.MainSection04 .MultiSlider.slider-nav .slick-list{height:520px !important; overflow-y:auto;}
	.MainSection04 .MultiSlider.slider-nav .slick-track{display:flex; flex-wrap:wrap; transform:none !important; height:auto !important;}
	.MainSection04 .MultiSlider.slider-nav .slick-slide{width:calc(100% / 2 - 16px) !important; height:auto; overflow:hidden; margin:10px 8px;}
	.MainSection04 .MultiSlider.slider-nav .slick-slide li{width:100%; cursor:pointer;}
	.MainSection04 .MultiSlider.slider-nav .slick-current .ThumBox{border:3px solid #dfd7d3;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 5번배너(프로모션) */
.MainSection05{display:none !important; padding:130px 0;}
.MainSection05 .mainTitle{text-align:center;}
.MainSection05 .mainTitle h2{display:flex; justify-content:center; align-items:center; font-size:40px; font-family:'Paperlogy'; font-weight:500;}
.MainSection05 .mainTitle h2 span{margin-right:5px; margin-bottom:10px;}
.MainSection05 .moreBtn{margin:0 auto; display:flex; justify-content:center; font-size:32px; color:#999999; padding:40px 0 30px;}
.MainSection05 .moreBtn a{display:block; font-size:24px;}

.MainSection05 .MainContents_BestEventArea{width:1400px; margin:0 auto; margin-top:80px;}
.MainSection05 .EventMultiSlider.LabelThum_Height .LabelThum{margin:0;}

.MainSection05 .MultiSlider .slick-track{width:100% !important; display:flex; flex-wrap:wrap; justify-content:center;}
.MainSection05 .MultiSlider .slick-slide{width:calc(100% / 2 - 40px) !important; border-radius:10px; margin:15px; overflow:hidden; margin:30px 20px;}
.MainSection05 .EventMultiSlider .LabelThum label{width:100%; padding:0; box-shadow:none; border-radius:0;}
.MainSection05 .EventMultiSlider .LabelThum label u{display:none;}
.MainSection05 .EventMultiSlider.LabelThum_Height .LabelThum dt{height:250px;}
.MainSection05 .EventMultiSlider.LabelThum_Height .LabelThum dt img{width:100%; height:100%; object-fit:cover;}
.MainSection05 .EventMultiSlider.LabelThum_Height .LabelThum label dd{display:none;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션06] 6번배너(리얼모델) */
.MainSection06{width:100%; /*padding:130px 0;*/ padding-top:130px;}
.MainSection06 .mainTitle{text-align:center;}
.MainSection06 .mainTitle h2{display:flex; justify-content:center; align-items:center; font-size:40px; font-family:'Paperlogy'; font-weight:500;}
.MainSection06 .mainTitle h2 span{margin-right:5px; margin-bottom:10px;}

.MainSection06 .Inner{width:100%; margin:80px auto;}
.MainSection06 .List{display:flex; flex-wrap:wrap; height:810px; overflow:hidden;}
.MainSection06 .List li{width:calc(100%/7); height:270px;}
.MainSection06 .List li a{display:block; width:100%; height:100%;}
.MainSection06 .List li a .ThumbBox{width:100%; height:100%; background-color:#000;}
.MainSection06 .List li a .ThumbBox img{width:100%; height:100%; object-fit:cover;}
.MainSection06 .List li:hover a .ThumbBox img{opacity:0.5;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션07] 7번배너(전후이미지) */
.MainSection07{display:none !important; width:100%; padding:130px 0;}
.MainSection07 .mainTitle{text-align:center; margin-bottom:80px;}
.MainSection07 .mainTitle h2{display:flex; justify-content:center; align-items:center; font-size:40px; font-family:'Paperlogy'; font-weight:500;}
.MainSection07 .mainTitle h2 span{margin-right:5px; margin-bottom:10px;}

.MainSection07 .sectionCont{display:block; width:100%; position:relative;}
.MainSection07 .sectionCont .swiper-slide{display:flex; justify-content:center;}
.MainSection07 .sectionCont .swiper-slide a{width:950px; height:610px;}
.MainSection07 .sectionCont .ThumbBox{width:100%; height:550px; border-radius:20px; overflow:hidden; transition:0.5s;}
.MainSection07 .sectionCont .ThumbBox img{width:100%; height:100%; object-fit:cover;}
.MainSection07 .sectionCont .ThumbBox:hover{filter:brightness(0.7);}
.MainSection07 .sectionCont .ThumbBox img{width:100%;}
.MainSection07 .sectionCont .TextBox{margin-top:30px; font-size:22px; color:#111111; font-weight:400;}

.MainSection07 .MainBnfSwiper .BannerThum img{width:100%;}
.MainSection07 .MainBnfSwiper .swiper-slide{opacity:0.5; scale:0.7;}
.MainSection07 .MainBnfSwiper .swiper-slide-active{opacity:1; scale:1; transition:0.5s; z-index:900;}

.MainSection07 .arrowBtn{width:960px; margin:0 auto; display:flex; justify-content:space-between; font-size:32px; color:#111; position:absolute; top:33%; left:0%; transform:translate(50%, 50%);  cursor:pointer; z-index:999;}

.MainSection07 .moreBtn{margin:0 auto; font-size:32px; color:#999999; padding:40px 0 30px;}
.MainSection07 .moreBtn a{display:block; font-size:24px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션08] 8번배너 */
.MainSection08{}
.MainSection08 .TextBox{width:1400px; padding:250px 0; margin:0 auto; text-align:left;}
.MainSection08 .TextBox .Text01{font-size:32px; color:#111; font-weight:400; line-height:1.5;}
.MainSection08 .TextBox .Text01 span{font-weight:600;}
.MainSection08 .TextBox .Text02{font-family:'Paperlogy'; font-size:36px; margin-top:50px; line-height:1.8;}
.MainSection08 .TextBox .Text02 span{position:relative; top:-12px; margin-right:10px;}