@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;vertical-align:top}
body, td, p, input, button, textarea, select,a{font-family:'나눔고딕','NanumGothic','Nanum Gothic','돋움',dotum; font-size:12px; color:#555;}
h1,h2,h3,h4,h5,h6,strong,b,dt{font-weight:600}
a,a:hover,a:active,a:focus{text-decoration:none}

body{min-width:1260px}
#header{position:relative;z-index:100}
.container{position:relative;width:1260px;margin:0 auto}	
.clear:after{display:block;content:'';clear:both;}




#header{height:190px}

.h_sec1{position:fixed;left:0;top:0;min-width:1100px;width:100%;z-index:100;background:#fff}
.h_sec1 h1{text-align:center;height:120px; padding-top:17px}
.h_sec1 .customer{position:absolute;left:0;top:0}
.h_sec1 .reservation1{
	position: absolute;
	right: 400px;
	top: 20px
}
.h_sec1 .reservation2{position:absolute;right:280px;top:20px}
.lnb{border-top:1px solid #ddd}
.lnb ul{position:relative;text-align:center;z-index:10}
.lnb ul li{position:relative;display:inline-block;width:108px;margin:0 30px}			
.lnb ul li > a{display:block;line-height:66px;font-size:20px;color:#000; font-weight:400}
.lnb ul li > a:hover{}
.lnb ul li:hover > a{}

.lnb:hover dl{padding-top:20px;height:250px;transition:0.2s}
.lnb dl{position:absolute;width:100%;height:0;transition:0.2s;overflow:hidden}
.lnb dd > a{display:block;line-height:26px;font-size:15px;color:#666;font-weight:400;margin:5px 0}
.lnb dd > a:hover{background:#000;color:#fff}

.lnb .bg{position:absolute;left:0;top:180px;width:100%;height:0;background:rgba(255,255,255,0.9);transition:0.2s}
.lnb:hover .bg{height:120px;transition:0.2s}

.lnb li.s1:hover{background:url('../images/common/lnb_over.png') no-repeat 0 0}
.lnb li.s2:hover{background:url('../images/common/lnb_over.png') no-repeat -145px 0}
.lnb li.s3:hover{background:url('../images/common/lnb_over.png') no-repeat -279px 0}
.lnb li.s4:hover{background:url('../images/common/lnb_over.png') no-repeat -416px 0}
.lnb li.s5:hover{background:url('../images/common/lnb_over.png') no-repeat -564px 0}
.lnb li.s6:hover{background:url('../images/common/lnb_over.png') no-repeat -708px 0}
.lnb li.s7:hover{background:url('../images/common/lnb_over.png') no-repeat -845px 0}

.lnb li.s1 dd > a:hover{background:#25a0d9}
.lnb li.s2 dd > a:hover{background:#5b25d9}
.lnb li.s3 dd > a:hover{background:#d925d5}
.lnb li.s4 dd > a:hover{background:#d99b25}
.lnb li.s5 dd > a:hover{background:#abd925}
.lnb li.s6 dd > a:hover{background:#25d983}
.lnb li.s7 dd > a:hover{background:#25ced9}


body.on .hsec1 .logo{opacity:1;left:0}
body.on .hsec1 .customer{opacity:1;right:0}
body.on .lnb {opacity:1;top:0}

/*main
#main{padding-top:117px}*/
.scroll_on .hsec1,
.lnb_on .hsec1{background:rgba(255,255,255,0.8)}

.hsec1 .banner{position:absolute;right:0;top:0;padding:10px 0}



/* footer */



/*footer*/

.btn_top{position:fixed;bottom:30px;right:40px;opacity:0;cursor: pointer; transition:0.3s}
.body_scroll .btn_top{opacity:1}

.f_sec2{padding:30px 0;background:#e0e0e0;}
.f_sec2 .logo{float:left;margin-right:20px}
.f_sec2 .info{font-size:14px;line-height:1.5;color:#555}
.f_sec2 .info .copyright{margin-top:10px;color:#999}