/* 메인비주얼 */
.main_visual{position: relative;height:80vh;width:100%;margin:60px auto 0; overflow: hidden; text-align:center; color: #fff; line-height:1.3;overflow: hidden; background: #000;}
.main_visual .title{position: absolute;width: 100%; top:28%; text-shadow:0 0 50px rgba(0,0,0,0.4); text-align:center;z-index: 10;}
.main_visual .title h2{margin:0.05em 0 20px; font-size:1.4em; text-transform:uppercase; letter-spacing:-1px; font-weight:300; text-shadow:0 0 15px rgba(0,0,0,0.8)}
.main_visual .title h2 span{color: #fff; letter-spacing:inherit;}
.main_visual .title h2 strong{font-weight:500;}
.main_visual .title img{width:280px; margin-bottom:16px;}
.main_visual .title .title_ctn{font-size:0.8em; letter-spacing:4px;}
.main_visual video.visual_video{position:absolute; height:100%; left:0; top:0; z-index:0; transform:translate(-35%,0); opacity:0.8;}
@keyframes arrow_ani{0%{margin-top:50px;} 100%{margin-top:30px;}}
.main_visual .img{position:absolute;top: 0; left:0;width: 100%; height:100%; top: 0;z-index:0; font-size: 0; transform:scale(1.1); animation:visualbg 8s 0s ease-out forwards;background:url(../image/main/main_visual01.jpg) no-repeat 50% 0 ; background-size:cover;}
@keyframes visualbg {0%{opacity:0.7; transform:scale(1.2);} 100%{opacity:1;transform:scale(1);}}
.title_mont{font-family:'Raleway', sans-serif; font-weight:400; font-size:1.8em; color: #333; }

/* 타이틀-메인 */
.section_title{text-align: center; margin-bottom:1em;}
.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:110px 3% 80px;}
.main_cate h2 img{width:300px;}
.main_cate .section_title{margin-bottom:1.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(50% + 1px); height:200px;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 a{display:table; height:100%; width: 100%;padding:18px;  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.4em; color: #222;}
.main_cate .cate_list .big_icon ul li a span{display: block; margin:6px 0;font-size:0.8em; color: #666; font-weight: 300;}
.main_cate .cate_list .big_icon ul li.list01{background:url(../image/main/main_catelist01.jpg) no-repeat 50%}
.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 50%; 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.4em;}
.main_cate .cate_list .small_icon{margin-top:4em;}
.main_cate .cate_list .small_icon ul li{float:left; width:33.3333%; margin-bottom:32px; 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:nth-child(3n){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:14px; color: #444;}

/* 에필브랜드소개 */
.main_brand{position: relative;padding:140px 5% 90px;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:-150px;width:300px; height:300px; background:rgba(0,0,0,0.4); border-radius:100%; line-height:430px; overflow: hidden; box-shadow:50px 50px 40px rgba(0,0,0,0.3)}
.main_brand .efil_brandimg .logo_circle img{width:250px;}
.main_brand .efil_brandimg .effect{position:absolute; left:50%; margin-left:-150px;z-index:0; width:300px; height:300px;}
.main_brand .efil_brandimg .effect span{display: block; position: absolute; width:300px; height:300px; 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:380px;color:#fff; text-align: center;}
.main_brand .brand_info p{margin-bottom:24px;font-size:1.2em; font-weight: 100; line-height:1.5;}
.main_brand .brand_info p strong{font-weight:400;}
.main_brand .brand_info p br{display: none;}
.main_brand .brand_info ul{display: inline-block; margin:0 auto 24px;}
.main_brand .brand_info ul li{padding:12px 16px;font-size:1em; 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:block; margin-bottom:8px;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 ul li strong b{text-shadow:0 0 10px rgba(1,1,1,1)}
.main_brand .brand_info h3{font-size:2em; font-weight:100; letter-spacing:-2px; line-height:1.3;}
.main_brand .brand_info h3 strong{font-weight:500; letter-spacing:inherit;}


/* 에필tv */
.main_tv{position: relative;padding:120px 0 30px;}
.main_tv .section_title h2{margin-bottom:8px;}
.main_tv .movie_list .swiper-container.efil_tv_m{padding:0 10px;position:static;}
.main_tv .movie_list .swiper-container.efil_tv_m .swiper-wrapper{padding:40px 0;}
.main_tv .movie_list .swiper-container.efil_tv_m .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_m .swiper-wrapper .swiper-slide .img{overflow: hidden;}
.main_tv .movie_list .swiper-container.efil_tv_m .swiper-wrapper .swiper-slide .img img{width:100%; transition:0.5s}
.main_tv .movie_list .swiper-container.efil_tv_m .swiper-wrapper .swiper-slide:hover .img img{transform:scale(1.2)}
.main_tv .movie_list .swiper-container.efil_tv_m .swiper-wrapper .swiper-slide .info{overflow: hidden; padding:24px; box-sizing:border-box;}
.main_tv .movie_list .swiper-container.efil_tv_m .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_m .swiper-wrapper .swiper-slide .info dl{float:left; width:calc(100% - 92px);}
.main_tv .movie_list .swiper-container.efil_tv_m .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_m .swiper-wrapper .swiper-slide .info dl dd{font-size:14px; color: #aaa; font-weight: 300;}
.main_tv .movie_list .swiper-container.efil_tv_m .swiper-button-next{right:50%; margin-right:-810px; top:55%;}
.main_tv .movie_list .swiper-container.efil_tv_m .swiper-button-prev{left:50%; margin-left:-810px;  top:55%;}
.main_tv .movie_list .swiper-container.efil_tv_m .swiper-button-next,
.main_tv .movie_list .swiper-container.efil_tv_m .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_m .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_m .swiper-button-next img{width:100%;}
.main_tv .movie_list .swiper-container.efil_tv_m .swiper-button-prev img{width:100%;}


/* 리얼리뷰 */
.main_realreview{padding:30px 9% 140px;}
.main_realreview .section_title{margin-bottom:34px;}
.main_realreview .section_title h2 img{width:300px;}
.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 .title{margin-bottom:16px;}
.main_realreview .swiper-container .swiper-wrapper .swiper-slide .title span{font-size:13px; 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:28px; 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:100px; height:133px; right:20px; bottom:30px; 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{padding:0 3%; margin-bottom:3%;}
.main_sns .section_title h2{margin-bottom:32px;}
.main_sns .sns_list ul li{float:left;width:50%; height:200px;padding-top:30px; text-align: center; overflow: hidden; transition:0.5s;}
.main_sns .sns_list ul li .img{transition:0.5s; margin-bottom:-5px;}
.main_sns .sns_list ul li .img img{width:120px;}
.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:16px;color: #222; }

.main_sns .sns_list ul li em{margin-top:6px;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;}
.main_location .location_info{padding:80px 4% 60px;background:url(../image/main/main_location_bg.jpg) no-repeat 50% / cover; color: #fff;}
.main_location .location_info .tel{font-size:32px;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{margin:0 auto;font-size:14px;}
.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;}
.main_location .location_info .detail table td strong{display: inline-block; width:65px; font-weight: 400;}
.main_location .location_info .detail .rev_list{text-align: center;}
.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{height:300px;}




@media all and (min-width:768px) {
	.main_visual video.visual_video{ transform:translate(0,0);}

}

@media all and (max-width:300px) {
	.main_cate .cate_list .big_icon ul li a h3{font-size:1.2em;}
	.main_cate .cate_list .big_icon ul li.center div h3{font-size:1.3em;}
	.main_cate .cate_list .big_icon ul li a span{letter-spacing:-1px;}

}