@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css'); 

body {background:url('/images/common/bg01.jpg'); }

#wrap {overflow:hidden; max-width:1500px; margin:0 auto; background:#fff; box-shadow:-1px 1px 20px rgba(0,0,0,0.2);-moz-box-shadow:-1px 1px 10px rgba(0,0,0,0.2);-webkit-box-shadow:-1px 1px 10px rgba(0,0,0,0.2);}

#header {position:relative; height:153px; }
#header-top {position:relative; padding-top:36px; text-align:center; color:#31251e; }
#header-top .cont01 {position:absolute; top:89px; left:50px; font-size:18px;}
#header-top .cont02 {position:absolute; top:71px; right:50px; font-size:16px; }
#header-top .cont02 span {display:block; }
#header-top .cont02 b {margin-left:9px;}
#header-top b {font-weight:700;}
#header-top .btn-open {display:none;}


#gnb {position:absolute; top:153px; left:0; z-index:5; width:100%; height:59px; border-top:1px solid #d1cecc; background:rgba(255,255,255,0.9); }
#gnb > ul {display:block; width:90%; max-width:850px; margin:0 auto; text-align:center;}
#gnb > ul > li {display:inline-block; height:59px; text-align:left;}
#gnb > ul > li+li {margin-left:12%; }
#gnb > ul > li > a {display:block; font-size:20px; color:#31251e; line-height:59px; }
#gnb > ul > li > a span {display:inline-block; position:relative;  font-weight:600;  }
#gnb > ul > li > a span:after {position:absolute; bottom:0; left:50%; right:0; width:0; height:3px; background:#df0011; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;content:''; }
#gnb li.on a {color:#df0011; }
#gnb li.on a span:after, #gnb li a:hover span:after {left:0; width:100%; }
#gnb li .sub {display:none; position:absolute; top:58px; width:160px; margin-left:-30px; padding:17px 0 17px 25px; background:rgba(34,34,34,0.8);}
#gnb .sub li {}
#gnb .sub li a {position:relative; padding-left:10px; color:#e1e3e4; line-height:30px; }
#gnb .sub li a:hover {color:#d0a558;}
#gnb .sub li a:after {position:absolute; top:50%; left:5px; width:4px; height:7px; margin-top:-4px; opacity:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background:url('/images/common/img_arrow01.png') no-repeat 0 center; content:'';}
#gnb .sub li a:hover:after {left:0; opacity:1; }
#gnb-m {display:none;}

#sub_visual_m {display:none; }
#main-visual {overflow:hidden;}
#main-visual .bx-wrapper .bx-pager {text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#fff; padding-top:20px; }
#main-visual .bx-wrapper .bx-pager.bx-default-pager a {width:12px; height: 13px;border:1px solid #fff; background:rgba(0,0,0,0.0); -webkit- border-radius:50%;	border-radius:50%;}
#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:#fff; }
#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.mobile {display:none;}

#main {}
.main-contents {overflow:hidden;padding:74px 20px 60px 20px;}

