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

body, div, p, ul, li, h1, h2, h3, h4, h5, h6{ margin:0; padding:0;}
body{font-family: 'Nanum Gothic', sans-serif; font-size:12px; line-height:18px; color:#000; background:#333;}
a{ color:#FFF; text-decoration:none;}
img{ border:0;}
ul{ list-style:none;}

.cf:after{clear:both; content:""; display:block;}




#wrap{ width:100%;}
#wrapin { width:100%; position:relative;  }
#visual { width:640px; margin:0 auto; position:relative; background:#fff; color:#000;}


.top{ width:640px; margin:0 auto; position:relative; height:153px; }
.top li{  float:left;}
.top li img{ vertical-align:top;}


.content{ width:640px; margin:0 auto; position: relative;}
.main{ width:640px; margin:0 auto; position: relative;}
.mainevent{ width:640px; margin:0 auto; position: relative;}
.maininterior{ width:640px; margin:0 auto; position: relative; }



/*본점 인테리어사진 시작*/
.interslide { background:#f2f0f0; position:relative; padding-top:20px; }
#slide {
	list-style: none outside none;
	overflow: hidden; 
	width: 600px; 
	height: 383px; 
	padding: 0px;
	margin: 0 auto;
}

#slide-pager {
	clear:both;
	list-style-type:none;
	overflow:hidden;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:18px;
	
}
#slide-pager li {
	width:100px; height:75px;
	float: left; margin:0 10px;
	
}
#slide-pager li img{ width:100px; height:75px;}
#slide-pager li a{display:inline-block;}
#slide-pager li a.usl-current{padding:4px; background:#1d1d1d;}
/*본점 인테리어사진 끝*/



.review{ width:640px; margin:0 auto; position: relative;}
.review1{ width:640px; margin:0 auto; position:relative; padding:40px 0px 50px 0px;  }

.review1 li{  float:left;}
.review1 li img{ vertical-align:top;}
.review1img img{ margin-top:20px;}

.review2{ width:640px; margin:0 auto; position:relative; margin-top:20px;  }
.review2 li{  float:left; }
.review2 li img{ vertical-align:top;}

.review2bt{ width:640px; position:relative; height:43px; padding-bottom:20px;}

.review2img{ width:640px; position:relative; height:286px;}
.review2img li{  float:left;}
.review2img li img{ vertical-align:top;}



.footer{ width:640px; margin:0 auto; position:relative; margin-top:70px;}
.ftbt{ width:640px; height:144px; margin:0 auto; position:relative;  }
.ftbt li{  float:left;}
.ftbt li img{ vertical-align:top;}

.copy{width:640px; position:relative; padding: 30px 0 30px 0; background:#262626; color:#FFF;}
.text{ padding-left:20px;}
.text p{ text-align:left; font-size:14px;}
.topbt{ position:absolute; right:30px; top:50px;}


.leftmenu{ width:372;position:absolute; z-index:999; text-align:center; display:none; top:0; left:268px;  }
.leftmenu li{  float:left;}
.leftmenu li img{ vertical-align:top;}



.topunder{ width:640px; height:73px; position:relative; background:url(img/topunder.jpg); }
.topunder p{ text-align:center; color:#FFF; font-size:22px; font-weight:bold; padding-top:26px;}


#point{ position:relative; width:640px; padding-top:60px;}
.pointmenu{ width:640px; position:relative}
.pointmenu li{  float:left;}
.pointmenu li img{ vertical-align:top;}




#intinter{ position:relative; width:640px; padding-top:20px;}
.intmenu{ width:640px; height:45px; position:relative}
.intmenu li{  float:left;}
.intmenu li img{ vertical-align:top;}



/*본점 인테리어사진 시작*/
.interslide2 { position:relative; padding-top:80px; }
#slide2 {
	list-style: none outside none;
	overflow: hidden; 
	width: 600px; 
	height: 383px; 
	padding: 0px;
	margin: 0 auto;
}

#slide-pager2 {
	clear:both;
	list-style-type:none;
	overflow:hidden;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:18px;
	
}
#slide-pager2 li {
	width:100px; height:75px;
	float: left; margin:0 10px;
	
}
#slide-pager2 li img{ width:100px; height:75px;}
#slide-pager2 li a{display:inline-block;}
#slide-pager2 li a.usl-current{padding:4px; background:#1d1d1d;}
/*본점 인테리어사진 끝*/


.loca3{ padding-bottom:40px;}
.loca{ padding-top:30px;}

.content2{ padding-top:70px; width:640px; position:relative;}


.nav{ width:640px; position:relative;}
.nav p{ text-align:center; color:#FFF; font-size:22px; font-weight:bold; background:url(img/submenu_01.jpg);  height:46px; padding-top:25px;}

.mbox{ width:640px; position:relative; display:none; height:391px;}
.mbox li{  float:left;}
.mbox li img{ vertical-align:top;}


.mbox2{ width:640px; position:relative;  height:314px;}
.mbox2 li{  float:left;}
.mbox2 li img{ vertical-align:top;}