/*Content CSS*/
#right-side-open { position:absolute; right:0; width:100px; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; }
#right-side-open {height:80px;line-height:80px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#right-side-open span{display:inline-block;width:20px; height:20px;font-size:20px;line-height:1em;margin-top:-10px; margin-left:-10px; position:absolute; top:50%;left:50%; color:#fff;}
#right-side {background-color:#fff;position:fixed; z-index:99; top:0;right:-400px;max-width:300px; width:100%; height:100%; color:#FFF; padding:30px 20px;-webkit-transition: right .3s ease;-moz-transition: right .3s ease;-ms-transition: right .3s ease;-o-transition: right .3s ease;transition: right .3s ease; box-sizing:border-box; overflow:auto; border-left:1px solid #dae1e6;}
#right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#92766a; color:#fff; font-weight:bold; height:5.0em; line-height:5em; border-radius:3px; margin-top:10px; padding:2px 0 4px 0; font-size:14px; font-weight: 400;}
#right-side #btn-close-right-side {position:absolute;top:20px;right:0;color:#fff;width:60px;text-align:center;line-height:40px; font-size:16px; cursor:pointer}
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:20px}
.right-side-on #right-side {right:0;}
.right-side-on #wrapper { left:-300px; }
.right-side-on #header { left:-300px; }
.right-side-on #rs-overlay {display:block;}

.quick_menu {width:100%; margin:auto; padding-top:20px; margin-top: 15px;}
.quick_menu ul { text-align:center;  list-style : none;}
.quick_menu li{display:inline-block; margin-left:-3px; width:50%; border-right:1px solid #ddd; }
.quick_menu li:last-child { border:0}
.quick_menu li a{display:block; box-sizing:border-box; color:#333; letter-spacing:-0.8px; text-align:center; position:relative;  font-size:16px}
.quick_menu li a:hover{color:#333;backface-visibility:hidden}
.quick_menu li a.on{color:#333;border-bottom-color:#FF3300;border-bottom-width:2px;border-bottom-style:solid}
.quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both}
.quick_kakao a{display:block;position:relative;background:#ffd800}
.quick_kakao a img{display:block;margin:0 auto}

.side_gnb{position:relative;width:100%; margin-top: 30px;}
.side_gnb p{color:#666; text-align:center; padding:20px }
.side_gnb .menu-list{display:block;position:relative;border-bottom:0px solid #555; margin-top:30px; }
.side_gnb .menu-list>li>a{display:block;position:relative;color:#6a2508;font-size:15px;line-height:3.8em;padding:0 1.0em; border-top:1px solid rgba(0,0,0,.05); text-decoration:none;  font-family: 'Montserrat'; font-weight: 500;}
.side_gnb .menu-list>li>a i{display:block;position:absolute;top:14px;right:15px; color:#6a2508; font-size:30px; opacity: .3;}
/* .side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)} */
/* .side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%} */
.side_gnb .depth-2{display:none;}
.side_gnb .depth-2>li { background-color:#eee}
.side_gnb .depth-2>li>a{display:block;font-size:1.2em;line-height:3.0em;padding: 0 15px;border-bottom:1px solid #fff; color:#000}

.m_divice_btn {margin-top:5px; display: flex; justify-content: space-between; }
.m_divice_btn a{font-size:8pt; color:#6a2508;}
.m_divice_btn .btn_area{border:0px solid #f9dfd0;padding:14px; width:49%; display: block; text-align:center; border:1px solid #f9dfd0; border-radius: 4px; background: #f9dfd0}
.m_divice_btn .btn_area.active{background-color:#92766a;  border:1px solid #92766a;}
.m_divice_btn .btn_area.active a {color:#fff;}
/* .m_divice_btn .btn_area.active a {color:#fff;} */

/*언어버튼*/
.language_btn {width: 100%; margin: 30px 0 0 0;}
.language_btn ul {display: flex; flex-direction: row; justify-content: space-between;}
.language_btn ul li {width: 50%; margin-right: 2%;}
.language_btn ul li a {width: 100%; padding:14px; display: block; text-align: center; border-radius: 4px; background: #333; color:#fff;}
.language_btn ul li:last-child {margin-right: 0;}

/* 예약버튼 */
.reserv_btn {display: block; width:100%; height:60px; line-height: 60px; transition: all .3s ease; background: transparent; text-align: center; font-size:25px; font-weight: 400;
color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);  font-family: 'Nanum Brush Script', cursive;background: #92766a; border-radius: 3px; margin-top:30px;}


/**/
#open-button{position:fixed; top:0px; z-index: 100;right:15px;padding-top:11px;width:75px; height:70px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;display:block; padding-top:15px;}
#open-button .navicon-line{position:absolute;width:20px;height:2px;border-radius:1px;background:#6a2508;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
#open-button .nl1 {top: 11px;right: 10px; width:30px;}
#open-button .nl2 {top: 19px;right: 10px; width:24px;}
#open-button .nl3 {top: 27px;right: 10px; width:30px;}
#open-button.on>div>div{transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:25px;position:absolute;top:15px;right:10px;margin:0;padding:0;background-color:#6a2508;}
#open-button.on>div>div:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
#open-button.scrolled .navicon-line {background-color: #6a2508;}
#open-button.on.scrolled >div>div{background-color:#6a2508;}
.scrolled #open-button .navicon-line {background: #6a2508;}


.h_ft_logo {margin: 30px 0 0 0;}
.h_ft_logo ul {display: flex; flex-direction: row; justify-content: center;}
.h_ft_logo ul li {height: 20px; margin-right: 15px;}
.h_ft_logo ul li:last-child {margin-right: 0;}
.h_ft_logo ul li img {height: 100%;}

.hidden_nav_box {width :100%; height: 100%; background: rgba(0,0,0,.1); position: absolute; top: 0; left: 0; z-index: 99; position: fixed; display: none;}


@media screen and (max-width:1200px) {

}

@media screen and (max-width: 640px) {

}