@charset "utf-8";


img {max-width:100%;}

#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; z-index:1000; }
#skip-nav {position:fixed; left:0; top:-40px; width:100%; text-align:center; line-height:40px; background:rgba(0,0,0,0.5); color:#ffffff; font-size:16px; z-index:10000; transition: top 0.3s; }
#skip-nav:focus {top:0;}

#header {height:103px; }
#header-top {position:relative; text-align:center; }
#header-top h1 {height:70px; }
#header-top h1 img {position:absolute; top:12px; left:50%; width:150px; margin-left:-75px;}
#header-top .cont01 {display:none;}
#header-top .cont02 {width:100%; height:33px; font-size:13px; color:#fff; line-height:33px; font-weight:700; border-top:1px solid #4b4747; background:#2f2b2b; }
#header-top .cont02 span {padding:0 9px; }
#header-top .cont02 span:first-child {}
#header-top .cont02 span+span {border-left:1px solid #6e6b6b;}
#header-top .cont02 span b {margin-left:8px;}
#header-top .btn-open {position:absolute; top:50%; left:28px; width:20px; margin-top:-20px; }

#gnb {display:none;}
#gnb-m {position:absolute; top:0; left:-768px; bottom:0; z-index:1000; width:80%; background:#ff0000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#gnb-m:before {position:fixed; top:0; left:0; bottom:0; z-index:-1; width:0; height:10000px; opacity:0; background:rgba(0,0,0,0.5); -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; content:'';} 
#gnb-m:after {display:block; position:absolute; top:0; left:0; bottom:0; width:100%; background:#ffffff; content:'';}
#gnb-m.on {left:0;}
#gnb-m.on:before {width:768px; opacity:1; }
#gnb-m .btn-close {position:absolute; top:40px; left:28px; z-index:1000; width:20px; margin-top:-10px;}
#gnb-m h2 {position:relative; z-index:10; height:70px; background:#fff;}
#gnb-m h2 img {position:absolute; top:12px; left:50%; width:150px; margin-left:-75px; }
#gnb-m > ul {position:relative; z-index:10; border-left:1px solid #e5e3e1; border-right:1px solid #e5e3e1; }
#gnb-m > ul > li {border-bottom:2px solid #dddbda}
#gnb-m > ul > li.on > a {color:#df0011;}
#gnb-m > ul > li > a {position:relative; display:block; padding-left:28px; font-size:15px; color:#31251e; line-height:45px; background:#f0eeec;}
#gnb-m > ul > li > a:after {position:absolute; top:50%; right:20px; width:14px; height:14px; margin-top:-7px; background:url('/images/common/ico_menu01.png') no-repeat; content:''; }
#gnb-m > ul > li.on > a:after {margin-top:0; background-image:url('/images/common/ico_menu02.png');}
#gnb-m > ul > li:first-child {border-top:2px solid #dddbda}
#gnb-m .sub {display:none; font-size:12px; border-top:2px solid #dddbda; padding:11px 0 11px 35px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content:}
#gnb-m li.on .sub {display:block; }
#gnb-m .sub li a {line-height:26px;}

#main-visual {overflow:hidden;}
#main-visual .bx-wrapper .bx-pager.bx-default-pager a {border:1px solid #ffffff; opacity:1; background:none;}
#main-visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main-visual .bx-wrapper .bx-pager.bx-default-pager a.active {opacity:1; background:#ffffff;}
#main-visual .bx-wrapper .bx-prev {display:none;}
#main-visual .bx-wrapper .bx-next {display:none;}
#main-visual .bx-wrapper .bx-controls-direction a {}
#main-visual .bx-wrapper .bx-controls-direction a.disabled {display: none;}
#main-visual ul img {width:100%; }
#main-visual img.pc {display:none;}
#main-visual img.mobile {width:100%;}


