@charset "utf-8";
/* CSS Document */

/*top banner common style*/
.main #content_wrap {position:relative; width:100%; padding-top:0;}


#main_visual #arrows {position:absolute; left:50%; top:50%; z-index:2;width:86%; height:68px;margin-left:-43%; margin-top:-34px;}
#main_visual #arrows .prev {float:left; width:52px;}
#main_visual #arrows .next {float:right; width:52px;}
#main_visual #arrows a {cursor:pointer;}


/*main visual*/
#main_visual {position:relative; width:100%; height:860px; overflow:hidden;}
#main_visual .btnbox {position:absolute; left:50%; bottom: 0px; z-index:2;	width:320px; height:60px; transform:translateX(-50%); overflow:hidden;}
#main_visual .btnbox li {float:left; width:53px; height:20px; margin:0 5px; cursor:pointer; overflow:hidden;}
#main_visual .imgbox {position:absolute;  width:2000px; left:50%; transform:translateX(-50%);}
#main_visual .imgbox ul {width:100%;}
#main_visual .imgbox li {float:left; width:2000px; height:890px; overflow:hidden;}


/***************************** ////// 메인타이틀 ////// *******************************/
.main_tit{font-size:45px; font-weight:bold; color:#222; text-align:center; padding:100px 0 60px 0;}
.main_tit p{color:#222; font-size:16px; font-family: 'GmarketSansLight'; letter-spacing:2px;}
.main_tit span{font-size:20px; font-family: 'GmarketSansLight'; color:#222; padding-top:30px; text-align:center;  display:block;}



/***************************** ////// 초이스의 강점 ////// *******************************/
#medical {position:relative; width:100%; height:877px; overflow:hidden; }

#medical #arrows {position:absolute; left:50%; top:50%; z-index:2;width:86%; height:68px;margin-left:-43%; margin-top:-34px;}
#main_visual #arrows .prev {float:left; width:52px;}
#medical #arrows .next {float:right; width:52px;}
#medical #arrows a {cursor:pointer;}

#medical .btnbox2 {position:absolute; left:66%; bottom: 65px; z-index:2; width:400px; height:60px; margin-left:-94px; overflow:hidden;}
#medical .btnbox2 li {float:left; width:53px; height:20px; margin:0 5px; cursor:pointer; overflow:hidden;}

#medical .imgbox2 {position:absolute; left:50%; top:0px; width:2000px; margin-left:-1000px; }
#medical .imgbox2 ul {width:100%;}
#medical .imgbox2 li {float:left; width:2000px; height:890px; overflow:hidden;}


/***************************** ////// 인기시술 ////// *******************************/
#best_all{padding:150px 0;}
#best_all ul{width:1400px; margin: 0 auto; display:flex; justify-content:space-between;}
#best_all ul li{float:left;  position:relative;}
/*#best_all ul li a:nth-child(1){background:#fff;}*/


#best_all .best li img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .5s;
}
#best_all .best li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}


/***************************** ////// 장비소개 ////// *******************************/
.self_tab {position:absolute; left:50%; margin-left:-450px; width:900px; overflow:hidden; padding-top:30px}
.self_tab li{float:left; height:35px; border-right:1px solid #ffc000; }
.self_tab li a{width:100%; display:block; color:#222;font-size:18px;  font-weight: 400; text-align:center;cursor:pointer}
.self_tab li a:last-child{border-right:0}
.self_tab li a:hover{width:100%; color:#ffc000; border-radius:50px; text-decoration:none}
.self_tab li a.on{color:#ffc000; border-radius:50px;}

.self_wrap {position: relative;}
.self_chk{padding-top:100px}
.self_chk .laser_wrap{width:1400px; margin:0 auto; text-align:center; overflow:hidden}
.self_chk .laser_wrap  li{float:left; width:14%; margin:15px}
.self_chk .laser_wrap  li img{width:100%}
.self_chk .laser_wrap span{color:#222; }

.laser_wrap .ig {border-radius:20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); }
.laser_wrap .ig img{height:150px;object-fit: contain; }


.menu > ul > li{line-height: 35px;padding: 0 20px;	cursor: pointer;text-align: center; font-weight: bold;}
.menu > ul > li.active{background-color: white; color:#000; display: block;}
#main_mn9 li{width:8.9%}



/***************************** ////// 레이저시술 ////// *******************************/
#event{width: 1500px; margin: 0 auto; position:relative; overflow:hidden;}
#ban_wrap2 {width: 1400px;  margin: 0 auto;}
#ban_wrap2 .bx-wrapper .bx-prev {  left: 0px;  background: url('../images/main/prev_arrow.png') no-repeat 0 0;}
#ban_wrap2 .bx-wrapper .bx-next {  right: 0px;  background: url('../images/main/next_arrow.png') no-repeat 0 0;}
#ban_wrap2 .bx-wrapper .bx-controls-direction a {  position: absolute;  top: 66%;  margin-top: -16px;  outline: 0;  width: 66px;  height: 66px;  text-indent: -9999px; }
#ban_wrap2 .bx-wrapper .bx-controls-direction a.disabled {  display: none;}


.main_ban_slider2 .slide{line-height:0;}




#cnt02{position:relative; width:2000px; margin-left:-1000px; left:50%; }


/***************************** ////// 커뮤니티 ////// *******************************/
#main05{position:relative; width:2000px; margin-left:-1000px; left:50%; padding-bottom:100px; overflow:hidden;}
#main05 .main05_com_li{float:left; width:492px; background: #fff;}
.com_all{width:1400px; margin:0 auto;}
#main05 .notice1 li{line-height:40px;}
#main05 .notice1 li span{float:right;}
.notice1 li{width:430px;}

#main05 .main05_com{width:1400px; margin:0 auto; margin-top:30px;}

.n_tit{width:430px; border-bottom:2px solid #222; margin-bottom:30px;}
.n_tit span{font-size:23px; font-weight:500; color:#222;}
.n_plus{float:right;}
.n_plus img{margin-top:-20px;}
.notice{margin-bottom:10px;}

.com_img{width:356px; float:left; margin-left:30px;}
.com_img li{margin-bottom:10px;}
.com_img li:nth-child(3){float:left; margin-right: 5px;}
.com_img li:nth-child(3), .com_img li:nth-child(4){margin-bottom:0;}




#map{width:2000px; position:relative; left:50%; margin-left:-1000px; overflow:hidden; position:relative;}
#map .info {width:1400px; z-index: 111; margin:0 auto; padding-bottom:100px; overflow:hidden}
#map .info li{float:left;}

#map .info li img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .5s;
}
#map .info li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

#map .info02 {position: absolute;  z-index: 1;  top: 0%; right: 0;  transform: translate(0, 80%);