.sub_layout {position: relative; width:1100px; margin: 0 auto;}
.sub_layout:after {content: ""; display: block; clear: both;}

/* sub_header */
.sub_header {position: relative; }
.sub_visual {position: relative; height: 355px; background: url('../img/sub/sub_visual01.jpg') no-repeat center top;}
.sub_visual.visual02 {background: url('../img/sub/sub_visual02.jpg') no-repeat center top;}
.sub_visual.visual03 {background: url('../img/sub/sub_visual03.jpg') no-repeat center top;}
.sub_visual.visual04 {background: url('../img/sub/sub_visual04.jpg') no-repeat center top;}
.sub_visual.visual05 {background: url('../img/sub/sub_visual05.jpg') no-repeat center top;}
.sub_visual.visual06 {background: url('../img/sub/sub_visual06.jpg') no-repeat center top;}
.sub_visual.visual07 {background: url('../img/sub/sub_visual07.jpg') no-repeat center top;}
.sub_visual.visual08 {background: url('../img/sub/sub_visual08.jpg') no-repeat center top;}
.sub_visual.visual09 {background: url('../img/sub/sub_visual09.jpg') no-repeat center top;}
.sub_visual.visual10 {background: url('../img/sub/sub_visual10.jpg') no-repeat center top;}
.sub_visual.visual11 {background: url('../img/sub/sub_visual11.jpg') no-repeat center top;}
.sub_visual .Mtxt {position: absolute; left: 0; right: 0; text-align: center; top: 50%; margin-top: -26px; font-size: 40px; letter-spacing: -0.04em; color: #fff; font-weight: 900; line-height: 1.32;}


.sub_info{position: relative; border-bottom: 1px solid #d4d4d4;}
.snb { float: left; width: 638px; padding-left: 65px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.snb:after{content: ""; display: block; clear: both;}
.sub_location {float: right;}
.sub_location span {display: inline-block; padding-left: 26px; margin-left: 20px; background: url('../img/sub/icon_arrow_right.png') no-repeat left center; font-size: 15px; color: #292929; letter-spacing: -0.04em; line-height: 56px;}
.sub_location span:first-child {background: none;}
.snb .icon_home{position: absolute;left: 0; width: 64px; height: 56px; line-height: 56px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; text-align: center; z-index: 1;}
.snb .icon_home img{vertical-align: middle;}
.snb .snb_list{float: left;width: 50%; border-right: 1px solid #d4d4d4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.snb .snb_list.list01{}
.snb .snb_list > li{position: relative;}
.snb .snb_list > li > a{display: block; line-height: 56px; padding-left: 10px; font-size: 15px; color: #292929;}
.snb .snb_list > li.long > a{letter-spacing:-1px;}
.snb .snb_list.list01 > li > a{background:  url("../img/sub/icon_arrow_down.png") no-repeat 93% center;}
.snb .snb_list.list02 > li > a{background:  url("../img/sub/icon_arrow_down.png") no-repeat 93% center;color: #292929;}
.snb .snb_list .depth02{position: absolute;left: 0;right: -1px;top: 56px;display: none; z-index: 5; border: 1px solid rgba(107,120,139,0.5);;}
.snb .snb_list .depth02 > li > a{display: block; font-size: 14px; color: #333; padding-left: 10px;line-height: 42px;}
.snb .snb_list .depth02 > li.active > a{color: #f9762b;}
.snb .snb_list.list01 .depth02{background: rgba(255,255,255,0.8);}
.snb .snb_list.list02 .depth02{background: rgba(255,255,255,0.8);}
.snb .snb_list.list01 .depth02 > li{border-bottom: 1px solid rgba(107,120,139,0.5);}
.snb .snb_list.list01 .depth02 > li:last-child{border-bottom: 0;}
.snb .snb_list.list02 .depth02 > li{border-bottom: 1px solid rgba(107,120,139,0.5);}
.snb .snb_list.list02 .depth02 > li:last-child{border-bottom: 0;}

/* sub_container */
.sub_container {padding-bottom: 155px;}
.sub_tab {margin-top: 30px; margin-bottom: 45px;}
.sub_tab:after{content: ""; display: block; clear: both;}
.sub_tab li{float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sub_tab li a {display: block; height: 44px; line-height: 44px; text-align: center; font-size: 15px; color: #000; letter-spacing: -0.04em; border: 1px solid #e5e5e5; border-left: none; overflow: hidden;}
.sub_tab li:first-child a{border-left: 1px solid #e5e5e5;}
.sub_tab li.active a {background: #ff8309; border-color: #ff8309; color: #fff;}
.cols-01 li{width: 100%;}
.cols-02 li{width: 50%;}
.cols-03 li{width: 33.3333333%;}
.cols-04 li{width: 25%;}
.cols-05 li{width: 20%;}

.sub_title {text-align: center; margin-bottom: 70px;}
.sub_title span {display: inline-block; font-size: 14px; color: #ff8309; margin-bottom: 15px; letter-spacing: -0.04em;}
.sub_title h2 {position: relative; font-size: 40px; color: #000; letter-spacing: -0.04em; padding-bottom: 30px;}
.sub_title h2:after {content: ""; position: absolute; bottom: 0; left: 50%; width: 42px; height: 3px; background: #000; margin-left: -21px;}


/* 회사소개 */
.about01 .sub_content {text-align: center;}
.about01 .txt01 {font-size: 33px; color: #000; font-weight: bold; letter-spacing: -0.04em; margin-bottom: 18px;}
.about01 .txt02 {font-size: 25px; color: #ff8309; letter-spacing: -0.04em; margin-bottom: 55px;}
.about01 .txt03 {font-size: 20px; color: #505050; letter-spacing: -0.04em; line-height: 1.3;}
.about01 .sign01 {margin-top: 65px;}

/* 연혁 */
.history {position: relative; text-align: center;}
.history:after {content: ""; position: absolute; left: 50%; margin-left: -1px; top: 0; bottom: 25px; border-left: 1px solid #dcdcdc;}
.history h3 {position: relative; display: table; width: 129px; height: 129px; margin: 55px auto; background: #ff8309; border-radius:50%; z-index: 1;}
.history h3:first-child {margin-top: 0;}
.history h3 span {display: table-cell; vertical-align: middle; font-size: 22px; color: #fff;}

.hlist .bnd {margin-top: 40px;}
.hlist .bnd:first-child {margin-top: 0;}
.hlist .bnd:after {content: ""; display: block; clear: both;}
.hlist .bnd .box {width: 50%; position: relative; z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hlist .bnd .box .date {position: absolute; display: inline-block; top: 50%; margin-top: -20px; width: 127px; height: 40px; line-height: 40px; text-align: center; font-size: 22px; color: #ff8309; letter-spacing: -0.08em; border: 1px solid #dcdcdc; border-radius:40px; font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hlist .bnd .box .date:before {content: ""; position: absolute; top: 50%; width: 64px; border-bottom: 1px solid #dcdcdc;}
.hlist .bnd .box .date:after {content: ""; position: absolute; top: 50%; margin-top: -6px;width: 12px; height: 12px; background: #ff8309; border-radius:50%;}
.hlist .bnd .box .txt {font-size: 20px; color: #383838; letter-spacing: -0.05em; line-height: 40px;}
.hlist .bnd.lt .box {float: left; text-align: right;  padding-right: 188px;}
.hlist .bnd.lt .box .date {right: 64px;}
.hlist .bnd.lt .box .date:before {right: -61px;}
.hlist .bnd.lt .box .date:after {right: -70px;}
.hlist .bnd.lt .box .txt {margin-right: 20px;}
.hlist .bnd.rt .box {float: right; text-align: left; padding-left: 188px;}
.hlist .bnd.rt .box .date {left: 64px;}
.hlist .bnd.rt .box .date:before {left:  -61px;}
.hlist .bnd.rt .box .date:after {left: -71px;}
.hlist .bnd.rt .box .txt {margin-left: 20px;}

/* board */
.btn-style01 {display: inline-block; margin: 0 3px; width: 186px; height: 58px; line-height: 58px; text-align: center; font-size: 18px; color: #fff; border: 1px solid #505050; background: #505050; border-radius:58px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn-style01.can {background: #fff; color: #505050;}
.btn-style03{display:inline-block; width: 186px; height:58px;text-align:center;line-height:58px;background-color:#fff; color:#666;vertical-align:middle;font-size:18px; font-weight:bold; border:1px solid #505050;}
.btn-style03 img{vertical-align:middle;margin-right:5px;margin-top:-2px;}
.btn-style03:hover{background: #505050; color: #fff;}
.btn-style03.can{background-color:#e6e6e6;color:#a6a6a6;}
.btn-style03.can:hover{background-color:#f3f3f3;}
.ta_write {width:100%;border-top:2px solid #1b1b1b; border-bottom: 2px solid #e4e4e4;}
.ta_write th{padding:10px 0;font-size:18px;color:#505050;text-align:left;padding-left:40px; vertical-align: top; line-height: 46px;}
.ta_write th.point label{position:relative;display:inline-block;}
.ta_write th.point label:after{position:absolute;left:-10px;top:50%;margin-top:-8px;content:"*";display:block;color:#f8121a;}
.ta_write td{padding:10px 0;padding-right: 20px; font-size:16px; }
.ta_write td input[type="text"],
.ta_write td input[type="password"],
.ta_write td input[type="file"]{height:46px;}
.ta_write td input.long{width:415px;}
.ta_write td input.shot{width:274px;}
.ta_write td input.join_input04{width:80px;text-align:center;}
.ta_write td input.join_input03{width:100px;text-align:center;}
.ta_write td input.frm_address{width:50%;text-align:left;}
.ta_write td.ph select,
.ta_write td.ph input{width: 130px;text-align: center;}
.ta_write td.check_list span{display: inline-block;margin: 5px 0;margin-right: 10px;}
.ta_write td.check_list label{font-size:16px;vertical-align: middle;}
.ta_write td .add-box{padding:3px 0;}
.ta_write td select{height:46px;font-size:13px;}
.ta_write td select.tel{width:100px;}
.ta_write td textarea{height:120px;width:98%;}
.ta_write td .btn_01{display:inline-block;height:30px;background:#fff;padding:0 15px;font-size:12px;border:1px solid #c9c9c9;color:#888;vertical-align:middle;border-radius:2px;}
.ta_write td .btn_01:hover{background:#f6f6f6;}
.ta_write td .date{position: relative;display: inline-block;margin-right: 5px;}
.ta_write td .date input{padding-right: 30px;}
.ta_write td .date .ui-datepicker-trigger{position: absolute;right: 8px;top: 6px;}
.ta_write tr:first-child th,
.ta_write tr:first-child td {padding-top: 40px;}
.ta_write tr:last-child th,
.ta_write tr:last-child td {padding-bottom: 40px;}
.bo_write .btn-wrap {margin-top: 70px; text-align: center;}

.ta_list01{width:100%;table-layout:fixed;border-top:2px solid #1b1b1b; margin-bottom: 80px;}
.ta_list01 thead th{height:62px;border-bottom:1px solid #1b1b1b;background-color:#fff;font-size:18px;color:#303030;}
.ta_list01 tbody td{font-size:16px;height:62px;text-align:center;color:#505050;border-bottom:1px solid #bfbfbf;}
.ta_list01 tbody tr:hover td{background-color:#fafafa;}
.ta_list01 tbody td.td_subject{text-align:left;padding-left:20px;}
.ta_list01 tbody td.td_subject a{font-size:16px;color:#505050; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.ta_list01 tbody tr:hover td.td_subject a{color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ta_list01 .tacol01 {width: 80px;}
.ta_list01 .tacol02 {width:  auto;}
.ta_list01 .tacol03 {width: 120px;}
.ta_list01 .tacol04 {width: 150px;}

.ta_view01{width:100%;table-layout:fixed;border-top:2px solid #1b1b1b;}
.ta_view01 thead th{position:relative;padding:20px;border-bottom:1px solid #1b1b1b;text-align:left;font-size:18px;color:#303030;}
.ta_view01 thead th .subject{display:block;padding-right: 150px;font-size:18px;color:#303030;line-height:140%;}
.ta_view01 thead th .view-info{position:absolute; right:20px;top:50%;margin-top:-9px;font-size:16px;color:#626262;}
.ta_view01 thead th .view-info span{display:inline-block;margin:0 4px;}
.ta_view01 tbody td.view-cont{padding:50px 20px;border-bottom:1px solid #d9d9d9; font-size: 16px;}
.ta_view01 tbody td.view-cont img{max-width:100%;}
.ta_view01 tbody td.view-cont .video {margin: 15px auto; text-align: center;}
.ta_view01 tfoot th,
.ta_view01 tfoot td{font-size:16px;padding:7px 20px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.ta_view01 tfoot td.date{padding:7px 0;font-size:12px;border-left:none;}
.ta_view01 tfoot td .subject{display:block;width:100%;font-size:13px;color:#666;line-height:170%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ta_view01 tfoot th.tf_tit{background-color:#fbfbfb;}
.ta_view01 tfoot th.tf_tit img{vertical-align:middle;margin-right:5px;}
.bo_view .btn-wrap {margin-top: 70px; text-align: center;}

.ga_list{}
.ga_list:after{content:"";display:block;clear:both;}
.ga_list a {display: block;}
.ga_list a span,
.ga_list a strong {display: block;}
.ga_list li{float:left;width:340px;margin-right:20px;margin-bottom:35px;}
.ga_list li .ga_img{position:relative;display:block;width:340px; height:220px; overflow:hidden;border:1px solid #ddd;}
.ga_list li .ga_img img {width: 100%; min-height:100%;}
.ga_list li .ga_cont{padding-top: 20px; text-align: center;}
.ga_list li .ga_img .gall_bg{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.8);padding:12px;box-sizing:border-box;text-align:center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; /* IE 8 */
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=00); /* IE 7 and olders */
       opacity: 0; 
		transition: 0.5s all ease;
		-webkit-transition: 0.5s all ease;
		-moz-transition: 0.5s all ease;
}
.ga_list li .ga_img .gall_bg .gall_tit{position:relative;display:inline-block;font-size:18px;color:#fff;font-weight:bold;padding-right:24px;margin-top:120px;
		transition: 0.5s all ease;
		-webkit-transition: 0.5s all ease;
		-moz-transition: 0.5s all ease;
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
}
.ga_list li .ga_img .gall_bg .gall_tit:after{position:absolute;right:0;top:50%;margin-top:-15px;content:">";color:#a7a3a2;display:block;font-size:25px;font-weight:normal;}

.ga_list li:hover .ga_img{border-color:#5d80a0;}

.ga_list li .ga_subject{display:block;font-size:18px;color:#303030; letter-spacing: -0.04em; margin-bottom:9px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;}
.ga_list li .ga_txt{font-size:14px;color:#505050; letter-spacing: -0.04em; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 지점안내 */
.store01 .store_visual {font-size: 0; text-indent: -9999em; height: 420px; background: url('../img/sub/store01_visual_img.jpg') no-repeat center top;}
.store_list_wrap {padding-top: 50px; padding-bottom: 65px; box-shadow: 5px 8px 21px 0px rgba(186, 185, 185, 0.75);}
.store_list_wrap h3 {display: table; width: 85px; height: 85px; margin: 0 auto; text-align: center; background: #ff8309;}
.store_list_wrap h3 span {display: table-cell; width: 100%; height: 100%; font-size: 26px; line-height: 1.25; color: #fff; vertical-align: middle;}
.store_list01 {margin: 52px 52px 0;}
.store_list01:after {content: ""; display: block; clear: both;}
.store_list01 .sl_box {position: relative; float: left; width: 25%; height: 375px;	 padding: 0 42px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.store_list01 .sl_box:after {content: ""; position: absolute; left: 0; top: 35px; width: 1px; height: 300px; border-left: 1px solid #222;}
.store_list01 .sl_box:first-child:after {display: none;}
.store_list01 .sl_box  h4 {text-align: center; font-size: 18px; color: #000; margin-bottom: 20px;}
.store_list01 .sl_box .sl_list .bnd {position: relative; padding-left: 58px;}
.store_list01 .sl_box .sl_list .bnd strong {position: absolute; left: 0; top: 0; font-size: 14px; line-height: 24px;}
.store_list01 .sl_box .sl_list .bnd .tel {display: inline-block; position: relative; font-size: 14px; line-height: 24px; color: #000; padding-left: 10px;}
.store_list01 .sl_box .sl_list .bnd .tel:after {content: ""; position: absolute; left: 0; top: 50%; margin-top: -7px; height: 14px; border-left: 1px solid #444;}
.store01 .store_banner {position: relative; padding: 45px 0; background: #ff8309 url('../img/sub/store01_bannerbg.png') repeat-x center top / cover; text-align: center; z-index: 1;}
.store01 .store_banner .txt01 {font-size: 40px; line-height: 1.4; letter-spacing: -0.04em; color: #fff; margin-bottom: 8px; font-weight: bold;}
.store01 .store_banner .txt02 {font-size: 16px; letter-spacing: -0.04em; color: #fff;}
.store01 .btn_wrap {text-align: center; margin: 42px 0;}

/* 딜러&대리점 모집 */
.join01 .join_visual {position: relative; margin-bottom: 50px; font-size: 0; text-indent: -9999em; height: 420px; background: url('../img/sub/join01_visual_img.jpg') no-repeat center top;}
.join01 .join_visual .tel {position: absolute; left: 427px; bottom: 38px; width: 245px; height: 48px;}


/* 통돼지바베큐 */
.bbq_top {text-align: center; margin-bottom: 45px;}
.bbq_top .txt01 {font-size: 20px; line-height: 1.6;}
.bbq_top .txt01 span {font-size: 18px;}
.bbq_topImg {position: relative; width:1100px; margin: 0 auto;}
.bbq_topImg:after {content: ""; display: block; clear: both;}
.bbq_topImg .bt_imglist01 {float: left; width: 760px;}
.bbq_topImg .bt_imglist02 {float: left; width: 340px;}
.bbq_topImg .bt_imglist01:after {content: ""; display: block; clear: both;}
.bbq_topImg .bt_imglist01 .bnd {float: left; width: 360px; margin-right: 20px; margin-bottom: 20px;}
.bbq_banner01 {height: 120px; background: #ff8309; text-align: center; margin-top: -28px; margin-bottom: 20px; display: none;}
.bbq_banner01 .tel {display: inline-block; font-size:57px; color: #fff; font-weight: bold; padding-top: 28px; margin-bottom: 3px;}
.bbq_banner01 p {font-size: 16px; color: #fff; letter-spacing: -0.04em;}

.bbq_tab_wrap {position: relative; height: 430px; background: url('../img/sub/barbecue01_tabbg.jpg') no-repeat center top / cover; margin-bottom: 50px;}
.bbq_tab_wrap h3 {position: absolute; top: 46px; left: 380px; width: 296px; height: 49px; padding-left: 35px; font-size: 24px; color: #fff; line-height: 49px; background: #e47d6a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bbq_tab_wrap h3:after {content: ""; position: absolute; right: -40px; width: 40px; height: 49px; background: url('../img/sub/barbecue01_tabtitbg.png') no-repeat right center;}
.bbq_tab_wrap .bt_left {position: relative; float: left; width: 360px; height: 370px; background: #fff; margin-left: 20px; margin-top: 35px; padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bbq_tab_wrap .bt_left:before {content: ""; position: absolute; left: 0; right: 0; top: -7px; height: 2px; background: url('../img/sub/dashed.png') repeat-x left top; }
.bbq_tab_wrap .bt_left:after {content: ""; position: absolute; left: 0; right: 0; bottom: -7px; height: 2px; background: url('../img/sub/dashed.png') repeat-x left top; }
.bbq_tab_wrap .bt_left .bt_tab_list {width: 120px;}
.bbq_tab_wrap .bt_left .bt_tab_list .bnd {padding: 25px 0 5px 9px;border-bottom: 1px solid #222;}
.bbq_tab_wrap .bt_left .bt_tab_list .bnd strong {vertical-align: bottom; font-size: 20px; color: #222; letter-spacing: -0.02em; transition: 0.3s all;}
.bbq_tab_wrap .bt_left .bt_tab_list .bnd span {vertical-align: bottom; font-size: 10px; color: #222; margin-left: 5px; letter-spacing: -0.02em; transition: 0.3s all;}
.bbq_tab_wrap .bt_left .bt_tab_list .bnd.active strong,
.bbq_tab_wrap .bt_left .bt_tab_list .bnd.active span {color: #e47d6a;}
.bbq_tab_wrap .bt_left .bt_recom {position: absolute; top: 50%; left: 162px; width: 180px; height: 191px; margin-top: -95.5px; overflow: hidden;}
.bbq_tab_wrap .bt_left .bt_recom ul li {display: none;}
.bbq_tab_wrap .bt_left .bt_recom ul li:first-child {display: block;}
.bbq_tab_wrap .bt_right {float: left; margin-left: 102px; margin-top: 56px;}
.bbq_tab_wrap .bt_right .bt_tab_img {width: 560px; height: 365px; overflow: hidden;}
.bbq_tab_wrap .bt_right .bt_tab_img li {display: none;}
.bbq_tab_wrap .bt_right .bt_tab_img li:first-child {display: block;}

.bbq_info {margin-bottom: 48px;}
.bbq_info .txt01 {color: #ff8309; font-size: 16px; letter-spacing: -0.04em; margin-bottom: 8px;}
.bi_ta01 {width: 100%; border: 1px solid #e5e5e5;}
.bi_ta01 thead th {height: 95px; text-align: center; background: #eeab8e; border: 1px solid #e5e5e5;font-size: 20px; color: #fff;}
.bi_ta01 thead th span {font-size: 16px;}
.bi_ta01 tbody td {height: 40px; text-align: center; background: #fff; border: 1px solid #e5e5e5; font-size: 18px; color: #222;}
.bi_ta02 {width: 100%; border: 1px solid #e5e5e5; margin-top: -1px; padding-bottom: 21px;  text-align: center;}
.bi_ta02 .tit01 {margin-top: 44px; margin-bottom: 30px;}
.bi_ta02 .tit01 span {position: relative; display: inline-block; padding: 0 25px; font-size: 18px; color: #222;}
.bi_ta02 .tit01 span:before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 15px; height: 15px; background: #ebdbc0; border-radius:50%;}
.bi_ta02 .tit01 span:after {content: "";position: absolute; right: 0; top: 50%; margin-top: -8px; width: 15px; height: 15px; background: #ebdbc0;border-radius:50%;}
.bi_ta02 .tit02 {text-align: center; margin-bottom: 30px;}
.bi_ta02 .tit02 span {position: relative; display: inline-block; padding: 0 40px; font-size: 18px; color: #222;}
.bi_ta02 .tit02 span:before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url('../img/sub/tit_st01.png') no-repeat;}
.bi_ta02 .tit02 span:after {content: ""; position: absolute; right: 0; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url('../img/sub/tit_st01.png') no-repeat;}
.bi_ta02 .bi_list01 li{display: inline-block; border: 1px solid #e5e5e5; margin: 0 8px;}
.bi_ta02 .bi_list01_1:after {content: ""; display: block; clear: both;}
.bi_ta02 .bi_list01_1 {margin-left: 10px; margin-bottom: 55px;} 
.bi_ta02 .bi_list01_1 li{float: left; margin-left: 16px; margin-bottom: 18px;}
.bi_ta02 .bi_list01_2:after {content: ""; display: block; clear: both;}
.bi_ta02 .bi_list01_2 {margin-left: 10px;  }
.bi_ta02 .bi_list01_2 li{float: left; margin-left: 16px;  margin-bottom: 18px;}
.bi_ta02 .bi_list01_2 li img {width: 338px; height: 228px;}

.bbq_option {margin-bottom: 30px;}
.bbq_option .tit02 {text-align: center; margin-bottom: 30px;}
.bbq_option .tit02 span {position: relative; display: inline-block; padding: 0 40px; font-size: 24px; color: #222;}
.bbq_option .tit02 span:before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url('../img/sub/tit_st01.png') no-repeat;}
.bbq_option .tit02 span:after {content: ""; position: absolute; right: 0; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url('../img/sub/tit_st01.png') no-repeat;}

.bbq_option .bp_cont {border: 1px solid #e5e5e5; padding: 19px;}
.bbq_option .bp_list01 {margin-bottom: 20px;}
.bbq_option .bp_list01:after {content: ""; display: block; clear: both;} 
.bbq_option .bp_list01 .bnd {float: left; width: 520px; border: 1px solid #e5e5e5; margin-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bbq_option .bp_list01 .bnd:first-child {margin-left: 0;}
.bbq_option .bp_list01 .bnd .cl_cont {height: 190px; padding-left: 50px; padding-top: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bbq_option .bp_list01 .bnd.bnd01 .cl_cont {background: url('../img/sub/barbecue01_bo_img01.png') no-repeat right bottom / cover;}
.bbq_option .bp_list01 .bnd.bnd02 .cl_cont {background: url('../img/sub/barbecue01_bo_img02.png') no-repeat right bottom / cover;}
.bbq_option .bp_list01 .bnd .cl_cont .txt01 {font-size: 22px; color: #222; letter-spacing: -0.04em; margin-bottom: 20px;}
.bbq_option .bp_list01 .bnd .cl_cont .txt02 {font-size: 16px; color: #222; letter-spacing: -0.04em; line-height: 1.3;}
.bbq_option .bp_list01 .bnd .cl_txt {height: 48px; line-height: 48px; text-align: right; padding: 0 24px; font-size: 22px; color: #fff; background: #eeab8e;}
.bbq_option .bp_list01 .bnd .cl_txt span {font-size: 16px;}

.bbq_option .bp_list02:after {content: ""; display: block; clear: both;} 
.bbq_option .bp_list02 .bnd {float: left; width: 340px; border: 1px solid #e5e5e5; margin-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bbq_option .bp_list02 .bnd:first-child {margin-left: 0;}
.bbq_option .bp_list02 .bnd .cl_txt {height: 48px; line-height: 48px; text-align: right; padding: 0 24px; font-size: 22px; color: #fff; background: #eeab8e;}

.bbq_option .bp_list03 {margin-left: -20px; margin-top: -20px;}
.bbq_option .bp_list03:after {content: ""; display: block; clear: both;} 
.bbq_option .bp_list03 .bnd {float: left; width: 250px; height: 160px; border: 1px solid #e5e5e5; margin-left: 20px; margin-top: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bbq_option .bp_list03 .bnd.long {width: 520px;}
.bbq_option .bp_list03_txt { height: 48px; line-height: 48px; text-align: center; padding: 0 24px; font-size: 22px; color: #fff; background: #eeab8e;}
.bbq_option .bp_list04:after {content: ""; display: block; clear: both;} 
.bbq_option .bp_list04 .bnd {float: left; width: 520px; border: 1px solid #e5e5e5; margin-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bbq_option .bp_list04 .bnd:first-child {margin-left: 0;}
.bbq_option .bp_list04 .bnd .cl_txt {height: 48px; line-height: 48px; text-align: right; padding: 0 24px; font-size: 22px; color: #fff; background: #eeab8e;}
.bbq_option .bp_list04 .bnd .cl_txt span {font-size: 16px;}

.bbq_banner02 {position: relative; height: 320px; background: url('../img/sub/barbecue01_banner01.jpg') no-repeat 0 0; font-size: 0; text-indent: -9999em;}
.bbq_banner02 a {position: absolute; width: 215px; height: 40px; right: 232px; bottom: 12px;}
.bbq_banner02 + .btn_wrap {text-align: center; margin: 50px 0;}
.beer_di + .btn_wrap {text-align: center; margin: 50px 0;}

.inquire_bg {margin-bottom: 50px;}
.inquire_bg .ib_visual {height: 382px; background: url('../img/sub/inquire_bg.jpg') no-repeat center top;}
.inquire_bg .ib_box ul:after {content: ""; display: block; clear: both;}
.inquire_bg .ib_box ul li {float: left; width: 20%; height: 98px; padding-left: 35px; padding-top: 20px;  background: #572811;
box-shadow:-1px 5px 13px 0px rgba(12, 3, 6, 0.75);
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
box-sizing: border-box;}
.inquire_bg .ib_box ul li strong {display: block; font-size: 18px; color: #fff; letter-spacing: -0.04em; margin-bottom: 5px;}
.inquire_bg .ib_box ul li span {display: block; font-size: 14px; color: #fff; letter-spacing: -0.04em; line-height: 1.3;}

.bbq04_top {margin-bottom: 40px;}
.bbq04_top h3{padding: 0 50px; line-height: 58px; background: #ff8309; font-size: 28px; color: #fff; letter-spacing: -0.04em;  font-family: Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;}
.bbq04_top .txtbox {background: #272524; padding:34px 20px 37px;}
.bbq04_top .txtbox .txt01 {padding: 60px 15px 25px; font-size: 16px; color: #222; letter-spacing: -0.06em; line-height: 2; background: url('../img/sub/bbq04_top_bg.png') no-repeat center top / 100% 100%; font-family: Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;}

.beer_top {text-align: center; margin-bottom: 75px;}
.beer_top .bt_txt {margin-top: 55px; }
.beer_top .bt_txt .txt01 {margin-bottom: 21px;}
.beer_top .bt_txt .txt02 {font-size: 19px; letter-spacing: 0.04em; color: #222; line-height: 1.2;}
.beer_top .bt_txt .txt02 span{color: #ff8309;}

.beer_step {text-align: center; padding: 37px 0; background: #fff4f0; margin-bottom: 95px;}
.beer_step h3 {font-size: 26px; color: #000; letter-spacing: -0.04em; margin-bottom: 35px;}
.beer_step .st_list01 li {display: inline-block; width: 278px;}
.beer_step .st_list01 li span {display: block;}
.beer_step .st_list01 li .st_img {margin-bottom: 25px;}
.beer_step .st_list01 li .st_tit01 {width: 144px; height: 37px; line-height: 37px; background: #ff8309; color: #fff;font-size: 19px; margin: 0 auto; border-radius:37px;}
.beer_step .st_list01 li .st_txt01 {margin-top: 13px; font-size: 19px; color: #000; letter-spacing: -0.04em; line-height: 1.3;}

.beer_di {width: 1045px; margin: 0 auto;}
.beer_di h3 {position: relative; font-size: 26px; color: #000; letter-spacing: -0.04em; padding-bottom: 22px; text-align: center; margin-bottom: 40px;}
.beer_di h3:after {content: ""; position: absolute; bottom: 0; left: 50%; width: 42px; height: 3px; background: #000; margin-left: -21px;}
.beer_di .bd_list .bnd {float: left; width: 513px; height: 267px; margin-bottom: 20px;}
.beer_di .bd_list .bnd01 {margin-right: 19px; background: url('../img/sub/barbecue04_bot_img01.png') no-repeat center top / cover; text-align: left;}
.beer_di .bd_list .bnd02 {background: url('../img/sub/barbecue04_bot_img02.png') no-repeat center top / cover; text-align: right;}
.beer_di .bd_list .bnd03 {width: 100%; height: 343px; background: url('../img/sub/barbecue04_bot_img03.png') no-repeat center top / cover; text-align: left;}
.beer_di .bd_list .txtbox {display: inline-block; width: 51%; height: 100%;  color: #fff;  letter-spacing: -0.04em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.beer_di .bd_list .bnd03 .txtbox {width: 56%; }
.beer_di .bd_list .txtbox h4 {font-size: 30px; margin-bottom: 43px;}
.beer_di .bd_list .txtbox p {font-size: 16px; line-height: 1.8;}
.beer_di .bd_list .txtbox p span {color: #fffc00;}
.beer_di .bd_list .tbt {display: table; width: 100%; height: 100%; background: rgba(187,103,56,0.85);}
.beer_di .bd_list .tbc {display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0 24px 0 32px;}
.beer_di .txt01 {text-align: right; font-size: 12px; color: #ff8309; }

.gosa_wrap {padding: 0 39px 25px; background: #f8f3e2;}
.gosa_tab {/* width: 1022px; margin: 0 auto; */ margin-bottom: 10px; }
.gosa_tab:after {content: ""; display: block; clear: both;}
.gosa_tab li{float: left; width: 33.333333%; display: table; height: 220px;}
.gosa_tab li a {display: table-cell; vertical-align: middle; text-align: center; background: #fff;}
.gosa_tab li a strong,
.gosa_tab li a span {display: block;}
.gosa_tab li a .gt_txt1 {font-size: 28px; color: #4c5259; font-family: 'Nanum Myeongjo';}
.gosa_tab li a .gt_txt2 {padding: 20px 0; font-size: 18px; line-height: 1.3; color: #4c5259; font-family: 'Nanum Myeongjo'; letter-spacing: -0.06em;}
.gosa_tab li a .gt_mo {display: inline-block; width: 188px; height: 46px; line-height: 46px; text-align: center; font-size: 28px; color: #fff; background: url('../img/sub/barbecue01_04_tab_tit.png') no-repeat left -46px; font-family: 'Nanum Myeongjo'; }
.gosa_tab li:last-child a .gt_txt2 {padding: 8px 0 9px 0;}
.gosa_tab li.active a {background: #4c5259;}
.gosa_tab li.active a .gt_txt1 {color: #fff;}
.gosa_tab li.active a .gt_txt2 {color: #fff;}
.gosa_tab li.active a .gt_mo {color: #4c5259; background-position: 0 0;}
.gosa_cont {text-align: center;}
.gosa_cont .gasa_box {display: none;}
.gosa_bot {background: #fff;}

.gb_ta01 {width: 100%; margin-top: -1px; padding-top: 44px; padding-bottom: 21px;  text-align: center;}
.gb_ta01 .tit01 { margin-bottom: 30px;}
.gb_ta01 .tit01 span {position: relative; display: inline-block; padding: 0 25px; font-size: 18px; color: #222;}
.gb_ta01 .tit01 span:before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 15px; height: 15px; background: #ebdbc0; border-radius:50%;}
.gb_ta01 .tit01 span:after {content: "";position: absolute; right: 0; top: 50%; margin-top: -8px; width: 15px; height: 15px; background: #ebdbc0;border-radius:50%;}
.gb_ta01 .bi_list01{font-size: 0;}
.gb_ta01 .bi_list01 li{display: inline-block; border: 1px solid #e5e5e5; margin: 0 3px;}

/* mobile */
@media screen and (max-width: 960px){
	.sub_container {padding: 0 20px 155px;}
	.sub_layout {width: 100%;}
	
	.sub_visual .Mtxt {font-size: 28px;}
	
	.sub_location {display: none;}
	.snb {width: 100%;}

	.ga_list li {width: calc(50% - 20px); margin: 0 10px; margin-bottom: 40px;}
	.ga_list li .ga_img {width: 100%; height: auto;}

	.history h3 {margin: 55px 0;}
	.history:after {left: 64px; margin-left: 0;}
	.hlist .bnd .box {width: 100%; float: none;}
	.hlist .bnd.lt .box {float: none; text-align: left; padding-right: 0; padding-left: 255px;}	
	.hlist .bnd.lt .box .date {right: auto;left: 128px;}
	.hlist .bnd.lt .box .date:before {right: auto; left:  -65px;}
	.hlist .bnd.lt .box .txt {margin-left: 20px; margin-right: 0;}
	.hlist .bnd.lt .box .date:after {right: auto; left: -71px;}
	.hlist .bnd.rt .box {float: none; padding-left: 255px;}	
	.hlist .bnd.rt .box .date {left: 128px;}
	.hlist .bnd.rt .box .date:before {left:  -65px;}
	.hlist .bnd.rt .box .date:after {left: -71px;}
	
	.bbq_top .txt01 {padding: 0 15px;}
	.bbq_top .txt01 br{display: none;}
	
	.bbq_tab_wrap {height: auto; text-align: center;}
	.bbq_tab_wrap:after {content: ""; display: block; clear: both;}
	.bbq_tab_wrap h3 {position: relative; left: 0; top: 0; width: 100%; padding-left: 0; text-align: center;}
	.bbq_tab_wrap h3:after {display: none;}
	.bbq_tab_wrap .bt_left {display: inline-block; float: none; margin-left: 0;}
	.bbq_tab_wrap .bt_left .bt_tab_list .bnd {text-align: left;}
	.bbq_tab_wrap .bt_right {display: block; float: none;margin-left: 0; margin-top: 30px;}
	.bbq_tab_wrap .bt_right .bt_tab_img {margin: 0 auto;}

	.bi_ta02 .bi_list01 li {width: calc(25% - 20px); margin: 0;}
	
	.bbq_option .bp_list01 {margin-bottom: 10px;}
	.bbq_option .bp_list01 .bnd {width: calc(50% - 5px); margin-left: 10px;}
	.bbq_option .bp_list01 .bnd .cl_cont {padding-left: 30px; padding-top: 25px;}
	.bbq_option .bp_list01 .bnd .cl_cont .txt01 {font-size: 18px;}
	.bbq_option .bp_list01 .bnd .cl_cont .txt02 {font-size: 14px;}
	.bbq_option .bp_list02 .bnd {width: calc(33.3333333% - 7px); margin-left: 10px;}
	.bbq_option .bp_list01 .bnd .cl_txt {font-size: 16px;}
	.bbq_option .bp_list01 .bnd .cl_txt span {font-size: 12px;}
	.bbq_option .bp_list02 .bnd .cl_txt {font-size: 16px;}
	.bbq_option .bp_list04 .bnd {width: calc(50% - 5px); margin-left: 10px;}
	.bbq_option .bp_list04 .bnd .cl_txt {font-size: 16px;}
	.bbq_option .bp_list03_txt  {font-size: 16px;}

	.bbq_banner02 {height: auto; padding-bottom: 29.09%; background-size:cover;}
	.bbq_banner02 a {width: 100%; height: 100%; right: 0; bottom: 0;}
	.bi_ta01 thead th span {font-size: 12px;}

	.bbq_option .bp_list03 {margin-top: -10px; margin-left: -10px;}
	.bbq_option .bp_list03 .bnd {width: calc(25% - 10px); margin-left: 10px; margin-top: 10px; height: auto;}
	.bbq_option .bp_list03 .bnd.long {width: calc(50% - 10px);}
	
	.store_list01 {margin: 52px 30px 0;}
	.store_list01 .sl_box {width: 50%; height: 400px;}
	.store_list01 .sl_box:nth-of-type(3):after {display: none;}
	
	.inquire_bg .ib_box ul li {padding-left: 15px; padding-top: 25px; text-align: left;}
	.inquire_bg .ib_box ul li strong {font-size: 14px;}
	.inquire_bg .ib_box ul li span {font-size: 11px;}


	.bbq_topImg {width:100%;}
	.bbq_topImg .bt_imglist01 {float: left; width: 69%;}
	.bbq_topImg .bt_imglist02 {float: left; width: 31%}
	.bbq_topImg .bt_imglist01:after {content: ""; display: block; clear: both;}
	.bbq_topImg .bt_imglist01 .bnd {float: left; width: calc(50% - 10px); margin-right: 10px; margin-bottom: 10px;}

	.bi_ta02 .bi_list01_1 {margin: 0 10px; margin-bottom: 50px;}
	.bi_ta02 .bi_list01_1 li {width: calc(50% - 20px); margin:10px; }
	.bi_ta02 .bi_list01_1 li img {width: 100%;}
	.bi_ta02 .bi_list01_2 {margin: 0 10px;}
	.bi_ta02 .bi_list01_2 li {width: calc(50% - 20px); margin:10px; }
	.bi_ta02 .bi_list01_2 li img {width: 100%; height: auto;}

	.beer_step .st_list01  {font-size: 0;}
	.beer_step .st_list01 li {width: 33.33333%;}

	.beer_di {width: 100%;}
	.beer_di .bd_list .bnd { width: calc(50% - 10px);}
	.beer_di .bd_list .bnd01 {margin-right: 20px;}
	.beer_di .bd_list .bnd03 {width: 100%;}

	.beer_di .bd_list .txtbox h4 {font-size: 22px; margin-bottom: 30px;}
	.beer_di .bd_list .txtbox p {font-size: 13px;}
	.beer_di .bd_list .txtbox p span {display: block;}
	.beer_di .bd_list .bnd01 .txtbox p br {display: none;}
	.beer_di .bd_list .bnd02 .txtbox p br {display: none;}
	.beer_di .bd_list .tbc {padding: 0 20px 0 22px;}
	
	.gosa_tab li a .gt_txt1 {font-size: 18px;}
	.gosa_tab li a .gt_txt2 {font-size: 14px;}
	.gosa_tab li a .gt_mo {font-size: 18px;}
	.gb_ta01 .bi_list01 li{float: left; width: calc(33.33333% - 10px); margin: 5px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;1}
	.gosa_tab li:last-child a .gt_txt2 {padding: 10px 0 12px 0;}

}

/* mobile */
@media screen and (max-width: 640px){
	.sub_visual {height: 178px;}
	.sub_visual .Mtxt {font-size: 20px; margin-top:-22px;}
	.sub_location {display: none;}
	.snb {width: 100%; padding-left: 43px;}
	.snb .icon_home {height: 42px; line-height: 42px; width: 42px;}
	.snb .snb_list > li > a {font-size: 12px; line-height: 42px;}
	.snb .snb_list .depth02 {top: 42px;}
	.snb .snb_list .depth02 > li > a {font-size: 12px;}

	.sub_container {padding: 0 15px 78px;}

	.sub_tab li a {line-height: 36px; height: 36px; font-size: 13px;}

	.sub_title {margin-bottom: 35px;}
	.sub_title h2 {font-size: 20px; padding-bottom: 15px; margin-bottom: 35px;}
	.sub_title h2:after {width: 22px; height: 2px; margin-left: -11px;}

	.about01 .txt01 {font-size: 20px; margin-bottom: 9px;}
	.about01 .txt02 {font-size: 14px; margin-bottom: 22px;}
	.about01 .txt03 {font-size: 12px;}
	.about01 .sign01 {margin-top: 32px;}


	.ta_write {width:100%; padding: 30px 0;}
	.ta_write,
	.ta_write thead,
	.ta_write tbody,
	.ta_write tr,
	.ta_write th,
	.ta_write td {display: block; width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.ta_write tr:first-child th, .ta_write tr:first-child td { padding-top: 0;}
	.ta_write tr:last-child th, .ta_write tr:last-child td {padding-bottom: 0;}
	.ta_write tr:last-child th {padding-bottom: 8px;}
	.ta_write tr {margin-bottom: 15px;}
	.ta_write th{padding:10px 0 8px;font-size:16px;text-align:left;padding-left:0; line-height: 1;}
	.ta_write td {padding-top: 0; padding-right: 0; font-size: 16px;}
	.ta_write td input.long {width: 100%;}
	.ta_write td input.shot {width: 100%;}
	.ta_write td.ph:after {content: ""; display: block; clear: both;}
	.ta_write td.ph select, .ta_write td.ph input {width: 30%; float: left;}
	.ta_write td.ph .dash {width: 5%; float: left; text-align: center; line-height: 46px;}
	.ta_write td textarea {width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
	}
	

	.bo_write .btn-wrap {margin-top: 50px;}
	.bo_view .btn-wrap {margin-top: 50px;}
	.btn-style01 {width: 120px; height: 42px; line-height: 42px; font-size: 16px;}
	.btn-style03 {width: 120px; height: 42px; line-height: 42px; font-size: 16px;}

	.ta_list01 thead th {height: 42px; font-size: 14px;}
	.ta_list01 tbody td {height: 42px; font-size: 12px;}
	.ta_list01 tbody td.td_subject a {font-size: 13px; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
	.ta_list01 tbody td.td_subject {padding-left: 10px;}
	.ta_list01 .tacol01 {width: 20px;}
	.ta_list01 .tacol02 {width:  auto;}
	.ta_list01 .tacol03 {width: 60px;}
	.ta_list01 .tacol04 {width: 70px;}
	
	.ta_view01 thead th {padding: 20px 10px;}
	.ta_view01 thead th .subject {padding-right: 0; font-size: 14px; margin-bottom: 10px;}
	.ta_view01 thead th .view-info {position: relative; right: 0; top: 0; margin-top: 0; font-size: 11px; text-align: right;}
	.ta_view01 tbody td.view-cont {padding: 30px 10px; font-size: 13px;}

	.ga_list li {width: 100%; float: none;margin-right: 0; margin-bottom: 40px;}
	.ga_list li .ga_img {width: 100%; height: auto;}
	.ga_list li .ga_cont {padding-top: 10px;}
	.ga_list li .ga_subject {font-size: 16px; margin-bottom: 5px;}
	.ga_list li .ga_txt {font-size: 12px;}
	
	.history:after {left: 32px; bottom: 6px;}
	.history h3 {margin: 30px 0;}
	.history h3 {width: 64px; height: 64px;}
	.history h3 span {font-size: 13px;}
	.hlist {margin-left: 26px;}
	.hlist .bnd {margin-top: 20px;}
	.hlist .bnd .box .date {width: 64px; height: 20px; line-height: 20px; font-size: 13px; margin-top: -10px;}
	.hlist .bnd .box .date:before {width: 32px;}
	.hlist .bnd .box .date:after {width: 6px; height: 6px; margin-top: -3px;}
	.hlist .bnd .box .txt {font-size: 12px; line-height: 20px;}
	.hlist .bnd.lt .box {float: none; text-align: left; padding-right: 0; padding-left: 100px;}	
	.hlist .bnd.lt .box .date {right: auto;left: 37px;}
	.hlist .bnd.lt .box .date:before {right: auto; left:  -32px;}
	.hlist .bnd.lt .box .txt {margin-left: 10px;}
	.hlist .bnd.lt .box .date:after {right: auto; left: -35px;}
	.hlist .bnd.rt .box {float: none; padding-left: 100px;}	
	.hlist .bnd.rt .box .date {left: 37px;}
	.hlist .bnd.rt .box .date:before {left:  -32px;}
	.hlist .bnd.rt .box .date:after {left: -35px;}
	.hlist .bnd.rt .box .txt {margin-left: 10px;}

	.bbq_top {margin-bottom: 25px;}
	.bbq_top .txt01 {font-size: 14px;}
	.bbq_top .txt01 span {display: block; font-size: 12px;}
	.bbq_topImg .bt_imglist .bnd { width: 30%; margin: 1px;}
	.bbq_banner01 {margin-top: -14px; height: auto; padding-bottom: 20px;}
	.bbq_banner01 .tel {font-size: 32px; padding-top: 24px;}
	.bbq_banner01 p {font-size: 12px;}

	.bbq_tab_wrap {}
	.bbq_tab_wrap h3 {font-size: 18px; line-height: 40px; height: 40px;}
	.bbq_tab_wrap .bt_left {margin: 25px 10px 0; max-width:360px; width: calc(100% - 20px); padding: 0 10px; }
	.bbq_tab_wrap .bt_left .bt_recom {left: auto; right: 10px; max-width:180px; width: calc(100% - 150px);height: auto; margin-top: 0; transform: translate(0,-50%);}
	.bbq_tab_wrap .bt_right .bt_tab_img {max-width: 560px; width: 100%; height: auto;}

	
	.bbq_info {margin-bottom: 30px;}
	.bbq_info .txt01 {font-size: 12px;}

	.bi_ta01 thead th {height: auto; padding: 15px 2px; font-size: 14px;}
	.bi_ta01 thead th span {font-size: 10px;}
	.bi_ta01 tbody td {height: auto; padding: 10px 2px; font-size: 11px;}
	.bi_ta02 .bi_list01 li {width: calc(50% - 20px); margin: 3px 0;}
	.bi_ta02 .tit01 {margin:  25px 0 20px;}
	.bi_ta02 .tit01 span {font-size: 14px; padding: 0 18px;}
	.bi_ta02 .tit01 span:before {width: 10px; height: 10px; margin-top: -5px;}
	.bi_ta02 .tit01 span:after {width: 10px; height: 10px; margin-top: -5px;}
	
	.gb_ta01 {padding-bottom: 10px; padding-top: 15px;}
	.gb_ta01 .bi_list01{margin: 5px;}
	.gb_ta01 .bi_list01 li {width: calc(50% - 10px); margin: 5px;}
	.gb_ta01 .tit01 {margin:  25px 0 20px;}
	.gb_ta01 .tit01 span {font-size: 14px; padding: 0 18px;}
	.gb_ta01 .tit01 span:before {width: 10px; height: 10px; margin-top: -5px;}
	.gb_ta01 .tit01 span:after {width: 10px; height: 10px; margin-top: -5px;}
	.bbq_option .tit02 {margin-bottom: 20px;}
	.bbq_option .tit02 span {font-size: 18px; padding: 0 25px;}
	.bbq_option .tit02 span:before {width: 18px; height: 18px; margin-top: -9px; background-size:cover;}  
	.bbq_option .tit02 span:after {width: 18px; height: 18px; margin-top: -9px; background-size:cover;}  
	
	.bbq_option .bp_cont {padding: 10px;}
	.bbq_option .bp_list01 .bnd {width: 100%; margin-left: 0; margin-top: 10px;}
	.bbq_option .bp_list01 .bnd:first-child {margin-top: 0;}
	.bbq_option .bp_list01 .bnd .cl_cont {height: auto; padding-bottom: 25px; padding-left: 20px;}
	.bbq_option .bp_list01 .bnd .cl_cont .txt01 {font-size: 16px; margin-bottom: 10px;}
	.bbq_option .bp_list01 .bnd .cl_cont .txt02 {font-size: 12px;}
	.bbq_option .bp_list01 .bnd .cl_txt {height: 38px; line-height: 38px;}
	.bbq_option .bp_list02 .bnd {width: 100%; margin-left: 0; margin-top: 10px;}
	.bbq_option .bp_list02 .bnd .cl_txt {height: 38px; line-height: 38px;}
	.bbq_option .bp_list04 .bnd {width: 100%; margin-left: 0; margin-top: 10px;}
	.bbq_option .bp_list04 .bnd:first-child {margin-top: 0;}
	.bbq_option .bp_list04 .bnd .cl_txt {height: 38px; line-height: 38px;}
	
	.bbq_option .bp_list03 {margin-top: -5px; margin-left: -5px;}
	.bbq_option .bp_list03 .bnd {width: calc(50% - 5px); margin-left: 5px; margin-top: 5px; height: auto;}
	.bbq_option .bp_list03 .bnd.long {width: calc(100% - 5px); margin-left: 5px;}
	.bbq_option .bp_list03_txt { height: 38px; line-height: 38px;}

	.store_list01 {margin: 52px 15px 0;}
	.store_list01 .sl_box {float: none; width: 100%; padding: 40px 20px; height: auto;}
	.store_list01 .sl_box:after {display: block; border-top: 1px solid #222; left: 0; right: 0; top: 0; height: auto; width: auto;}
	.store_list01 .sl_box:nth-of-type(3):after {display: block;}
	.store_list01 .sl_box .sl_list {text-align: center;}
	.store_list01 .sl_box .sl_list .bnd {display: inline-block; width: 170px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	.store_list01 .sl_box .sl_list .bnd .sl_tel {text-align: left;}

	.store01 .store_banner {padding: 25px 15px;}
	.store01 .store_banner .txt01 {font-size: 25px;}
	.store01 .store_banner .txt02 {font-size: 10px;}

	.join01 .join_visual {height: auto; padding-bottom: 38.18%; background-size:cover; margin-bottom: 25px;}
	.join01 .join_visual .tel {left: 0;bottom: 0;width: 100%;height: 100%;}

	.inquire_bg .ib_visual {height: 191px; background-size: auto 100%;}
	.inquire_bg .ib_box ul {text-align: center;font-size: 0;}
	.inquire_bg .ib_box ul li {display: inline-block; float: none;width: 50%; height: 85px; padding-left: 10px; padding-top: 15px; text-align: left;}
	.inquire_bg .ib_box ul li strong {font-size: 14px;}
	.inquire_bg .ib_box ul li span {font-size: 11px;}

	.bbq_topImg .bt_imglist01 {float: none; width: 100%;}
	.bbq_topImg .bt_imglist02 {float: none; width: 100%; display: none;}
	.bbq_topImg .bt_imglist01:after {content: ""; display: block; clear: both;}
	.bbq_topImg .bt_imglist01 .bnd {width: calc(50% - 5px); margin-right: 10px;  margin-bottom: 10px;}
	.bbq_topImg .bt_imglist01 .bnd:nth-of-type(2n) {margin-right: 0;}

	.bbq04_top h3{padding: 0 20px; line-height: 38px; font-size: 18px; }
	.bbq04_top .txtbox {background: #272524; padding:17px 10px 18px;}
	.bbq04_top .txtbox .txt01 {padding: 50px 7px 12px; font-size: 11px; }
	

	.beer_top .bt_txt {margin-top: 30px; padding: 0 15px;}
	.beer_top .bt_txt .txt01 {margin-bottom: 10px;}
	.beer_top .bt_txt .txt02 {font-size: 12px;}
	.beer_top .bt_txt .txt02 br {display: none;}
	
	.bi_ta02 .tit02 {margin-bottom: 20px;}
	.bi_ta02 .tit02 span {font-size: 14px; padding: 0 25px;}
	.bi_ta02 .tit02 span:before {width: 18px; height: 18px; margin-top: -9px; background-size:cover;}  
	.bi_ta02 .tit02 span:after {width: 18px; height: 18px; margin-top: -9px; background-size:cover;}  


	.bi_ta02 .bi_list01_1 {margin: 0 5px; margin-bottom: 50px;}
	.bi_ta02 .bi_list01_1 li {width: calc(50% - 8px); margin:2px; }
	.bi_ta02 .bi_list01_2 {margin: 0 5px;}
	.bi_ta02 .bi_list01_2 li {width: calc(50% - 8px); margin:2px; }

	
	.beer_step {margin-bottom: 55px;}
	.beer_step h3 {font-size: 18px; margin-bottom: 25px;}
	.beer_step .st_list01  {font-size: 0;}
	.beer_step .st_list01 li {width: 100%; margin:  25px 0;}
	.beer_step .st_list01 li .st_img {margin-bottom: 15px;}
	.beer_step .st_list01 li .st_img  img {width: 120px;}
	.beer_step .st_list01 li .st_txt01 {font-size: 13px; margin-top: 10px;}
	.beer_step .st_list01 li .st_tit01 {font-size: 13px; width: 100px; line-height: 32px; height: 32px;}

	.beer_di {width: 100%;}
	.beer_di h3 {font-size: 18px; padding-bottom: 15px; margin-bottom: 35px;}
	.beer_di h3:after {width: 22px; height: 2px; margin-left: -11px;}

	.beer_di .bd_list .bnd { width: 100%; height: 235px; margin: 0; margin-bottom: 15px;}
	.beer_di .bd_list .bnd01 {margin-right: 0;}
	.beer_di .bd_list .bnd03 {width: 100%; height: 235px; background-position: 65% 0;}
	.beer_di .bd_list .txtbox h4 {font-size: 18px; margin-bottom: 20px;}
	.beer_di .bd_list .txtbox p {font-size: 12px;}
	.beer_di .bd_list .txtbox p span {display: block;}
	.beer_di .bd_list .tbc {padding: 0 15px 0 18px;}

	.beer_di .txt01 {font-size: 10px;}

	.gosa_wrap {padding: 0 5px 20px;}
	.gosa_tab li {height: 170px;}
	.gosa_tab li a .gt_txt1 {font-size: 14px;}
	.gosa_tab li a .gt_txt2 {font-size: 10px; padding-right: 5px; padding-left: 5px;}
	.gosa_tab li a .gt_txt2 br {display: none;}
	.gosa_tab li a .gt_mo {width: 80px; height:25px; line-height: 25px; font-size: 14px; background-size:80px 50px; background-position: 0 -25px;}

	.inquire_bg {padding-bottom: 101.25%; background: url('../img/sub/mo_inquire_bg.jpg') no-repeat 0 0 / cover;}
	.inquire_bg .ib_visual{display: none;}
	.inquire_bg .ib_box{display: none;}

	.sub_visual {background: url('../img/sub/sub_visual01.jpg') no-repeat center top / cover;}
	.sub_visual.visual02 {background: url('../img/sub/sub_visual02.jpg') no-repeat center top / cover ;}
	.sub_visual.visual03 {background: url('../img/sub/sub_visual03.jpg') no-repeat center top / cover;}
	.sub_visual.visual04 {background: url('../img/sub/sub_visual04.jpg') no-repeat center top / cover;}
	.sub_visual.visual05 {background: url('../img/sub/sub_visual05.jpg') no-repeat center top / cover;}
	.sub_visual.visual06 {background: url('../img/sub/sub_visual06.jpg') no-repeat center top / cover;}
	.sub_visual.visual07 {background: url('../img/sub/sub_visual07.jpg') no-repeat center top / cover;}
	.sub_visual.visual08 {background: url('../img/sub/sub_visual08.jpg') no-repeat center top / cover;}
	.sub_visual.visual09 {background: url('../img/sub/sub_visual09.jpg') no-repeat center top / cover;}
	.sub_visual.visual10 {background: url('../img/sub/sub_visual10.jpg') no-repeat center top / cover;}
	.sub_visual.visual11 {background: url('../img/sub/sub_visual11.jpg') no-repeat center top / cover;}
}