@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; background:url(img/bg.jpg); color:#FFF;}
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:#f7f3eb;}


#slide {
	list-style: none outside none;
	overflow: hidden; 
	width: 640px; 
	height: 404px; 
	padding: 0px;
	margin: 0 auto;
}


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


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



.call{ height:143px; width:640px; position:relative; background-color:#ff9900;}
.call .callbtn{ width:344px; height:54px; position:absolute; top:40px; left:15px;}
.call .callbtn2{
	width:131px;
	height:222px;
	position:absolute;
	right:108px;
	top:-79px;
	z-index:999;
}
.call .callbtn3{
	width:159px;
	height:405px;
	position:absolute;
	right:1px;
	top:-267px;
}



/*본점 인테리어사진 시작*/
.interslide { background:#FFF; position:relative;}
#slide {
	list-style: none outside none;
	overflow: hidden; 
	width: 600px; 
	height: 384px; 
	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:#090;}
/*본점 인테리어사진 끝*/


.inte2 { padding-top:50px; padding-bottom:7px; background:#FFF;}



/*분점 인테리어사진 시작*/
.interslide2 { background:#FFF; position:relative; padding-bottom:60px; background:#FFF;}
#slide2 {
	list-style: none outside none;
	overflow: hidden; 
	width: 600px; 
	height: 384px; 
	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:#090;}

/*분점 인테리어사진 끝*/





.footer{ width:640px; position:relative; padding: 20px 0 20px 0; background-color:#011605;}
.footer p{ text-align:center;}

.loca2{ width:640px; margin:0 auto; position:relative; background:#FFF; padding-top:15px; padding-bottom:50px;}
.loca3{ width:640px; margin:0 auto; position:relative; background:#FFF; padding-top:15px; padding-bottom:50px;}

.menu{ position:relative; width:600px; height:1100px; margin:0 auto; padding:0 21px 40px 19px; background:#FFF;}
.menu li{ float:left;}
.menu li .tab{ width:198px; text-align:center; padding:15px 0; background::#fff; color:#2a1906; display:block; border:1px solid #e4e4e4; font-size:14px; font-weight: bold;}

.menu li .main{  position:absolute; top:70px; left:20px; display:none;}
.menu li .main img{ width:598px; height:auto;}
.menu li.active .tab{ background:#2a1906; color:#FFF;}
.menu li.active .main{ display:block;}