@charset "utf-8";

body {min-width:1420px; margin:0 auto;}
.inner {width:100%; max-width:1400px; margin:0 auto; position:relative; text-align:left;}
.unit_tit, .unit_txt {text-align:center;}
.skip {display:none;}

/* visual */
#area_visual {position:relative; height:910px;}
#area_visual .swiper-slide {height:910px; background-position:center top; background-size:cover;}
#area_visual .btn_wrap {position:absolute; bottom:220px; left:50%; z-index:100; width:168px; height:85px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
#area_visual .btn_wrap img {width:100%;}
#area_visual .slideBtn {float:left; width:50%; background:url(../img/btn_off.png) center no-repeat; /*transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear;*/ cursor:pointer;}
#area_visual .slideBtn:hover {background:url(../img/btn_on.png) center no-repeat;}
#area_visual .swiper_prev {}
#area_visual .swiper_next {}
#area_visual .btn_scroll {position:absolute; bottom:70px; left:50%; z-index:10; width:45px; height:75px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
#area_visual .btn_scroll img {width:100%;}

/* brand */
#area_brand {height:975px; position:relative; background:url(../img/unit1_bg.jpg) center top no-repeat; background-size:cover; padding:140px 0 0;}
#area_brand .unit_tit {margin-bottom:215px;}

/* symbol */
#area_symbol {height:1100px; position:relative; background:url(../img/unit2_bg.jpg) center top no-repeat; background-size:cover; padding:150px 0 0;}
#area_symbol .symbol_list {position:absolute; bottom:127px; left:50%; z-index:1; width:830px; height:258px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
#area_symbol .symbol_list:after {content:""; display:block; clear:both;}
#area_symbol .symbol_list li {float:left; width:185px;}
#area_symbol .symbol_list li + li {margin-left:136px;}

/* product */
#area_product {min-height:1425px; position:relative; padding:150px 0 0;}
#area_product .unit_tit {margin-bottom:50px;}
#area_product .product_list {font-size:0;}
#area_product .product_list:after {content:""; display:block; clear:both;}
#area_product .product_list li {float:left; width:33.333%; height:600px; transition:all .3s linear; -webkit-transition:all .3s linear; -moz-transition:all .3s linear;}
#area_product .prd1 {background:url(../img/prd1.jpg) no-repeat center; background-size:100%;}
/*#area_product .prd1:hover {background:url(../img/prd1_over.jpg) no-repeat center; background-size:100%;}*/
#area_product .prd2 {background:url(../img/prd2.jpg) no-repeat center; background-size:100%;}
/*#area_product .prd2:hover {background:url(../img/prd2_over.jpg) no-repeat center; background-size:100%;}*/
#area_product .prd3 {background:url(../img/prd3.jpg) no-repeat center; background-size:100%;}
/*#area_product .prd3:hover {background:url(../img/prd3_over.jpg) no-repeat center; background-size:100%;}*/


/* feature */
#area_feature {min-height:1425px; position:relative; padding:150px 0 0;}
#area_feature .unit_tit {margin-bottom:50px;}

/* 시술부위 */
#area_treatment {min-height:1425px; position:relative; padding:150px 0 0;}
#area_treatment .unit_tit {margin-bottom:50px;}

/* feature */
#area_qna {min-height:1425px; position:relative; padding:150px 0 0;}
#area_qna .unit_tit {margin-bottom:50px;}


