@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Volkhov:700');

*{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}

.container{position:relative;width:1200px;margin:0 auto}	
.clear{clear:both}


#header{position:fixed;width:100%;z-index:100}
#header .container{width:1260px}
#hs1{height:125px;background:rgba(109,96,91,0.85)}

#hs1 h1{float:left}
#hs1 .customer{position:absolute;right:0px;top:1px;color:#fff;font-size:14px;height:39px;}
#hs1 .customer span,
#hs1 .customer a{display:inline-block;line-height:39px;margin-left:20px}
#hs1 .customer .tel{background:url('../images/icon_tel.png') no-repeat 0 center;padding-left:0px}
#hs1 .customer .bank{background:url('../images/icon_bank.png') no-repeat 0 center;padding-left:5px}
#hs1 .customer .reservation{color:#f1e3d1;font-size:16px;padding:0 20px 0 60px;background:url('../images/icon_clock.png') no-repeat 20px center #000;}

#hs1 .lnb{float:right;margin-top:50px}
#hs1 .lnb ul{position:relative}
#hs1 .lnb li{float:left;height:75px}
#hs1 .lnb li > a{display:block;height:70px;line-height:70px;color:#e3d0b9;padding:0 30px;font-size:18px;font-weight:600}
#hs1 .lnb li > a:hover,
#hs1 .lnb li:hover > a{background:rgba(0,0,0,0.3);border-bottom:3px solid #ffcc33}
#hs1 .lnb li:hover .sub{z-index:1}

#hs1 .lnb .sub{display:none;position:absolute;width:100%;left:0;top:75px;}
#hs1 .lnb .sub.s1{left:-50px}
#hs1 .lnb .sub.s2{left:-50px}
#hs1 .lnb .sub.s3{left:20px}
#hs1 .lnb .sub.s4{left:360px}
#hs1 .lnb .sub.s5{left:560px}
#hs1 .lnb .sub.s6{left:690px}
#hs1 .lnb .sub.s7{left:650px}
#hs1 .lnb .sub dl{text-align:center}
#hs1 .lnb .sub dl dd{float:left;background:url('../images/lnb_bar.gif') no-repeat 0 center}
#hs1 .lnb .sub dl dd:first-child{background:none}
#hs1 .lnb .sub dl a{display:inline-block;height:35px;line-height:35px;font-size:14px;color:#796960;padding:0 13px;font-weight:600}
#hs1 .lnb .sub dl a:hover{color:#ffcc33;background:#584d46}

#hs1 .lnb .bg{background:#ffcc33;height:35px;line-height:35px;position:absolute;left:0;width:100%;top:125px;display:none}




#footer{background:#5b697e;overflow:hidden;padding:40px 0 20px}

#fs1 h2{color:#bad2f6;font-size:15px;padding-bottom:5px}
#fs1 .con1{float:left;width:350px}
#fs1 .con1 span{color:#fff;font-size:16px;font-weight:600}
#fs1 .con1 .bank{margin-top:30px}

#fs1 .con2{float:left;width:500px}
#fs1 .con2 .info{line-height:1.5}
#fs1 .con2 .info span{color:#fff;font-size:14px;margin-right:10px}

#fs1 .con3{float:right}
#fs1 .con3 ul{}
#fs1 .con3 li{float:left;margin:1px}
#fs1 .con3 li a{display:block;border:1px solid #aaa}
#fs1 .con3 li a:hover{border:1px solid #fff}

#fs1 .con4{clear:both;float:right;color:#fff;font-size:13px}
#fs1 .con4 strong{color:#c1daff;font-weight:700}
#fs1 .con4 a{color:#c1daff;font-weight:700}



.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}


.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}


.ml30{margin-left:30px}
.ml40{margin-left:40px}