@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;}
.container2{position:relative;width:1150px;margin:0 auto}



#header{height:40px}

.h_sec1{background:#fff}
.h_sec1 h1{text-align:center;height:75px;}
.h_sec1 .customer{position:fixed;left:0;top:-60px;z-index:10;transition:0.5s}
.h_sec1 .reservation{position:fixed;right:0;top:0;z-index:10;transition:0.5s}

.lnb{position:relative;width:100%;top:0;border-top:1px solid #ddd;z-index:9}
.lnb ul{position:relative;text-align:center;z-index:10;background:#fff}
.lnb ul li{position:relative;display:inline-block;width:108px;margin:0 7px}			
.lnb ul li > a{display:block;line-height:60px;font-size:18px;color:#555;font-weight:600}
.lnb ul li > a:hover{}
.lnb ul li:hover > a{}

.lnb:hover dl{padding-top:20px;height:140px;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:60px;width:100%;height:0;background:rgba(255,255,255,0.9);transition:0.2s}
.lnb:hover .bg{height:140px;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}

.h_sec1.on .lnb{position:fixed;z-index:20;}
.h_sec1.on .customer{position:fixed;left:0;top:0px;transition:0.5s;z-index:200}
.h_sec1.on .reservation{position:fixed;right:0;top:0px;transition:0.5s;z-index:200}



#footer{background:#777;border-top:2px solid #fff; position:relative; clear:both}
.f_sec1{}
.f_sec1 .con1{color:#fff;padding:30px 0;}
.f_sec1 .con1 .tel{font-size:24px}
.f_sec1 .con1 .bank{font-size:17px}
.f_sec1 .con1 .shop{font-size:13px;margin-top:15px;line-height:1.6}

.f_sec1 .con2{position:absolute;right:0;top:30px}
.f_sec1 .con2 .naver{margin-top:20px}

.f_sec1 .con3{border-top:1px solid #b1b1b1;padding:20px 0;color:#ccc;line-height:30px}
.f_sec1 .con3 span{color:#deb562}
.f_sec1 .con3 a{display:inline-block;height:30px;line-height:30px;color:#fff;padding:0 20px;background:#826529;margin:0 10px;font-size:13px}