@charset "utf-8";
/* ---------- size : 1920x870 ---------- */
#mc_special { position:relative; height:870px; overflow:hidden; background:#fff; max-width:1920px; margin:0 auto; overflow:hidden }
#mc_special:after { content:''; top:0; left:50%; margin-left:-960px; position:absolute; width:1920px; height:870px; border:1px solid #f00; z-index:1; display:none }

#box_fade { top:0; left:0; position:absolute; width:100%; height:100%; background:#fff; z-index:1; display:none !important }

#mc_special .swiper-container { width:100%; height:100%; position:relative }

#mc_special .swiper-slide { width:100%; overflow:hidden }
#mc_special .swiper-slide .container { position:relative; left:50%; margin-left:-960px; width:1920px; height:870px; overflow:hidden }
#mc_special .swiper-slide .container .wrap { position:relative; top:50%; left:50%; margin:-535px 0 0 -1060px; width:2120px; height:1070px; overflow:hidden;}

/* vimeo */
#mc_special .swiper-slide .container_vimeo { }
#mc_special .swiper-slide .container_vimeo iframe { top:0; left:0; position:absolute; width:100%; height:100% }
#mc_special .swiper-slide .container_vimeo .bg_poster { top:0; left:0; position:absolute }
#mc_special .swiper-slide .container_vimeo .typo { top:0; left:0; position:absolute }
#mc_special .swiper-slide .container_vimeo .poster { top:0; left:0; position:absolute; /*transition:all ease-in-out .5s*/ }
#mc_special .swiper-slide .container_vimeo .poster.fadeOut { opacity:0 }

.paused { animation-play-state:paused }
.running { animation-play-state:running }

/* gp_bg1 --------------------------------------------------------------------- */
#mc_special .swiper-slide .gp_bg1 { position:absolute; top:0; left:0; animation:mvTxt2 3.5s 0s forwards; }
#mc_special .swiper-slide .gp_bg1 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); filter:blur(0) grayscale(0); opacity:0 }


/* gp_bg2 --------------------------------------------------------------------- */
#mc_special .swiper-slide .gp_bg2 { position:absolute; top:0; left:0; animation:sv-bg-change 5s infinite }
#mc_special .swiper-slide .gp_bg2 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); filter:blur(0) grayscale(0) }

/* gp_typo --------------------------------------------------------------------- */
#mc_special .swiper-slide .gp_typo { position:absolute; top:0; left:0; animation:mvTxt 3.5s 0s forwards; }
#mc_special .swiper-slide .gp_typo img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); filter:blur(0) grayscale(0) }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* prev/next */
#mc_special .btn_pn { top:50%; margin-top:-50px; position:absolute; width:100px; height:100px; background:rgba(0,0,0,0); border-radius:50px; overflow:hidden; cursor:pointer; z-index:1; border:1px solid rgba(255,255,255,0); transition:all ease-out .3s }
#mc_special .btn_prev { left:120px }
#mc_special .btn_prev .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:relative; margin-left:10px }
#mc_special .btn_next { right:120px }
#mc_special .btn_next .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:relative; margin-left:-10px }
#mc_special .arrow { border:solid rgba(0,0,0,.2); border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:24px }

