@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

html {width: 100%;height: 100%;min-height: 100%;}
body {font-size:16px; font-family:'Nanum Barun Gothic',sans-serif; color:#000; position: relative;height: 100%;min-height: 100%;font-weight:400;line-height: 1.5;}
a {text-decoration:none; color:inherit;}
.auto { margin:0 auto;position:relative;width:1000px;}
.auto:after,.clearFix:after,ol:after,ul:after,dl:after {content:""; display:block;width:0; height:0; overflow:hidden;clear:both;font-size:0; overflow: hidden;}
em , strong {font-weight: 700;}
ul.list > li { float: left;position:relative;}

/* skip */
#skipNav {height:0; overflow: hidden;}
#skipNav li a {display: block;font-size:16px;width:100%;position:absolute;top:-9999px;left:0;text-align:center;z-index:999999;}
#skipNav li a:focus, #skipNav li a.on {position:absolute;top:0;left:0;font-weight:bold;color:#fff;background:#272727;padding:20px 0;color:#ffffff;}


/* header */
#header {border-top: 1px solid #c4c4c4; position: fixed; width: 100%;overflow: hidden;height: 140px;z-index:99;}
#header:after {content: "";display: block;width: 100%;height: 1px;position: absolute;top:129px; left:0; background: #c4c4c4;}
#header .logo {text-align: center;padding-top: 23px;}

#header.on {height: 70px;}
#header.on ul.list {display: none;}
#header.on #gnb {float: right;margin-top: 0;}
#header.on .logo {float: left;padding-top: 13px;text-align: left;}
#header.on .gnbList > li > h2 > a {padding: 0 15px;display: block;height: 60px;line-height: 60px;}
#header.on .shadow {top: 60px;}
#header.on .gnbWrap {height: 60px;}
#header.on .bgGnb {top: 60px;}
#header.on:after  {top: 60px;}

/* gnb */
#header .gnbWrap {height: 130px;background: #fff; position: relative;z-index:99;border-bottom: 1px solid #ccc;}
#header #gnb {margin-top: 25px;}
#header .gnbList {font-size: 0; text-align: center;}
#header .gnbList > li {display: inline-block; vertical-align: top;}
#header .gnbList a {display: block; font-weight: 500;}
#header .gnbList > li > h2 > a {font-size: 16px; color: #777; padding: 10px 30px;}
#header .gnbList > li:hover > h2 > a {color: #202020;}
#header .gnbList > li > .sub {padding-top: 10px;}
#header .gnbList > li > .sub a {font-size: 14px; color: #888; padding: 3px 0;}
#header .gnbList > li > .sub li:hover a {color: #202020;}
#header .gnbList > li .depth03 {display: none;}
#header .gnbList > li .type {display: none;}

/* util */
#header ul.list {position: absolute; top:20px; font-size: 13px; color: #777; font-weight: 500; line-height: 1;}
#header ul.list a {display: block;padding: 0 10px; position: relative;}
#header ul.list a:after {content: "";display: block;width: 2px; height:10px; background: #777; position: absolute; right:0; top:50%;margin-top: -5px;}
#header ul.list li:last-child a:after {display:none;}
#header ul.list li:first-child a {padding-left: 0;}
#header ul.loginUtil {left:0;}
#header ul.util {right:0; font-weight: 700;}

/* shadow */
#header .shadow {position: absolute;width: 100%;height:10px;left:0; top:130px;background: url("../images/layout/gnbShadow.png") repeat-x;}

/* bgGnb */
.bgGnb {width: 100%;height: 248px;display: none;position: absolute;top:130px;background: url("../images/layout/bgGnb.png"); border-bottom: 1px solid #ccc;}


/* footer */

/* util */
#footer {background: #fff;position: relative;z-index:100; top:18px;}
#footer .footerWrap {padding: 30px 0; background: #fff;border-top: 1px solid #d9d9d9;}
#footer ul.list {float: left; font-size: 13px; color: #777; font-weight: 500; line-height: 1;}
#footer ul.list a {display: block;padding: 0 10px; position: relative;}
#footer ul.list a:after {content: "";display: block;width: 2px; height:10px; background: #777; position: absolute; left:0; top:50%;margin-top: -5px;}
#footer ul.list li:first-child a:after {display: none;}
#footer ul.list li:first-child a {padding-left: 0;}
#footer .fiveStar {float: right;}
#footer .tripadvisor {float: right; padding-right:15px;}
#footer .tripadvisor img {width:58px;}
#footer .partner {margin-left: 50px;}
#footer .partner li a:after,#footer .sns li a:after {display: none;}
#footer .addrWrap {font-size: 12px; font-weight: 500;color: #666;}
#footer .addrWrap .copyright {font-size: 11px; font-weight: 500;color: #777; text-transform: uppercase;}
#footer .addrWrap address.addressBox {width:550px; display:inline-block;}



/* quickReservation */
.quickReservationWrap  {height: 40px; background: #202020;display: none;}
.fixQuickReservation  {height: 40px; background:#202020;width:100%; position: fixed;/* left:50%; margin-left: -500px;  */bottom:0; z-index:5;}
#quickReservation {background: #163d42;height: 40px;}
#quickReservation dt {padding: 15px 0; width: 130px;height: 10px;background: #202020; float: left;}
#quickReservation dd {float: left;color: #fff;font-size: 14px;line-height: 40px;}
#quickReservation dd .title {color: #5b9aa2;display: inline-block;padding: 0 15px;}
#quickReservation dd .checkOut {margin-left: 10px;}
#quickReservation dd .btnCheck {display: inline-block;width: 74px;height: 23px;background: #396c72; border: 1px solid #256d76; text-align: center;line-height: 23px;}
#quickReservation dd .btnCalendar {display: inline-block;position: relative; top:10px;margin: 0 10px;}
#quickReservation .restaurant {float: right;padding-right: 10px;}
#quickReservation .restaurant .title {float: left;}
#quickReservation .restaurant .selectBox {float: left; margin-right: 10px;}
#quickReservation .restaurant .btnCheck {float: left; position: relative; top:7px;}
#quickReservation .customer {display:inline-block;}

#quickReservation select {width:119px ;height: 25px; border: 1px solid #256d76;line-height: 25px;padding:  0 10px ;background: #163d42;color: #fff;}

/* selectBox */
.selectBox {position: relative;}
.selectBox > a { font-size: 12px;display: block;width:119px ;height: 23px; border: 1px solid #256d76;line-height: 23px;padding:  0 10px ;background: url("../images/layout/bgSelect.png") no-repeat 120px 50%;}
.selectBox > ul li {margin-top: -1px;}
.selectBox > ul {position: absolute;display: none;}
.selectBox > ul a {display: block;font-size: 12px;display: block;width:119px ;height: 23px; border: 1px solid #256d76;line-height: 23px;padding:  0 10px ;background: #163d42;}

.customer > a {width:67px;background:url("../images/layout/bgSelect.png") no-repeat 70px 50%;}

.cover {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.8);top:0; left:0;z-index:9998; display: none;}

/* rule */
.rulePopup {position:fixed;width:550px;height:330px;top:50%;left:50%;margin-top:-165px;margin-left:-275px;z-index:9999;display:none;}
.rulePopup .btnClose {position:absolute;display:block;top:15px;right:15px;}





#btnLanguage {border:none !important;background:#fff;height:auto;padding:0;margin:0;font-size:13px;color:#777;font-weight:500;
	-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;cursor:pointer;
}
.btnLanguage {position:absolute;top:-3px;right:-127px;width:109px;padding:0 10px;}
.btnLanguage img {position:relative;top:3px;right:0;}