/* 메인비주얼 */
.main_visual{position: relative;height:100vh;overflow: hidden; text-align:center;line-height:1.3; background: #000;}
.main_visual .title{position: absolute;width: 100%; bottom:45%;text-shadow:0 0 50px rgba(0,0,0,0.4); text-align:center; z-index:10;}
.main_visual .title h2{margin:0.5em 0 0.2em; font-size:2.2em; text-transform:uppercase; letter-spacing:-2px; font-weight:400; color: #fff; text-shadow:0 0 15px rgba(0,0,0,0.8)	}
.main_visual video.visual_video{z-index:-1;  background: #000; width:100%; transform:translate(0,0); opacity:0.8;}

/* 타이틀-메인 */
.section_title{text-align: center; margin-bottom:1.5em;}
.section_title h2{font-size:3.2em;font-family: 'Montserrat', sans-serif; font-weight:500; color:#111;}
.section_title span{display: block; margin-bottom:0.6em; color: #996c59; font-size:0.8em;font-family: 'Montserrat', sans-serif; letter-spacing:2px; font-weight: 500; font-weight:bold;}
.section_title02{text-align: center; margin-bottom:1.5em;}
.section_title02 h2{font-size:3.2em;font-family: 'Montserrat', sans-serif; font-weight:500; color: #fff;}
.section_title02 span{display: block;margin-bottom:0.6em; color: #996c59; font-size:0.8em;font-family: 'Montserrat', sans-serif; letter-spacing:2px; font-weight: 500;font-weight:bold;}


/* 메인시술 */
.main_cate{padding:150px 0;}
.main_cate .section_title{margin-bottom:3em;}
.main_cate .cate_list .big_icon ul:after{display: block; content:' '; clear: both;}
.main_cate .cate_list .big_icon ul li{float:left;width:calc(33.3333% + 1px); height:340px;border:1px solid #eee; box-sizing:border-box; margin-right:-1px; margin-bottom:-1px; transition:0.5s; overflow: hidden; background: #fff; ;}
.main_cate .cate_list .big_icon ul li:hover{border:12px solid #eee; transform:translate(-30px,-30px); z-index: 1000; box-shadow:30px 30px 40px rgba(0,0,0,0.2)}
.main_cate .cate_list .big_icon ul li a{display:table; height:100%; width: 100%;padding:36px;  box-sizing:border-box;}
.main_cate .cate_list .big_icon ul li a div{display: table-cell; }
.main_cate .cate_list .big_icon ul li a h3{font-size:1.9em; color: #222;}
.main_cate .cate_list .big_icon ul li a span{display: block; margin:6px 0;font-size:1em; color: #777; font-weight: 300;}
.main_cate .cate_list .big_icon ul li.list01{background:url(../image/main/main_catelist01.jpg) no-repeat -10px -100px;}
.main_cate .cate_list .big_icon ul li.list01 div{vertical-align:bottom;}
.main_cate .cate_list .big_icon ul li.list03{background:url(../image/main/main_catelist02.jpg) no-repeat -160px -130px; text-align: right;}
.main_cate .cate_list .big_icon ul li.list05{background:url(../image/main/main_catelist03.jpg) no-repeat 50%;}
.main_cate .cate_list .big_icon ul li.list05 div{vertical-align: bottom;}
.main_cate .cate_list .big_icon ul li.center div{vertical-align:middle;}
.main_cate .cate_list .big_icon ul li.center div h3{font-size:1.8em;}
.main_cate .cate_list .small_icon{margin-top:4em;}
.main_cate .cate_list .small_icon ul li{float:left; width:16.66666%; text-align: center; border-right:1px solid #eee; box-sizing:border-box;}
.main_cate .cate_list .small_icon ul li a{display: block;	}
.main_cate .cate_list .small_icon ul li:hover .img{background:background: rgb(106,36,157);
background: -moz-linear-gradient(90deg, rgba(106,36,157,1) 0%, rgba(50,30,174,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(106,36,157,1) 0%, rgba(50,30,174,1) 100%);
background: linear-gradient(90deg, rgba(106,36,157,1) 0%, rgba(50,30,174,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6a249d",endColorstr="#321eae",GradientType=1);}
.main_cate .cate_list .small_icon ul li:hover h3{color: #4420a9;}
.main_cate .cate_list .small_icon ul li:last-child{border-right:none}
.main_cate .cate_list .small_icon ul li .img{display: inline-block; margin-bottom:12px;width:60px; height:60px; background:#222; line-height:82px; border-radius:100%; overflow: hidden; text-align: center;}
.main_cate .cate_list .small_icon ul li .img img{width:40px;}
.main_cate .cate_list .small_icon ul li h3{font-weight:400; font-size:17px; color: #444;}

/* 에필브랜드소개 */
.main_brand{position: relative;padding:180px 0 150px;background:url(../image/main/bg_mainbrand.jpg) no-repeat 50% / cover ;}
.main_brand .efil_brandimg{text-align: center;}
.main_brand .efil_brandimg .logo_circle{position: absolute; left:50%; margin-left:-225px;width:450px; height:450px; background:rgba(0,0,0,0.4); border-radius:100%; line-height:640px; overflow: hidden; box-shadow:50px 50px 40px rgba(0,0,0,0.3)}
.main_brand .efil_brandimg .logo_circle img{width:400px;}
.main_brand .efil_brandimg .effect{position:absolute; left:50%; margin-left:-225px;z-index:0; width:300px; height:300px;}
.main_brand .efil_brandimg .effect span{display: block; position: absolute; width:450px; height:450px; border:1px solid #fff; top: 0; left: 0; border-radius:100%; opacity:0;}
.main_brand .efil_brandimg .effect span:nth-child(1){animation:circle_ani 2.1s 0s infinite linear forwards}
.main_brand .efil_brandimg .effect span:nth-child(2){animation:circle_ani 2.1s 0.7s infinite linear forwards}
.main_brand .efil_brandimg .effect span:nth-child(3){animation:circle_ani 2.1s 1.4s infinite linear forwards}
@keyframes circle_ani {
	0%{transform:scale(100%);opacity:0.4;}
	100%{transform:scale(165%); opacity:0;}
}

.main_brand .brand_info{padding-top:560px;color:#fff; text-align: center;}
.main_brand .brand_info p{margin-bottom:24px;font-size:1.88em; font-weight: 100; line-height:1.3;}
.main_brand .brand_info p strong{font-weight:400;}
.main_brand .brand_info ul{display: inline-block; margin:0 auto 42px;}
.main_brand .brand_info ul li{padding:12px 42px;font-size:1.2em; text-align:left; border-bottom:2px dotted rgba(255,255,255,0.3);font-weight: 300;}
.main_brand .brand_info ul li:last-child{border-bottom:none;}
.main_brand .brand_info ul li strong{display: inline-block; width:210px; font-size:1.5em; letter-spacing:1px; font-weight:500; text-shadow:0 0 10px rgba(0,0,0,0.2)}
.main_brand .brand_info h3{font-size:3.63em; font-weight:100; letter-spacing:-2px;}
.main_brand .brand_info h3 strong{font-weight:500; letter-spacing:inherit;}


/* 에필tv */
.main_tv{position: relative;padding:160px 0 120px;}
.main_tv .section_title h2{margin-bottom:32px;}
.main_tv .movie_list{width:1560px; margin:0 auto; }
.main_tv .movie_list .swiper-container.efil_tv{padding:0 10px;position:static;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-wrapper{padding:40px 0;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-wrapper .swiper-slide{border:1px solid #eee;  box-sizing:border-box;  box-shadow:2px 2px 20px rgba(0,0,0,0.1)}
.main_tv .movie_list .swiper-container.efil_tv .swiper-wrapper .swiper-slide .img{overflow: hidden;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-wrapper .swiper-slide .img img{width:100%; transition:0.5s}
.main_tv .movie_list .swiper-container.efil_tv .swiper-wrapper .swiper-slide:hover .img img{transform:scale(1.2)}
.main_tv .movie_list .swiper-container.efil_tv .swiper-wrapper .swiper-slide .info{overflow: hidden; padding:24px; box-sizing:border-box;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-wrapper .swiper-slide .info .profile_img{float:left; margin-right:20px; width:72px; text-align: center; overflow: hidden;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-wrapper .swiper-slide .info dl{float:left; width:calc(100% - 92px);}
.main_tv .movie_list .swiper-container.efil_tv .swiper-wrapper .swiper-slide .info dl dt{height:45px;font-size:17px; margin-bottom:8px; color: #222; line-height:1.35; overflow: hidden;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-wrapper .swiper-slide .info dl dd{font-size:14px; color: #aaa; font-weight: 300;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-button-next{right:50%; margin-right:-810px; top:55%;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-button-prev{left:50%; margin-left:-810px;  top:55%;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-button-next,
.main_tv .movie_list .swiper-container.efil_tv .swiper-button-prev{background:none; width:64px; height:64px; box-shadow:10px 10px 20px rgba(0,0,0,0.15); border-radius:100%; overflow: hidden;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-button-prev:after,.main_tv .movie_list .swiper-container.efil_tv .swiper-button-next:after{display: none;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-button-next img{width:100%;}
.main_tv .movie_list .swiper-container.efil_tv .swiper-button-prev img{width:100%;}


/* 리얼리뷰 */
.main_realreview{padding:30px 0 140px;}
.main_realreview .section_title{margin-bottom:54px;}
.main_realreview .swiper-container:after{display: block; content:' '; clear: both;}
.main_realreview .swiper-container{overflow: visible;}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide{position: relative;height:760px; padding:70px 0 110px;text-align: center; box-sizing:border-box; transition:0.5s; overflow: hidden;}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide:hover{ transform:translate(-20px,-20px); z-index: 1000; box-shadow:30px 30px 40px rgba(0,0,0,0.2); border-radius:30px}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide .title{margin-bottom:16px;}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide .title span{font-size:15px; color: #333; letter-spacing:5px;	opacity:0.3; font-weight:600;}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide .title h3{margin-top:8px;font-size:40px; color: #222; letter-spacing:-2px;}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide .img{position: absolute; width: 100%;top: 0; z-index:-1; font-size: 0;}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide .img img{position: relative; left:50%;height: 100%; transform:translate(-50%,0)}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide .before_img{position: absolute; width:135px; height:180px; right:50px; bottom:50px; border-radius:30px; background:#fff; box-shadow:30px 30px 40px rgba(0,0,0,0.2)}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide .before_img:after{position: absolute; content:'BEFORE'; width:80px; padding:6px 0;font-weight:500; font-size:12px; background:#222; color: #fff; left:50%; margin-left:-40px; bottom:-10px; border-radius:100px}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide .before_img img{height:100%;border-radius:30px;}
.main_realreview .swiper-container .swiper-button-next{right:-32px;}
.main_realreview .swiper-container .swiper-button-prev{left:-32px;}
.main_realreview .swiper-container .swiper-button-next,
.main_realreview .swiper-container .swiper-button-prev{background:none; width:64px; height:64px;}
.main_realreview .swiper-container .swiper-button-next img{width:100%;}
.main_realreview .swiper-container .swiper-button-prev img{width:100%;}




/* sns */
.main_sns .section_title h2{margin-bottom:32px;}
.main_sns .sns_list ul li{float:left;width:25%; height:290px;padding-top:50px; text-align: center; overflow: hidden; transition:0.5s;}
.main_sns .sns_list ul li .img{transition:0.5s}
.main_sns .sns_list ul li:hover{background:#fff !important;}
.main_sns .sns_list ul li:hover .img{transform:translate(0,-8px)}
.main_sns .sns_list ul li a{display: block;}
.main_sns .sns_list ul li.list01{background:#f7e9e9 ;}
.main_sns .sns_list ul li.list02{background:#ebe9f7 ;}
.main_sns .sns_list ul li.list03{background:#eaf7e9 ;}
.main_sns .sns_list ul li.list04{background:#f7f7e9 ;}
.main_sns .sns_list ul li span{display: block;font-size:22px;color: #222; }
.main_sns .sns_list ul li em{margin-top:10px;display: inline-block; padding:6px 12px;background:#fff; border-radius:100px; font-size:11px; box-shadow:3px 3px 5px rgba(0,0,0,0.1); color: #333;}
.main_sns .sns_list ul li em b{display: inline-block; margin-right:4px;font-weight:bold; color: #111;}




/* 오시는길 */
.main_location{overflow: hidden; max-height:700px; }
.main_location .location_info{float:left; width:50%; padding:120px 0 100px;background:url(../image/main/main_location_bg.jpg) no-repeat 50% / cover; color: #fff;}
.main_location .location_info .tel{font-size:36px;width:500px; margin:0 auto 20px; padding-bottom:20px; text-align: center; border-bottom:1px solid #8d67bf}
.main_location .location_info .tel img{margin-bottom:8px;}
.main_location .location_info .detail{width:500px; margin:0 auto; font-size:15px;}
.main_location .location_info .detail table{width:100%; margin-bottom:16px;}
.main_location .location_info .detail table th{width:70px; padding:6px 0; text-align: left;	font-weight:500;}
.main_location .location_info .detail table td{padding:6px 0; text-align: left; line-height:1.5; font-weight:300; letter-spacing:0;}
.main_location .location_info .detail table td strong{display: inline-block; width:65px; font-weight: 400;}
.main_location .location_info .detail .rev_list{padding-left:80px;}
.main_location .location_info .detail .rev_list li{display: inline-block; margin-right:4px;background:rgba(255,255,255,0.2);font-size:12px; border-radius:100%; overflow: hidden; text-align: center; font-weight: 300;}
.main_location .location_info .detail .rev_list li:hover{ background:rgba(255,255,255,0.4);}
.main_location .location_info .detail .rev_list li a{display: block; width:100px; height:100px; padding-top:24px; box-sizing:border-box}
.main_location .location_info .detail .rev_list li span{display: block;margin-top:4px;	}
.main_location .locaiton_map{float:left; width:50%; height:100%;}




@media all and (max-width:1400px){
.main_realreview .swiper-container .swiper-wrapper .swiper-slide .title span{font-size:14px;}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide .title h3{margin-top:8px;font-size:32px;}

}

@media all and (max-width:1300px){
.img img{width:auto}

}