/* ==========================================================================
  #HEADER
  ========================================================================== */
header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;}
header .top{ background-color: #CFB699; height: 60px; line-height: 60px; text-align: right;}
header .top h1{ display: block; width: 76px; height: 48px; position: absolute; left: 0; right: 0; margin: 0 auto; padding-top: 5px;}
header a.reser-btn{ display: inline-block; position: relative; top: 10px; height: 40px;}
header .sns{ position: absolute; left: 20px; top: 0;}
header .sns a{ font-size: 26px; color: #fff; padding-right: 10px;}


header .gnb{ background-color: #fff; height: 50px; display: flex; justify-content: space-evenly; align-items: center;}
header .gnb a{ text-align: center; line-height: 16px; }

/* ==========================================================================
  #FOOTER
  ========================================================================== */
/* banner */
footer .reser-banner{ width: 100%; /*height: 300px;*/ height: 76.92vw; display: table; text-align: center;}
footer .reser-banner h3{padding-bottom: 10px;}
/* map */
footer #map{ width: 100%; /*height: 300px;*/ height: 76.92vw; background-color: #999;}
/* map-info */
footer .map-info{ padding: 25px 20px 20px;}
footer .map-info li{ padding-bottom: 40px;}
footer .map-info h3{ padding-bottom: 10px;}
footer .map-info h3 i{ padding-right: 20px;}
footer .map-info p{ padding-left: 40px; line-height: 20px;}
/* info */
footer .info{ background-color: #222; padding: 40px 0; overflow: hidden;}
footer .info .info_1{ display: block; font-size: 0; text-align: left; padding-bottom: 15px;}
footer .info .info_1 li{ display: inline-block; padding-right: 15px; padding-bottom: 15px; font-size: 12px;}
footer .info .info_2{ line-height: 20px; padding-bottom: 30px;}
footer .info .copy{ padding-bottom: 40px;}
/* kakao */
.f-kakao{ position: fixed; bottom: -90px; right: 10px; width: 40px; height: 40px; border-radius: 50%; background-color: #CFB699; text-align: center; box-shadow: 2px 0 4px rgba(0,0,0,.2); transition: .5s; z-index: 100;}
.f-kakao img{ width: 25px; height: 25px; object-fit: cover; left: 0; right: 0; margin: 0 auto; position: relative; display: inline-block; top: 8px;}
.f-kakao.scroll{ bottom: 55px;}
/* tel */
.f-tel{ position: fixed; bottom: -40px; right: 10px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background-color: #CFB699; text-align: center; box-shadow: 2px 0 4px rgba(0,0,0,.2); transition: .5s; z-index: 100;}
.f-tel i{ font-size: 16px; color: #fff;}
.f-tel.scroll{ bottom: 10px;}