.main-cont01 {float:left; width:46.5%; margin-right:1.5%; text-align:center;}
.main-cont01 .img {padding:0 20px;}
.main-cont01 img {max-width:100%; }
.main-cont01 ul {overflow:hidden; display:inline-block; margin:60px auto 0;}
.main-cont01 ul li {float:left; padding:0 20px; font-size:20px; color:#3e3e3e; text-align:left; }
.main-cont01 ul li:first-child {padding-left:0; }
.main-cont01 ul li span {display:block; font-size:15px; letter-spacing:-0.7px; font-weight:700;}
.main-cont01 ul li+li {border-left:1px solid #c5c5c5}

.cont-wrap {float:left; overflow:hidden; width:50%;}
.main-cont02, .main-cont03 {position:relative; float:left; width:47%; height:313px; margin:0 1.5%; padding:30px 15px 30px 30px; border:1px solid #e5e5e5; background:#eef0ef;}
.main-cont02 > a {display:inline-block;}
.main-cont02 p {margin-top:21px; font-size:28px; color:#3e3e3e; line-height:37px; letter-spacing:-0.05em;}
.main-cont02 span {position:absolute; bottom:30px; }

.main-cont03 {background:#eef0ef; text-align:right; }
.main-cont03 .img02 {display:block; max-width:100%; margin:0 auto;  }
.main-cont03 .img03 {position:absolute; top:11%; left:10px;  max-width:100%;  }
.main-cont03 > a {display:inline-block; width:100%; }
.main-cont03 span {position:absolute; display:inline-block; bottom:30px; left:50%; width:250px; margin-left:-125px; font-size:25px; color:#3e3e3e; text-align:center;}
.main-cont03 span * {vertical-align:middle;}
.main-cont03 span:after {display:inline-block; position:relative; top:-2px; width:28px; height:28px; margin-left:5px; vertical-align:middle; background:url('/images/common/btn_paly.png') no-repeat 0 0; content:''; }
.main-cont03 span:hover:after {background-image:url('/images/common/btn_paly_on.png');}
.img-view {max-width:100%;}


/* sub */

#sub-visual {position:relative; padding-left:50%; }
#sub-visual img {margin-left:-750px;}
#sub-visual .ctitle {position:absolute; top:50%; left:0; right:0; margin-top:-10px;  font-size:47px; color:#fff; text-align:center;}


/* lnb */

#location {display:none;}
#lnb {height:59px; padding-top:41px; text-align:center; }
#lnb ul {display:inline-block; }
#lnb ul li {float:left; padding:10px 22px; vertical-align:middle; }
#lnb ul li a {position:relative; display:block; font-size:16px; color:#515151; text-align:center; line-height:54px;}
#lnb ul li a:after {position:absolute; bottom:10px; left:50%; width:11px; height:7px; margin-left:-5px; opacity:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  background:url('/images/common/img_arrow02.png') no-repeat center; content:'';}
#lnb ul li a:hover:after, #lnb ul li.on a:after {bottom:0; opacity:1;}
#lnb ul li.on a {display:block; font-size:25px; color:#020202; } 
#lnb ul li a:hover {color:#020202; }


/* shop01 */

.sub-bg01 {width:97%; max-width:1340px; height:45px; margin:66px auto 0; background:url('/images/common/line_bg01.png') no-repeat center 0; }

.sub-contents {width:95%; max-width:1340px; margin:0 auto;  padding-bottom:100px;}
.sub-cont {overflow:hidden; width:95%; max-width:1230px; margin:0 auto; padding:70px 0 0;}
.sub-cont > p.img-wrap img {display:inline-block; }
.img-wrap {float:left; width:34%; }
.img-wrap img {max-width:100%}

.tab-menu {position:relative; max-width:1340px; margin:47px auto 0; background:#e8e8e8; text-align:center;}
.tab-menu:after {position:absolute; bottom:-7px; left:0; width:100%; height:3px; background:#e8e8e8; content:''}
.tab-menu ul {display:inline-block; padding:20px 0 10px; text-align:center; }
.tab-menu ul li {float:left; padding:0 15px; }
.tab-menu ul li:first-child {padding-left:0; }
.tab-menu ul li+li {border-left:1px solid #787878;}
.tab-menu .on {color:#df0010; font-weight:800;}


/* intro */
.intro {overflow:hidden;}
.intro .cont {width:44%; padding:0; letter-spacing:-1px; text-align:left; }
.intro .cont strong {font-size:36px; color:#060606; line-height:40px;}
.intro .cont b {color:#df0011; }
.intro .cont em {display:block; margin-top:7px; font-size:22px; color:#000; line-height:1.3;}
.intro .cont span {color:#9e7429; font-weight:700;}
.intro .cont p {padding-top:35px; font-size:16px; color:#515151; line-height:1.68; }
.intro p.img-wrap {float:right; width:52%;}
.intro p.img-wrap img {max-width:100%;}
.intro.type02 p.img-wrap {float:left; }
.intro.type02 .cont {float:right;}

.intro-cont {border-top:1px solid #dcdcdc; background:#FFFFFF; }

.intro03 {}
.intro03 iframe {}
.intro03-cont {width:100%; overflow:hidden; margin-top:30px;}
.intro03-cont p.img-wrap {float:left; width:255px; }
.intro03-cont p.img-wrap img {max-width:100%;} 
.intro03-cont dl {display:inline-block; overflow:hidden; float:left; margin-left:3.5%; padding-top:17px; font-size:16px;  }
.intro03-cont dt {float:left; display:inline-block; color:#231815; font-weight:700;}
.intro03-cont dd {overflow:hidden; color:#515151; }
.intro03-cont dd span {float:left; }

/* delivery */

.delivery {width:95%; max-width:1230px; margin:0 auto;}
.delivery .inwrap {overflow:hidden; margin:0 -1.8%;}
.delivery-item {float:left; width:33.3%; padding:3%;}

/* 예약안내 */
.reservation {position:relative; overflow:hidden; background:#e6dfd5;}
.reservation .cont {float:left; width:50%; padding:9.7% 6.7% 5%;}
.reservation .cont strong {font-size:32px; background:#e6dfd5; line-height:40px;}
.reservation .cont strong  b {color:#9e7429; }
.reservation .cont p {padding-top:5%; font-size:16px; color:#515151; line-height:1.3; }
.reservation .cont span {display:block; padding-top:5%; font-size:20px; color:#df0011; font-weight:700; }
.reservation .bg {position:absolute; left:50%; right:0; bottom:0; top:0; background:url('../images/reservation/reservation_img01.jpg'); background-size:cover;}

#img-box {float:left; width:50%;}
#img-box .bx-wrapper .bx-prev {left: 10px;	background: url('../images/reservation/btn_prev.png') no-repeat ;}
#img-box .bx-wrapper .bx-next {right: 10px;	background: url('../images/reservation/btn_next.png') no-repeat ;}
#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;}
/* footer */

#footer {background:#2d2521; text-align:center; padding:50px 0; color:#fff; }
#footer address {margin-top:15px;}


/* common */

.list01 {overflow:hidden; }
.list01 li {float:left; width:33.2%; height:430px; padding-top:47px; text-align:center; }
.list01 li+li {border-left:1px solid #dcdcdc; }
.list01 li img {position:relative; top:9px; left:50%; margin-left:-83px; display:block; text-align:center;}
.list01 li span {font-size:32px; color:#181818; font-weight:700; }
.list01 li p {margin-top:25px; font-size:16px; color:#4d4c4c; }

.list02 {overflow:hidden; float:left; width:66%; }
.list02 > li {float:left; width:50%; padding-left:7.4%;  }
.list02 > li strong {display:block; }
.list02 > li dl {height:375px;}
.list02 > li dt {font-size:50px; line-height:50px; color:#9e7429; font-weight:800; }
.list02 > li dd {position:relative; font-size:16px; color:#515151; line-height:16px;}
.list02 > li dd:after {position:absolute; top:23px; left:0; width:100%; height:3px; background:url('/images/shop/shop_line01.png') repeat-x;  content:'';}
.list02 > li dd span {position:absolute; top:15px; right:0; z-index:5; padding-left:10px; font-size:22px; color:#31251e; font-weight:800; background:#fff; }
.list02 .sub {padding:47px 0 0; }
.list02 .sub li {line-height:28px; }

.list03 {overflow:hidden; float:right; width:65%; }
.list03 li {float:left; width:50%; height:110px;  }
.list03 li dl {}
.list03 li dt {display:inline-block; position:relative; z-index:10; padding-right:10px; font-size:20px; color:#31251e; background:#fff; }
.list03 li dt span {font-weight:800; }
.list03 li dd {position:relative; line-height:16px;}
.list03 li dd:after {position:absolute; top:-10px; left:0; width:100%; height:3px; background:url('/images/shop/shop_line01.png') repeat-x; content:'';}
.list03 li dd span {position:absolute; top:-20px; right:0; z-index:5; padding-left:10px; font-size:20px; color:#31251e; background:#fff; }
.list03 li dd p {padding-top:6px; font-size:14px; color:#747474; line-height:20px; }
.list03.shop02_01 li {padding-left:3.5%;}
.list03.shop02_02 li {width:100%; padding-left:5.7%;}
.list03.shop05 li {height:40px; }

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

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



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


.mt50 {margin-top:50px;}
.pt50 {padding-top:50px;}
.f_left {float:left;}
.f_right {float:right;}
.more {display:inline-block; width:89px; height:34px; font-size:12px; color:#ffffff; line-height:34px; text-align:center; background:#231815;}
.more:hover {background:#e1000e;}

/* media screen */

@media screen and (max-width:1200px){
	#gnb > ul > li+li {margin-left:5%;}

	.main-cont01 {width:100%; margin:0 0 20px;}
	.cont-wrap {width:100%;}

	.tab-menu ul li {float:left; padding:0 10px; font-size:14px; letter-spacing:-0.5px;}

	.list01 li span {font-size:24px;}
	.list01 li p {font-size:14px;}

	
	
	.list02 > li {width:100%;}
	.list02 > li+li {margin-top:50px;}
	.list02 > li dl {height:auto; padding-bottom:50px;}
	.list03 li {width:100%;}
	.list04 dl {width:100%; }

	.delivery-item {width:100%;}
	.reservation {padding-top:10px; padding-right:10px;}
	.reservation .cont p br {display:none;}
	.reservation .cont {padding:5%;}

}


@media screen and (max-width:1000px){
	.intro {text-align:center;}
	.intro .cont {display:inline-block; width:100%; text-align:left;}
	.intro p.img-wrap {width:100%; text-align:center; }
	.intro .s01 {margin-top:50px;}

	.reservation .cont br {display:none;}
}