.custom-pagination {position:absolute;bottom: 15% !important;left:0;display: flex;padding:0 1em;box-sizing:border-box;justify-content:center;align-items:center; color:#fff;font-size:1em; z-index:2;}
.progress__bar {position:relative;width:50%;height:1px; margin:0 20px;background-color:#fff;}
.progress__fill {position:absolute;inset:0; display:block;height: 100%; background-color:#c7c7c7; }
.current {color:#f4e5db}
.wpb_row{position:relative;}
.wpb_row .row-bg-wrap{
	 width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	}
.material .wpb_row{margin-bottom:0px}
.nectar-shape-divider-wrap{position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;height:100%;z-index:3;transform:translateZ(0);top:auto;bottom:120px;left:0;right:0;width:100%;height:150px;z-index:3;transform:translateZ(0);}
#main_wrap {}
#mv_wrap {}
#mv_wrap .mv_list_wrap {margin-bottom: 0; background-image: url('/assets/images/main/mv1.jpg');}
#mv_wrap .mv_list_wrap .slick-dots {bottom: 30%;}
#mv_wrap .mv_list_wrap .slick-dots li {width: auto; height: auto; margin: 0 3px; }
#mv_wrap .mv_list_wrap .slick-dots li button {width: 18px; height: 18px; border-radius:20px; padding: 0; background: none; border: 2px solid #ccc;  transition:.25s; }
#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 65px; border: 2px solid #fff; }
#mv_wrap .mv_list_wrap .slick-dots li button:before {display: none;}
#mv_wrap .mv_list_wrap .mv_list {position: relative; overflow: hidden; height:980px;}
#mv_wrap .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform: scale(1.15);}
#mv_wrap .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; }
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg');}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg');}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap {position:absolute;left:50%;top:47%;transform:translate(-50%, -50%); width: 100%;	 font-family: 'Eulyoo'; font-weight: 600; color: #fbf4d4; text-align: center; letter-spacing: -2px; overflow: hidden;}
#mv_wrap .mv_list_wrap .mv_list.slick-active .txt_wrap > div { animation:mvTxt 1s 1.2s forwards; opacity: 0; transform:translateY(50px); }
#mv_wrap .slick-slide img { display: inline-block;}
@keyframes mvBgScale {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}
@keyframes mvTxt {
    0% {
        transform:translateX(200px);
        opacity:1;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}
@keyframes mvTxt2 {
    0% {
        transform:translateX(-200px);
        opacity:1;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}

.main_content02{position:relative; width:100%; overflow:hidden; background:url('/assets/images/main/m2_bg.png')no-repeat;  background-position:100% 100%; background-position:bottom}
.main_cont02_wrap{position:relative; width:100%; height:100%; max-width:1800px; margin:0 auto;}
.main_cont02_wrap > div{width:33%;}

.main_cont02_img{position:relative; overflow:hidden;}
.main_cont02_img_box{width: 68%; overflow: hidden; z-index: 0;}
.main_cont02_img_box > .main_cont02_img_01{overflow: hidden;}
.main_cont02_img_box.on > .main_cont02_img_01{transform: scale(1); transition: transform 8s 0.3s ease-in-out; -webkit-transition: transform 8s 0.3s ease-in-out; -moz-transition: transform 8s 0.3s ease-in-out; -ms-transition: transform 8s 0.3s ease-in-out; -o-transition: transform 8s 0.3s ease-in-out; overflow: hidden;}
.main_cont02_img_text_wrap01{margin-top:-9.6%; z-index: 1;}
.main_cont02_img_text_wrap02{margin-top:-10.5%; z-index: 1;}
.main_cont02_img_text_wrap > p{padding:2% 0;}
.main_cont02_img_text_wrap01 .main_cont02_img_text01{-webkit-text-fill-color: transparent; background: linear-gradient(-0deg, #333 55%, #fff 45%); -webkit-background-clip: text;}
.main_cont02_img_text_wrap02 .main_cont02_img_text01{-webkit-text-fill-color: transparent; background: linear-gradient(-0deg, #333 50%, #fff 50%); -webkit-background-clip: text;}

.main_cont02_text_wrap{padding:4% 0 0;}

.main_cont02_img02{padding:4% 0 0;}

.main_cont02_btn{position:relative; width:200px; height:50px; margin:0 auto; border:2px solid #c2b093; border-radius:50px; overflow:hidden;}
.main_cont02_btn:hover{background:#c2b093; transition:background 0.4s 0.1s ease-in-out; -webkit-transition:background 0.4s 0.1s ease-in-out; -moz-transition:background 0.4s 0.1s ease-in-out; -ms-transition:background 0.4s 0.1s ease-in-out; -o-transition:background 0.4s 0.1s ease-in-out;}
.main_cont02_btn > a{display:block;}
.main_cont02_btn > a > p{color:#c2b093; line-height:45px; letter-spacing:0.02em;}
.main_cont02_btn > a > p::after{content:''; position:absolute; top:0; left:0; width:0; height:100%; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; z-index:-1;}
.main_cont02_btn:hover > a > p{color:#fff;}
.main_cont02_btn:hover > a > p::after{width:100%; background:#c2b093; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out;}
span.arrow_right{display:inline-block; width:20px; height:11px; background: url(../img/arrow.svg) 50% 50%/100% no-repeat;}
.main_cont02_btn:hover span.arrow_right{background: url(../img/arrow_w.svg) 50% 50%/100% no-repeat;}




.ct2{ margin: 0 auto;} 

.mcnt2 {position: relative; height:auto; padding-left:7.5%}
.mcnt2 .main_tit{z-index: 100;}
.mcnt2 .main_tit > h5{margin-left: 2px;}
.mcnt2_owl {box-sizing: border-box; padding-left: 33.625%; margin-top: -120px; position:relative;}
.mcnt2_owl .owl-dots{position: absolute; left: 0; top: 223px; max-width:290px; width: 100%;}
.mcnt2_owl .owl-dots .owl-dot{position: relative; display: block; padding:10px; background: none; border-bottom: 1px solid #ddd; width: 165%; text-align: left; font-size: 18px; color: #888; font-weight: 500; transition:.3s;}
.mcnt2_owl .owl-dots .owl-dot:after{content: '01.  하니 원데이 눈성형'; line-height: 55px; padding-left: 3px;}
.mcnt2_owl .owl-dots .owl-dot:nth-child(2):after{content: '02.  남자 아이돌 눈성형';}
.mcnt2_owl .owl-dots .owl-dot:nth-child(3):after{content: '03.  트임성형 ';}
.mcnt2_owl .owl-dots .owl-dot:nth-child(4):after{content: '04.  트임복원';}
.mcnt2_owl .owl-dots .owl-dot:nth-child(5):after{content: '05.  중년눈성형';}
.mcnt2_owl .owl-dots .owl-dot:nth-child(6):after{content: '06.  라인낮추기 재수술';}
.mcnt2_owl .owl-dots .owl-dot.active{color: #000;}
.mcnt2_owl .owl-dots .owl-dot:before{position: absolute; content: ''; width: 0%; height: 1px; background: #000; left: 0; bottom: 0; transition:.3s;}
.mcnt2_owl .owl-dots .owl-dot.active:before{width: 150%;}
.mcnt2_owl .owl-dots .owl-dot span{display: none;}
.mcnt2_owl .item{min-height:680px;}
.mcnt2_owl .item .mcnt2_img{position: relative; background: #fff url('/assets/images/main/m3_img1.png') left top no-repeat; width: 100%; height: 748px; left: 0; top: 0px; z-index: 10;}
.mcnt2_owl .mcnt2_item1 .mcnt2_img{background: #fff url('/assets/images/main/m3_img1.png') left top no-repeat; }
.mcnt2_owl .mcnt2_item2 .mcnt2_img{background: #fff url('/assets/images/main/m3_img2.png') left top no-repeat; }
.mcnt2_owl .mcnt2_item3 .mcnt2_img{background: #fff url('/assets/images/main/m3_img3.png') left top no-repeat; }
.mcnt2_owl .mcnt2_item4 .mcnt2_img{background: #fff url('/assets/images/main/m3_img4.png') left top no-repeat; }
.mcnt2_owl .mcnt2_item5 .mcnt2_img{background: #fff url('/assets/images/main/m3_img5.png') left top no-repeat; }
.mcnt2_owl .mcnt2_item6 .mcnt2_img{background: #fff url('/assets/images/main/m3_img6.png') left top no-repeat; }
.mcnt2_owl .mcnt2_item7 .mcnt2_img{background: #fff url('/assets/images/main/m3_img1.png') left top no-repeat; }
.mcnt2_owl .mcnt2_item8 .mcnt2_img{background: #fff url('/assets/images/main/m3_img1.png') left top no-repeat; }


.mcnt2_owl .item .m_txt {position: absolute; right: 90px; bottom: 30px; width: 430px;}
.mcnt2_owl .item .m_txt .box{position: relative; padding: 80px 40px 80px; z-index: 15; background:#000; border-radius:10px}
.mcnt2_owl .item .m_txt .box h1{position: absolute; font-size: 126px; line-height: 1; color: rgba(0,0,0,0.1); letter-spacing: -0.03em !Important; right: 38px; top: -17px; font-weight: 600;}
.mcnt2_owl .item .m_txt .box h3{color: #fff; font-weight: 600; letter-spacing: -0.03em !Important; }
.mcnt2_owl .item .m_txt .box p{line-height: 34px; letter-spacing: -0.03em; color: #fff;width: 105%;}


.view_btn{border: 1px solid #000;position: absolute;bottom: 46px;z-index: 99;width: 200px;border-radius: 30px;margin-left: 5%; padding:20px 0}

@media all and (max-width:1800px){
	
}
@media all and (max-width:1430px){
	.mcnt2 {padding: 3vw 20px 0vw; box-sizing: border-box;}
	.mcnt2_owl .item .mcnt2_img{background-size: 65% !important;}
	.mcnt2_owl .owl-dots{top: 15vw;}
	.mcnt2_owl .owl-dots .owl-dot.active:before{width: 100%;}
	.mcnt2{height: auto;}
	.mcnt2_owl{padding-left: 0; margin-top:initial;}
	.mcnt2_owl .owl-dots{top: 4vw; width: 100%; max-width:100%;}
	.mcnt2_owl .owl-dots .owl-dot{width: 25%; float: left;}
	.mcnt2_owl .item .mcnt2_img{background-size: 90% !important; background-position: center 160px !important; height: 80vw;}
	.mcnt2_owl .item .m_txt{position: relative; width: 100%;} 
	.mcnt2_owl .item .mcnt2_img{top:0}
	.mcnt2_owl .item .m_txt .box h1{top:27px}

	.mcnt2_owl .owl-dots .owl-dot{font-size:14px}


}
@media all and (max-width:1230px){

}
@media all and (max-width:820px){
	.nectar-shape-divider-wrap{bottom:35px !important}
	.main_cont02_wrap.flex_row.jc_center{flex-wrap:wrap; justify-content:center;}
    .main_cont02_wrap > div{width:50%;}
    .main_cont02_wrap > div:nth-child(1){width:100%;}
    .main_cont02_wrap > div:nth-child(2){width:50%;}
    
    .main_cont02_img01{margin:0 auto 0 5%;}
    .main_cont02_img02{margin:0 5% 0 auto;}
    .main_cont02_img_box{width:100%;}
    .main_cont02_img_text_wrap{width:100%; padding-left:4%;}
    .main_cont02_img_text_wrap01{margin-top: -42px;}
    .main_cont02_img_text_wrap02{margin-top: -45px;}
	.main_cont02_text{text-align:center;}
	.main_cont02_text02 h1{line-height:35px}
	.main_cont02_text03 {margin-top:30px}
    .main_cont02_text03 p{line-height:25px}

	#mc_special_m { /*clip-path:inset(30%);*/ position:relative; background:#fff; height:0px; padding-bottom:calc((1160/720)*100%); overflow:hidden } /* image-rendering:pixelated */
	#mc_special_m:after { /*content:''; top:0; left:50%; margin-left:-960px; position:absolute; width:1920px; height:915px; border:1px solid #f00; z-index:1; display:none*/ }
	
	#box_fade_m { top:0; left:0; position:absolute; width:100%; height:100%; background:#fff; z-index:1; display:none !important }
	
	#mc_special_m .swiper-container { position:relative }
	
	#mc_special_m .swiper-slide { position:relative }
	#mc_special_m .swiper-slide .container { position:relative; /*width:720px; height:1160px;*/ width:100%; height:0px; padding-bottom:calc((1160/720)*100%); overflow:hidden }
	#mc_special_m .swiper-slide .container .wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); /*width:820px; height:1260px;*/ width:calc(((820/720)*100%) + 0px); height:calc(((1260/1160)*100%) + 0px); overflow:hidden }
	
	/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	
	/* gp_bg1 --------------------------------------------------------------------- */
	#mc_special_m .swiper-slide .gp_bg1 { position:absolute; top:0; left:0; width:100% }
	#mc_special_m .swiper-slide .gp_bg1 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); /*filter:blur(0) grayscale(0);*/ opacity:0 }
	
	
	
	/* gp_bg2 --------------------------------------------------------------------- */
	#mc_special_m .swiper-slide .gp_bg2 { position:absolute; top:0; left:0; width:100% }
	#mc_special_m .swiper-slide .gp_bg2 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); /*filter:blur(0) grayscale(0)*/ }
	
	
	/* gp_typo --------------------------------------------------------------------- */
	#mc_special_m .swiper-slide .gp_typo { position:absolute; top:0; left:0; width:100% }
	#mc_special_m .swiper-slide .gp_typo img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); /*filter:blur(0) grayscale(0)*/ }
	
	
	/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* prev/next */
	#mc_special_m .btn_pn { top:50%; margin-top:-50px; position:absolute; width:100px; height:100px; background:rgba(0,0,0,0); border-radius:50px; overflow:hidden; cursor:pointer; z-index:1; border:1px solid rgba(255,255,255,0); transition:all ease-out .3s }
	#mc_special_m .btn_prev { left:50px }
	#mc_special_m .btn_prev .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:relative; margin-left:10px }
	#mc_special_m .btn_next { right:50px }
	#mc_special_m .btn_next .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:relative; margin-left:-10px }
	#mc_special_m .arrow { border:solid rgba(255,255,255,1); border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:24px	}
	


	
	
	.mcnt2 .main_tit > h5{margin-top: 5vw; margin-bottom: 2vw; word-break: keep-all; line-height: 1.3;}
	.mcnt2_owl .owl-dots{top: 20px;}
	.mcnt2_owl .owl-dots .owl-dot{font-size: 14px; line-height: 1.5;}
	.mcnt2_owl .item .mcnt2_img{top:60px}
	.mcnt2_owl .item .m_txt .box{padding:90px 0 0px}
	.mcnt2_owl .item .m_txt .box h1{top:85px}
	.mcnt2_owl .item{min-height:580px}
	.view_btn{padding:10px 0}

	.view_btn{margin-left:0; width:100%}
	

}
@media all and (max-width:680px){
	
}
@media all and (max-width:520px){
	.mcnt2_owl .owl-dots .owl-dot{font-size: 3.2vw; width: 50%;}
	.mcnt2_owl .item .mcnt2_img {background-position: center 210px !important;height: 110vw;}
	.mcnt2_owl .item .m_txt .box{padding-bottom: 0;}
	.mcnt2_owl .item .m_txt .box p{width: 100%; line-height: 1.7;}
	.mcnt2_owl .item .m_txt .box h1{right: 10px;}
	.m_about .slide_wrap .slide_ctn .item{max-width: 380px;}
	
}