/* 각각의 페이지의 내용 콘텐츠 영역 - 회사소개 내용 */


#content .restaurant{} 
#content .restaurant>p {margin-bottom: 50px; text-align: center;  font-weight: 700; 
    color: #892fd5;;font-family: 'Roboto'; font-weight:400 ; font-size: 30px;}   
#content .restaurant ul{overflow: hidden; margin:0 0 50px 40px; padding: 20px ;}
#content .restaurant li{width:249px;float:left ; border: 1px solid #ccc; text-align: center; height: 300px; margin: 10px;}
#content .restaurant li:hover{border: 1px solid #892fd5; transition: all .5s; box-shadow: 2px 2px 10px 1px rgba(0,0,0,.3);}
#content .restaurant li a{display: block;font-family: 'Nanum Gothic'; font-weight: 400;}
#content .restaurant li a img{width: 249px; height: 180px; }
#content .restaurant li a span{display: block; line-height: 1.5em; margin-top: 50px;}

/* #content .discont .more{display: block;font-family: 'Nanum Gothic'; padding:15px 0 ; background:#892fd5 ;
  border-radius: 25px; color:#fff; text-align:center;width: 220px; margin: 0 auto 130px; transition: all .5s}
#content .discont .more:hover{background:#e56605 ;} */

.restaurant .box{width: 100%;height: 100%;background: rgba(0,0,0,.7);position: fixed;
  left: 0;top: 0;display: none;z-index: 100;} 

.restaurant ul li .big{ width: 1000px;border: 5px solid #333;background: #fff;position: absolute;
  padding: 10px;left: 50%;margin-left: -512px;top:50%;margin-top: -415px;overflow: hidden;
  display: none;z-index: 110;}
.restaurant ul li .big img{width: 800px;}
.restaurant .big p{text-align:center;padding: 10px;line-height: 2.5em; font-size: 20px; font-weight: bold;font-family: 'Nanum Gothic';}
.restaurant .big p strong{font-size: 24px; color: #892fd5;background: linear-gradient(to top, #f8def2ec 40%, transparent 40%); }
.restaurant .big dl{overflow: hidden; border: 1px solid #ccc; margin: 20px; padding: 16px;}
.restaurant .big dl dt{font-size: 20px; font-weight: bold;font-family: 'Nanum Gothic'; padding: 20px;}
.restaurant .big dl dd{float: left; margin-right: 8px;}
.restaurant .big dl dd img{width: 300px;}

.restaurant .big dl dd span{display: block; margin: 20px;}
.restaurant .big .closeBtn{display: block; text-align: center;background: #fff; padding: 20px;}
.restaurant .big .closeBtn:hover{background-color: #892fd5; color: #fff;}