#main {}
.main-contents {overflow:hidden; padding:35px 0; text-align:center;}
.main-cont01 {display:inline-block; margin:0 auto; padding-bottom:25px; text-align:center; }
.main-cont01 img {width:300px; margin-bottom:10px;}
.main-cont01 ul {overflow:hidden; display:inline-block;}
.main-cont01 ul li {display:inline-block; margin-top:10px; padding:0 5%; color:#3e3e3e; font-weight:700;}
.main-cont01 ul li:last-child {border-left:0;}
.main-cont01 ul li+li {border-left:1px solid #cccccc;}
.main-cont01 ul li span {display:block; font-size:12px; font-weight:700; }

.cont-wrap {float:left; overflow:hidden; width:100%;}
.main-cont02, .main-cont03 {float:left; width:44.7%; height:190px; padding:20px; font-size:14px; color:#3e3e3e; border:1px solid #e9e9e9; background:#eef0ef; }
.main-cont02 {position:relative; margin-left:4%; text-align:left;}
.main-cont02 > a {display:inline-block; width:100%; height:100%; }
.main-cont02 img {width:38px; }
.main-cont02 p {margin-top:11px; width:100%;  }
.main-cont02 span {display:inline-block; position:absolute; bottom:5%; left:10%;}

.main-cont03 {position:relative; float:right; margin-right:4%; text-align:right;  }
.main-cont03 > a {display:inline-block; width:100%; }
.main-cont03 .img01 {width:37px;}
.main-cont03 .img02 {display:block; max-width:110px; margin:0 auto 10px;}
.main-cont03 .img03 {position:absolute; top:11%; left:10%;  width:37px;  }
.main-cont03 span {display:inline-block; position:absolute; bottom:5%; left:50%; width:120px; margin-left:-70px; text-align:center; }
.main-cont03 span:after {position:absolute; top:50%; right:-15%; width:28px; height:28px; margin-top:-10px; background:url('/images/common/btn_paly.png') no-repeat 0 0; background-size:20px 20px;  content:''; }


.main-list {text-align:center; }
.main-list li {padding:32px; }
.main-list li+li {border:1px solid #e5e5e5;}
.main-list li span {font-size:20px; color:#181818; font-weight:700; }
.main-list img {display:block;margin:11px auto; }

#footer {padding:25px 10px; font-size:11px; color:#fff; text-align:center; background:#2d2521; }
#footer address {margin-top:8px; letter-spacing:-0.5px;}
#footer address span {display:inline-block; margin:3px; }
.more {display:inline-block; width:90px; height:34px; font-size:12px; color:#ffffff; line-height:34px; text-align:center; background:#231815;}


#lnb {display:none;}
#location {height:37px; }
#location > ul {display:inline-block; padding:9px 0 5px 12px;}
#location > ul > li {position:relative; float:left; font-size:13px; color:#515151; vertical-align:middle;}
#location > ul > li+li {margin-left:5px; }
#location > ul > li.last {}
#location > ul > li.last > a {display:inline-block; position:relative; padding-right:20px; line-height:16px; }
#location > ul > li.last > a:after {position:absolute; top:2px; right:0; width:11px; height:16px; background:url('/images/common/img_arrow03.png') no-repeat 0 0; background-size:100% auto; content:'';  }
#location > ul > li.last.on > a:after {background-image:url('/images/common/img_arrow04.png'); } 
#location .sub {display:none; position:absolute; top:28px; left:-20px; width:120px; padding:10px; font-size:12px; color:#fff; line-height:24px; background:rgba(34,34,34,0.8); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
#location li.on .sub {display:block; z-index:10;}


/* sub */

#sub-visual {position:relative; padding-left:50%; border:1px solid #000; }
#sub-visual img {max-width:none; height:230px; margin-left:-705px;}
#sub-visual .ctitle {position:absolute; top:50%; left:0; right:0; margin-top:-25px;  font-size:35px; color:#fff; text-align:center;}


.sub-contents {margin:0 auto; width:100%; padding-bottom:40px;  }
.sub-cont {padding-left:5.8%; padding-right:5.8%;}

.tab-menu {position:relative; width:100%; padding-left:5.8%; padding-right:5.8%; background:#e8e8e8; text-align:center; }
.tab-menu:after {position:absolute; bottom:-5px; left:0; width:100%; height:3px; background:#e8e8e8; content:''}
.tab-menu ul {display:inline-block; padding:10px 0 5px;}
.tab-menu ul li {position:relative; float:left; margin:0; padding:0 7px; font-size:12px; line-height:16px; letter-spacing:-0.5px; }
.tab-menu ul li:first-child {padding-left:0; }
.tab-menu ul li+li:before {position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background:#787878; content:'';}
.tab-menu .on {color:#df0010; font-weight:800;}
.tab-menu ul li a {}

.img_show {display:none;}


/* intro */
.intro {overflow:hidden;}
.intro .cont {letter-spacing:-1px; padding-bottom:30px; margin-top:35px; text-align:left;}
.intro .cont strong {font-size:20px; color:#060606; line-height:1.27; }
.intro .cont b {color:#df0011; letter-spacing:-0.5px; }
.intro .cont em {display:block; font-size:22px; color:#000; }
.intro .cont span {color:#9e7429; font-weight:700;}
.intro .cont p {padding-top:25px; font-size:12px; color:#515151; line-height:1.5; }
.intro > p {margin-top:30px; text-align:center;}
.intro > p.img-wrap img {max-width:100%;}
.intro-cont {border-top:1px solid #dcdcdc; background:#f8f8f8; }

.intro03 {margin-top:30px;}
.intro03 iframe {height:300px; margin:0 auto; }
.intro03-cont {width:100%; overflow:hidden; margin-top:30px; text-align:center; }
.intro03-cont p.img-wrap {width:100%; }
.intro03-cont p.img-wrap img {width:200px;} 
.intro03-cont dl {display:inline-block; width:100%; max-width:300px; padding-top:17px; font-size:13px; text-align:left;}
.intro03-cont dt {float:left; color:#231815; font-weight:700;}
.intro03-cont dd {color:#515151; }
.intro03-cont dd span {display:inline-block; letter-spacing:-0.5px; }


/* delivery */
.delivery {width:100%; }
.delivery .inwrap {overflow:hidden; margin:0 -1.8%; }
.delivery-item {float:left; width:100%; padding:3%;}


/* 예약안내 */
.reservation {overflow:hidden; background:#e6dfd5; margin-top:20px; }
.reservation .cont {padding:5%;}
.reservation .cont strong {font-size:20px; color:#background:#e6dfd5; line-height:1.27;}
.reservation .cont strong  b {color:#9e7429; }
.reservation .cont p {padding-top:5%; font-size:12px; color:#515151; line-height:1.5; }
.reservation .cont p br {display:none;}
.reservation .cont span {display:block; padding-top:5%; font-size:16px; color:#df0011; font-weight:700; }
.reservation .bg {padding-bottom:76%; background:url('../images/reservation/reservation_img01.jpg'); background-size:cover;}

#img-box {float:left; width:100%;}
#img-box .bx-wrapper .bx-prev {left: 10px;	background: url('../images/reservation/btn_prev.png') no-repeat ; background-size:70%;}
#img-box .bx-wrapper .bx-next {right: 10px;	background: url('../images/reservation/btn_next.png') no-repeat ; background-size:70%;}
#img-box .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;	margin-top: -16px;outline: 0;width: 24px; height: 39px;text-indent: -9999px;z-index: 9999;}

/* common */

.list01 {overflow:hidden; }
.list01 li {float:left; width:100%; height:222px; padding-top:25px; text-align:center; }
.list01 li:last-child {margin-bottom:20px; }
.list01 li+li {border-top:1px solid #dcdcdc; }
.list01 li img {position:relative; top:9px; left:50%; width:85px; margin-left:-45px; display:block; text-align:center;}
.list01 li span {font-size:17px; color:#181818; font-weight:700; }
.list01 li p {margin-top:13px; font-size:11px; color:#4d4c4c; }


.list02 {overflow:hidden;}
.list02 > li {float:left; width:100%;  padding-top:35px; }
.list02 > li strong {display:block; }
.list02 > li dl { }
.list02 > li dt {font-size:28px; line-height:28px; color:#9e7429; font-weight:800; }
.list02 > li dd {position:relative; font-size:13px; color:#515151; line-height:13px; }
.list02 > li dd:after {position:absolute; top:15px; left:0; width:100%; height:3px; background:url('/images/shop/shop_line02.png') repeat-x; background-size:6px auto; content:'';}
.list02 > li dd span {position:absolute; top:9px; right:0; z-index:5; padding-left:10px; font-size:18px; color:#31251e; font-weight:800; background:#fff; }
.list02 .sub {padding:35px 0; border-bottom:1px solid #989898;}
.list02 .sub li {line-height:20px; }

.list03 {overflow:hidden; width:100%; }
.list03 li {float:left; width:100%; padding-top:35px; }
.list03 li dl {}
.list03 li dt {display:inline-block; position:relative; z-index:10; font-size:15px; color:#31251e; background:#fff; }
.list03 li dt span {font-weight:800; }
.list03 li dd {position:relative;}
.list03 li dd:after {position:absolute; top:-10px; left:0; width:100%; height:3px; background:url('/images/shop/shop_line02.png') repeat-x; background-size:6px auto; content:'';}
.list03 li dd span {position:absolute; top:-20px; right:0; z-index:5; padding-left:10px; font-size:13px; color:#31251e; background:#fff; }
.list03 li dd p {font-size:12px; color:#747474; line-height:14px; }


.list04 {}
.list04 li {overflow:hidden; padding-top:35px; }
.list04 li:first-child {margin-top:0;}
.list04 h3 {display:inline-block; font-size:22px; color:#342425;  border-bottom:1px solid #444444; }
.list04 h3 span {display:inline-block; font-size:11px; color:#9e7429; line-height:11px; font-weight:800; }
.list04 .sub {position:relative; overflow:hidden;}
.list04 dl {float:left; width:100%; margin-top:20px; padding-left:7.4%;}
.list04 dl dt {padding-bottom:9px; font-size:20px; color:#9e7429; font-weight:800; margin-top:0; }
.list04 dl dd {position:relative; padding-top:10px; }
.list04 dl dd:before {position:absolute; top:0px; left:0; width:100%; height:3px; background:url('/images/shop/shop_line02.png') repeat-x; background-size:6px auto; content:'' }
.list04 dl dd span {position:absolute; top:-14px; right:0; padding-left:17px; font-size:16px; color:#31251e; font-weight:800; background:#fff;}
.list04 dl dd p {font-size:13px; color:#515151}


.list05 {padding:3% 4%;}
.list05 dl {font-size:15px; color:#31251e; }
.list05 dl dt {position:relative; display:inline-block; padding-right:10px; z-index:10; line-height:35px; background:#fff; font-weight:500; }
.list05 dl dd {position:relative;  }
.list05 dl dd:after {position:absolute; top:-13px; left:0; width:100%; height:3px; background:url('/images/shop/shop_line01.png') repeat-x; content:'' }
.list05 dl dd span {position:absolute; top:-24px; right:0; z-index:5; padding-left:10px; font-size:13px; background:#fff; }
.list05.type02 {padding:15px 35px 0; }
.list05.type02 li+li {margin-top:9%;}
.list05.type02 dl dt { font-size:20px; color:#9e7429; }
.list05.type02 dl dd:after {top:10px; }
.list05.type02 dl dd p {padding-top:22px; font-size:13px; color:#31251e; letter-spacing:-0.5px;}
.list05.type02 dl dd span {top:-5px; font-size:16px; }

.more {display:inline-block; width:89px; height:34px; font-size:12px; color:#ffffff; line-height:34px; text-align:center; background:#231815;}

.title01 {position:relative; background:#e8e8e8; height:86px; padding:16px 0; font-size:26px; color:#342425; text-align:center;}
.title01:after {position:absolute; bottom:-6px; left:0; width:100%; height:3px; background:#e8e8e8; content:'';}
.title01 span {display:block; font-size:11px; color:#a17931;}