.vc {
  /* flex 세로가운데 정렬 코드 */
  clear: both;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.frm_input {
  height: 45px;
  /* font-size: 18px; */
  padding-left: 7px;
  box-sizing: border-box;
}

.scm{/*screen_middle*/
  width: 1100px;
  margin:0 auto;
}
.c_purple{
  color:#9889d7;
}


.gnb{
  width:100%;
  height:50px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #a8b4ed), color-stop(1, #f5aac8));
	background: -moz-linear-gradient(left, #a8b4ed 0%, #f5aac8 100%);
	background: -webkit-linear-gradient(left,  #a8b4ed 0%, #f5aac8 100%);
	background: -o-linear-gradient(left,  #a8b4ed 0%, #f5aac8 100%);
	background: -ms-linear-gradient(left,  #a8b4ed 0%, #f5aac8 100%);
	background: linear-gradient(left,  #a8b4ed 0%, #f5aac8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8b4ed', endColorstr='#f5aac8', gradientType=1);

  text-align: center;
}

.gnb .gnb_wrap{
  position: relative;
  display:flex;
  justify-content: flex-start;
}

.gnb .go_home{
  width:200px;
  height:50px;
  background:#9889d7;
}
.gnb .go_home a{
  display:block;
  width:100%;
  height:100%;
  line-height: 50px;
  color:#f5d9ee;
  font-size: 22px;
}

.gnb .gnb-menu{
  width:900px;
  display: flex;
  justify-content: space-around;
}

.gnb .gnb-menu li a{
  line-height: 50px;
  color:#fff;
  font-size: 20px;
  transition:all ease 0.2s;
}
.gnb .gnb-menu li a.cate_on{
  color:#5258c0;
  /* font-weight:600; */

}
.gnb ul li a:hover{
  color:#5258c0;
}

.mainbanner{position:relative}

.cate{
  position: absolute;
  top:0px;
  left:calc(50% - 550px);
  z-index: 99998;
  width:200px;
  height:400px;
  background:rgba(240,243,248,0.9);
  padding:10px 0;
  box-sizing:border-box;
}

.cate a{
  display: block;
  width:100%;
  color:#303030;
  font-size: 17px;
  text-align: left;
  line-height: 32px;
  padding-left: 40px;
}

.cate a:hover{
  color:#5258c0;
}
.cate li:nth-child(1) a{
  /* background:url('../images/icon_filler.png') no-repeat 37px 6px; */
}
.cate li:nth-child(2) a{
  /* background:url('../images/icon_botox.png') no-repeat 37px 9px; */
}
.cate li:nth-child(3) a{
  /* background:url('../images/icon_eyes.png') no-repeat 37px 13px; */
}
.cate li:nth-child(4) a{
  /* background:url('../images/icon_nose.png') no-repeat 43px 10px; */
}
.cate li:nth-child(5) a{
  /* background:url('../images/icon_fat.png') no-repeat 35px 8px; */
}
.cate li:nth-child(6) a{
  /* background:url('../images/icon_bust.png') no-repeat 34px 10px; */
}
.cate li:nth-child(7) a{
  /* background:url('../images/icon_skin.png') no-repeat 37px 6px; */
}
.cate li:nth-child(8) a{
  /* background:url('../images/icon_body.png') no-repeat 37px 6px; */
}
.cate li:nth-child(9) a{
  /* background:url('../images/icon_contour.png') no-repeat 37px 8px; */
}
.cate li:nth-child(10) a{
  /* background:url('../images/icon_makeup.png') no-repeat 35px 14px; */
}


.app{
  text-align: center;
  padding:25px 0;
}

.middle_banner .middle_banner_title{
  font-size: 25px;
  font-weight: 600;
  padding:25px 0;
  text-align: center;
}


.event_tit{
	width: 100%;
	height: 80px;
	line-height: 1.2;
	font-size: 26px;
	font-weight: 600;
	border-bottom: 1px solid #d2d2d2;
	padding-right: 31px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.item_wish{
	position:absolute;
	width:30px;
	top:370px;
	right:0;

}

.item_wish img{
width:100%;
}

.event_info{
	height:44px;
	line-height:44px;
}

.event_thum{
	background:#eee;
	position:relative;
	height: 350px;
    width: 350px;
}

.event_thum .event_con{
	position:absolute;
	bottom:0;
	left:0;
}

.event_thum .event_con span{
display:inline-block;
	margin:0 2px 0 4px;
}

.product_cate{
  width:100%;
  height:55px;
  background:#e9e9e9;
  display:flex;
  justify-content: flex-start;
  margin:34px 0 50px 0;
  padding-left:34px;
  box-sizing:border-box;
}
.product_cate li{
  margin-right:45px;
  line-height:55px;
}

.product_cate li a{
  color:#707070; 
  font-size: 24px;
}

.product_cate li a.cate_on{
  color:#686ed3;
  font-weight: 600;
}

.product_cate li a:hover{
  color:#686ed3;
}


.event.sub_menu_wrap{
	border:none;
	height:auto;
	margin:25px auto 0;
}

.event.sub_menu_wrap ul{
	display:flex;
	flex-wrap:wrap;
	padding-left:0;
}

.event.sub_menu_wrap span{
	display:block;position:relative;z-index:-1;
}

.event.sub_menu_wrap li{
	width:110px;
	height:110px;
	margin-right:0;
	padding:0;
}
.event.sub_menu_wrap li a{
	display:block;
	width:100%;
	height:100%;
	border:1px solid #eee;
	border-right:none;
	box-sizing:border-box;
}

.event.sub_menu_wrap li:nth-child(10n) a,
.event.sub_menu_wrap li:last-child a{
	border-right:1px solid #eee;

}

.event.sub_menu_wrap li:hover a{
	background-color:#eee;
}
/*********** 병원 *************/


.hospital_cate{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  padding-left:60px;
  margin-top:50px;
  border-top:1px solid #d2d2d2;
  border-bottom:1px solid #d2d2d2;
  box-sizing:border-box;
}

.hospital_cate li{
  margin-right:40px;
}

.hospital_cate li a{
  display:block;
  height:53px;
  font-size: 24px;
  color:#707070;
  line-height:55px;
}

.hospital_cate li a:hover{
  color:#686ed3;
}

.hospital_cate li a.cate_on{
  color:#686ed3;
  font-weight: 600;
  border-bottom:3px solid #686ed3;
}


/*****상세페이지*****/

.detail_top{
  width:100%;
  height:400px;
  display:flex;
  justify-content: flex-start;
  margin:25px 0;
  position: relative;
}

.detail_top .detail_top_thum{
  width:400px;
  height:400px;
  overflow: hidden;
  margin-right:25px;
  border:1px solid #d2d2d2;
  box-sizing:border-box;
}
.detail_top .detail_top_thum img{
  width:100%;
  height:auto;
}

.detail_top .detail_top_info{
  padding-top:8px;
  position: relative;
  width:calc(100% - 425px);
}

.detail_top .detail_top_info .event_title{
  font-size:32px;
  font-weight: 600;
  margin-bottom:20px;
}
.detail_top .detail_top_info .hospital_name{
  font-size: 32px;
  font-weight: 600;
}
.detail_top .detail_top_info .hospital_greet{
  font-size: 20px;
  font-weight: 400;
  margin-bottom:20px;
  color:#666;
}

.detail_top .detail_top_info .event_price,
.detail_top .detail_top_info .event_date{
  color:#e5286c;
  font-size: 26px;
  font-weight: 500;
  padding-left:4px;
  background:#eee;
  padding:6px 6px 8px;
}

.detail_top .detail_top_info .event_price .vnd{
  font-size:18px;
}

.detail_top .detail_top_info .event_hospital_info{
  margin-top:20px;
  color:#a5a5a5;
  font-size:20px;
  line-height: 1.5;
}

.detail_top .detail_top_info .event_hospital_info .c_purple{
 font-size:18px;
}

.hospital_detail_top{
  height:280px
}

.hospital_detail_top .detail_top_thum{
  width:280px;
  height:280px;
}
.hospital_detail_top .detail_top_info{
  width: calc(100% - 305px);
  padding-right:45px;
  box-sizing:border-box;
}

.hospital_detail_top .hospital_like{
  width: 44px;
  position: absolute;
  top:10px;
  right:0;
}
.hospital_detail_top .hospital_like img{width:100%;}

.hospital_map .hospital_address{
  margin:20px 0;
  font-size:22px;
  color:#acacac;
  padding:6px 0 6px 30px;
  background:url('../images/icon_pin.png') no-repeat 4px 8px;
}



.eventing_con_wrap .event_list{
  width:100%;
  display:flex;
  flex-wrap: wrap;
}

.eventing_con_wrap .event_list .event{
  width:350px;
  margin: 24px;
}

.eventing_con_wrap .event_list .event:nth-child(2n) {
    margin-left: 0px;
}

.eventing_con_wrap .event_list .event img{
  width:100%;
}

.eventing_con_wrap .event_list .event .event_tit{
      width: 100%;
    height: 80px;
    line-height: 1.2;
    font-size: 22px;
    font-weight: 400;
    border-bottom: 1px solid #d2d2d2;
    padding-right: 31px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.eventing_con_wrap .event_list .event .event_info{
  width:100%;
  height:44px;
  line-height: 44px;
  position: relative;
}

.eventing_con_wrap .event_list .event .event_info .event_info_price{

  color:#fe6f61;
  font-size:24px;
}

.eventing_con_wrap .event_list .event .event_info .event_info_view{
  position: absolute;
  top:0;
  right:0;
  color:#c9c9c9;
}



/**********후기***********/

.review_list{
  width:775px;
  float: left;
  margin-right:25px;
}

.review_list .review{
  width:100%;
  overflow:hidden;
  border-bottom:1px solid #c9c9c9;
  padding:40px 0;
}

.review_list .review .review_thum{
  width:365px;
  height:180px;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  float:left;
}

.review_list .review .review_content{
  width:calc(100% - 367px);
  position: relative;
  float:right;
}

.review_list .review .review_content .review_product{
  font-size: 20px;
  margin-bottom:12px;
}

.review_list .review .review_content .review_text{  
  font-size:16px;
  color:#787878;
  font-weight: 300;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height:4.5em;
  text-align: left;
  word-wrap: break-word;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}

.review_list .review .review_content .review_more{
  text-align: right;
  padding-right:4px;
}

.review_list .review .review_content .review_more span{
  display:inline-block;
  width:50px;
  height:26px;
  text-align: center;
  font-size:14px;
  background:#5258c0;
  color:#fff;
  border-radius: 8px;
  line-height:25px;
  margin:4px 0;
  cursor: pointer;
}

.review_list .review .review_content .review_name_date{
  padding:10px 0;
  display:flex;
  justify-content: space-between;
}
.review_list .review .review_content .review_name{
  /* position: absolute;
  bottom:8px;
  left:24px; */
  color:#787878;
}
.review_list .review .review_content .review_date{
  /* position: absolute;
  bottom:8px;
  right:10px; */
  color:#787878;
}

/* 리뷰열었을때 */

.review_list .review.open{
  display:block;
}

.review.open .review_thum{
  width:100%;
  height:auto;
}

.review.open .review_thum img{width:100%}

.review.open .review_content{
  width:100%;
}

.review.open .review_content .review_product{
  margin-top:10px;
}

.review.open .review_content .review_text{
  all: unset;
  font-size:16px;
  color:#787878;
  font-weight: 300;
  line-height: 1.5;
}



/****마이페이지****/

.mypage_contents{
	margin-top:25px;
}


/*오른쪽 퀵*/

.eventing img{width:100%;}

/*이벤트 분류 아이콘 */
.sub_menu_wrap a:hover,.sub_menu_wrap a.sub_on{background-color:#eee;}
.sub_menu_wrap .filler{	background:url('../images/submenu_filler.png') no-repeat;}
.sub_menu_wrap .botox{background:url('../images/submenu_botox.png') no-repeat;}
.sub_menu_wrap .nose{background:url('../images/submenu_nose.png') no-repeat;}
.sub_menu_wrap .eyes{background:url('../images/submenu_eyes.png') no-repeat;}
.sub_menu_wrap .body{background:url('../images/submenu_body.png') no-repeat;}
.sub_menu_wrap .skin{	background:url('../images/submenu_skin.png') no-repeat;}
.sub_menu_wrap .fat{background:url('../images/submenu_fat.png') no-repeat;}
.sub_menu_wrap .bust{background:url('../images/submenu_bust.png') no-repeat;}
.sub_menu_wrap .contour{background:url('../images/submenu_contour.png') no-repeat;}
.sub_menu_wrap .makeup{background:url('../images/submenu_makeup.png') no-repeat;}
.sub_menu_wrap .etc{	background:url('../images/submenu_etc.png') no-repeat;}