.unit_txt2 {padding:80px 0; background:#f8f8f8;text-align:center;}

#deliberate {text-align:center;padding:70px 0 0 0 ;font-size:20px;color:#6a6a6a}
#deliberate strong {color:#1f1f1f}

#t_wrap{min-width:1200px;}


/*footer*/
footer {background:#ffff; min-height:200px; padding-top:70px; z-index:999; text-align:left;}
footer .f_menu {overflow:hidden; padding-bottom:27px; margin-bottom:30px;}
footer .f_menu li {float:left; position:relative;}
footer .f_menu li a {font-size:15px; color:#393939; text-decoration:none;}
footer .f_menu li + li {margin-left:30px}
footer .f_menu li + li:before {content:''; width:1px; height:13px; background:#6a6a6a; position:absolute; top:0; bottom:0; left:-15px; margin:auto 0;}
footer .adr {padding-top:27px; border-top:3px solid #000; font-size:15px; color:#222222; line-height:33px;}
footer .adr address span {display:inline-block;}
footer .adr address span + span {margin-left:20px;}
footer .adr p {color:#646464; font-size:13px;}

/*quick*/
#main_quick{position:fixed; top:0; right:33px; padding-top:215px; height:100%; width:70px; transition:all 0.6s ease-in-out; z-index:10}
#main_quick.foot{padding-top:100px}
#main_quick:before{content:''; width:1px; height:100%; background:#e5e5e5; opacity:0.8; position:absolute; top:0; left:0; right:0; margin:0 auto}
#main_quick ul li {position:relative}
#main_quick ul li + li{margin-top:40px}
#main_quick ul li span{font-size:16px; color:#fff; position:absolute; left:-120px; min-width:100px; text-align:right; line-height:50px; display:none}
#main_quick ul li a{display:block; width:21px; height:21px; background:url(../img/dot.png) no-repeat; margin:0 auto; border-radius:50%; background-size:cover}
#main_quick ul li.on a{width:50px; height:50px; background:url(../img/home_icon.png) center no-repeat;}
#main_quick ul li.on span{display:block}
#main_quick ul li:not(.on).black a{background-image:url(../img/dot_b.png);}
#main_quick ul li.black span{color:#030303}



#sub_visual{position:relative; height:640px; }
#sub_visual h1{position:absolute; left:50%; transform:translateX(-50%); bottom:135px; }

#sub_container{width:1400px; margin:110px auto 0; }
#sub_container > h2{font-size:39px; color:#d3a267; line-height:1;  text-align:Center;}
#sub_container > h2:after{content:"";display:inline-block; width:325px; height:33px; background:url(/img/divaviva.png) no-repeat; margin-left:20px; }
.sub_menu{display:table; table-layout:fixed;  width:100%; height:70px; border-bottom:1px solid #d3a267; border-top:1px solid #dfdfdf; margin-top:100px; border-left:1px solid #d3a267;  border-right:1px solid #d3a267; }
.sub_menu li {display:table-cell; vertical-align:middle; text-align:Center; }
.sub_menu li + li {border-left:1px solid #d3a267}
.sub_menu li a{position:relative; display:block; line-height:68px;   font-size:18px; color:#6b6b6b;  z-index:10;}
.sub_menu li a:hover{color:#d3a267;}
.sub_menu li a.active{color:#d3a267;}
.sub_menu li a:hover:before{content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff;}
.sub_menu li a:hover:after{content:""; position:absolute; left:0; top:-1px; width:100%; height:1px; background:#d3a267;}
.sub_menu li a.active:before{content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff;}
.sub_menu li a.active:after{content:""; position:absolute; left:0; top:-1px; width:100%; height:1px; background:#d3a267;}

.sub_title{text-align:center; margin-top:80px;  }
.sub_title:after{content:""; display:block; width:1px; height:45px;  margin:10px auto 0;   background:#000;}
.sub_title h3{font-size:35px; color:#000; line-height:1; }
.sub_title p{font-size:16px; color:#737373; margin-top:20px; }
.container_list{position:relative; margin-top:50px;  }



/* nav-icon-5 */
.nav-icon-5{
position:absolute; left:50%; 
top:50%; transform:translate(-50% ,-50%); 
  width: 25px;
  height: 23px;

  z-index:100000;
}
.nav-icon-5 span{
  background-color:#000;
  position: absolute;
  border-radius: 2px;
  transition: .3s cubic-bezier(.8, .5, .2, 1.4);
  width:100%;
  height: 3px;
  transition-duration: 500ms
}
.nav-icon-5 span:nth-child(1){
  top:0px;
  left: 0px;
}
.nav-icon-5 span:nth-child(2){
  top:10px;
  left: 0px;
  opacity:1;
}
.nav-icon-5 span:nth-child(3){
  bottom:0px;
  left: 0px;
}
.nav-icon-5:not(.open):hover span:nth-child(1){
  transform: rotate(-3deg) scaleY(1.1);
 
}
.nav-icon-5:not(.open):hover span:nth-child(2){
  transform: rotate(3deg) scaleY(1.1);
}
.nav-icon-5:not(.open):hover span:nth-child(3){
  transform: rotate(-4deg) scaleY(1.1);
}
.nav-icon-5.open span:nth-child(1){
  transform: rotate(45deg);
  top: 13px;
   background:#fff;
}
.nav-icon-5.open span:nth-child(2){
  opacity:0;
}
.nav-icon-5.open span:nth-child(3){
  transform: rotate(-45deg);
  top: 13px;
   background:#fff;
}


#menu{position:relative;  height:80px;   z-index:100;  text-align:center; padding-top:20px;}
#menu > h1{position:absolute; height:30px;  left:50px; top:50%; transform:translateY(-50%); }
#menu > h1 img{height:30px; vertical-align:top; }
.all_menu{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:1000; display:none; }
.all_menu_inner{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:Center;}
.all_menu_inner h1{}
.all_menu_inner h1 img{height:130px; }
.all_menu_inner ul {margin-top:50px; }
.all_menu_inner ul li{}
.all_menu_inner ul li a{position:relative; font-size:30px; line-height:1.8; color:#fff;}
.all_menu_inner ul li a:hover{color:#d3a267;}
/*.all_menu_inner ul li a:hover:Before{content:""; width:120%; }
.all_menu_inner ul li a:before{content:""; position:absolute; left:50%; top:50%; width:0px; height:4px; transform:translate(-50%,-50%); background:#d3a267; transition:0.5s all;}*/
.lang{position:absolute; right:0;  top:0;   background:#000; padding:0 50px; }
.lang li{display:inline-block; height:80px; }
.lang li:nth-child(3){backgrounD:#C89963; padding:0 30px; }

.lang li + li {margin-left:20px; }
.lang li a{ color:#fff; line-height:80px;  font-size:15px; font-weight:bold;  }
.lang li a.active{border-bottom:2px solid #fff;  }