@charset "utf-8";

/* RESET */
html,body,button,dl,dt,dd,div,form,fieldset,legend,h1,h2,h3,h4,h5,h6,input,select,textarea,ul,ol,li,p,pre,table,td,th,caption,a {margin:0;padding:0}
html {font-size:10px;font-size-adjust:none;-ms-text-size-adjust:none;-webkit-text-size-adjust:none}
body {min-width:320px;margin:0;padding:0;color:#333;font-weight:300;font-family:Pretendard,apple-system,'Apple SD Gothic Neo','맑은 고딕',sans-serif;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;letter-spacing:-0.25px}
h1,h2,h3,h4,h5{font-weight:700;font-size:1.6rem}
legend {display:block;position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px}
input,textarea,select {border:1px solid #ddd;border-radius:0;font-size:1.4rem;font-family:Pretendard,'Apple SD Gothic Neo','맑은 고딕',sans-serif;vertical-align:top;box-sizing:border-box}
textarea {width:100%;border:0;border-radius:0;font-size:1.4rem;resize:none}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none}
button {border:0;background:0;font-weight:400;font-family:Pretendard,apple-system,'Apple SD Gothic Neo','맑은 고딕',sans-serif;color:#333}
ol,ul {list-style:none}
a {color:#333;text-decoration:none;vertical-align:top}
img {max-width:100%}
i, em {font-style:normal}
table {border-collapse:collapse;border-spacing:0;width:100%}
caption {display:block;position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px}
figure, figcaption {position:relative;margin:0;padding:0}

/* brand_sitemap */
.dim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("https://www.shinsegaefood.com/brand/bettermeat/images/background/bg_brand_trans_black.png") repeat 0 0; z-index: 500; }
#brand_sitemap { position: absolute; top: 42px; left: 0; width: 100%; background: url("https://www.shinsegaefood.com/brand/bettermeat/images/background/bg_brand_sitemap.gif") repeat-y center 0; z-index: 300; }
#brand_sitemap.on { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; z-index: 600; }
#brand_sitemap.on .brd_stmp_top { top: -43px; }
#brand_sitemap.on .btn_brd_sitemap a { background: url("https://www.shinsegaefood.com/brand/bettermeat/images/button/btn_brd_sitemap_close.png") no-repeat 0 0; }
.brd_stmp_top { position: absolute; top: -42px; left: 0; width: 100%; background: #fff; }
.brd_stmp_top_wrap { margin: 0 auto; max-width: 1400px; }
.btn_brd_sitemap { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
.btn_brd_sitemap a { display: block; padding-top: 42px; width: 266px; height: 0; background: url("https://www.shinsegaefood.com/brand/bettermeat/images/button/btn_brd_sitemap_open.png") no-repeat 0 0; overflow: hidden; }
.brd_stmp_area { display: none; margin: 0 auto; width: 940px; *zoom: 1; }
.brd_stmp_area:after { content: ""; display: block; clear: both; }
.brd_stmp_left { padding: 35px 0; width: 300px; float: left; }
.brd_stmp_left p { margin-bottom: 30px; line-height: 38px; font-size: 24px; }
.brd_stmp_right { width: 640px; float: left; }
/* 20230721 수정 */
#brand_sitemap nav > ul { display: grid; grid-template-columns: repeat(3, 1fr); position: relative; padding-top: 24px; }
#brand_sitemap nav > ul > li { padding: 16px 0 36px 39px; box-sizing: border-box; }
#brand_sitemap nav > ul > li dfn { display: block; margin-bottom: 18px; padding-bottom: 10px; color: #444; line-height: 18px; font-size: 16px; font-weight: bold; }
#brand_sitemap nav .li_1 dfn { border-bottom: 2px solid #eaafa9; }
#brand_sitemap nav .li_2 dfn { border-bottom: 2px solid #bccaa4; }
#brand_sitemap nav .li_3 dfn { border-bottom: 2px solid #dccbb8; }
#brand_sitemap nav .li_1 { grid-row: 1 / span 2; }
#brand_sitemap nav .li_3 { order: 2; }
#brand_sitemap nav .li_5 { order: 3; }
#brand_sitemap nav .li_4 dfn { border-bottom: 2px solid #abc7d5; }
#brand_sitemap nav .li_5 dfn { border-bottom: 2px solid #c7b8dc; }
#brand_sitemap nav .depth > li { margin-top: 10px; }
/* //20230721 수정 */
#brand_sitemap nav .depth > li a { display: block; color: #444; line-height: 16px; font-size: 14px; }
.btn_brd_go { display: inline-block; padding: 0 82px 0 20px; height: 44px; color: #444; line-height: 44px; font-size: 16px; border: 1px solid #ccc; background: #fff url("https://www.shinsegaefood.com/brand/bettermeat/images/button/btn_brand_go.png") no-repeat right center; vertical-align: top; *display: inline; *zoom: 1; }

/* brand_sitemap 링크 없는 경우 */
.btn_brd_sitemap2 { display: block; padding-top: 42px; width: 266px; height: 0; background: url("https://www.shinsegaefood.com/brand/bettermeat/images/button/btn_brd_sitemap_open.png") no-repeat 0 0; overflow: hidden; }

/* brand_location */
.brand_location { margin-bottom: 15px; text-align: right; }
.brand_location em { padding-left: 7px; line-height: 16px; font-size: 13px; }
.brand_location a { padding: 0 7px; line-height: 16px; font-size: 13px; }
.brand_location .btn_home { padding-left: 24px; background: url("/images/background/bg_home.png") no-repeat 0 3px; }

/* brand_sitemap */
#brand_header { position: absolute; top: 42px; left: 0; width: 100%; /* background: url("https://www.shinsegaefood.com/brand/bettermeat/images/background/bg_brand_header.gif") repeat-x 0 0;  */z-index: 100; }
#brand_header .wrap { position: relative; max-width: 100%; /* overflow: hidden; */ }
.bg_sub { position: absolute; top: 0; left: 0; width: 100%; height: 276px; text-align: center; overflow: hidden; }
.bg_sub img { width: 100%; min-width: 1400px; }
.brand_logo { display: none; position: relative; height: 174px; text-align: center; }
.brand_logo a { display: inline-block; max-height: 174px; vertical-align: top; *display: inline; *zoom: 1; }
.dim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("https://www.shinsegaefood.com/brand/bettermeat/images/background/bg_brand_trans_black.png") repeat 0 0; z-index: 500; }
#brand_sitemap { position: absolute; top: 42px; left: 0; width: 100%; background: url("https://www.shinsegaefood.com/brand/bettermeat/images/background/bg_brand_sitemap.gif") repeat-y center 0; z-index: 300; }
#brand_sitemap.on { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; z-index: 600; }
#brand_sitemap.on .brd_stmp_top { top: -43px; }
#brand_sitemap.on .btn_brd_sitemap a { background: url("https://www.shinsegaefood.com/brand/bettermeat/images/button/btn_brd_sitemap_close.png") no-repeat 0 0; }
.brd_stmp_top { position: absolute; top: -42px; left: 0; width: 100%; background: #fff; }
.brd_stmp_top_wrap { margin: 0 auto; max-width: 1400px; }
.btn_brd_sitemap { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
.btn_brd_sitemap a { display: block; padding-top: 42px; width: 266px; height: 0; background: url("https://www.shinsegaefood.com/brand/bettermeat/images/button/btn_brd_sitemap_open.png") no-repeat 0 0; overflow: hidden; }
.brd_stmp_area { display: none; margin: 0 auto; width: 940px; *zoom: 1; }
.brd_stmp_area:after { content: ""; display: block; clear: both; }
.brd_stmp_left { padding: 35px 0; width: 300px; float: left; }
.brd_stmp_left p { margin-bottom: 30px; line-height: 38px; font-size: 24px; }
.brd_stmp_right { width: 640px; float: left; }

/* gnb > 고객지원 버튼 - 20221004 추가 */
.brd_stmp_top:after {content: ''; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background:rgba(0,0,0,.1)}
.brd_stmp_top_wrap {position: relative;}
.brd_stmp_top_wrap .brd_cs_btn {position:absolute; top: 0; right: 0; width: 101px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.brd_stmp_top_wrap .brd_cs_btn a {display:block; width: 100%; height: 100%; font-size: 14px; line-height: 42px; text-align:center;}
#brand_sitemap.on .brd_cs_btn {display: none;}
#brand_sitemap.on .brd_stmp_top:after {display: none;}

/* 숨김 텍스트 */
.blind {display:block;position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px}

.maxWd {width:100%;max-width:1120px;margin:0 auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
.disPc {display:block}
.disMo {display:none}

/* 비주얼 */
.visual {height:96rem;background:url(../images/bg_visual.jpg) no-repeat left center/cover}
.visualInner {display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:0 0 21rem 8.2%;box-sizing:border-box}
.visualLogo {display:block;width:39.4rem;margin-bottom:3.7rem}
.visualLogo img {width:100%}
.visualText {font-weight:600;font-size:2.5rem;line-height:4.5rem;color:#ffffff;word-break:keep-all}

/* 컨텐츠 */
.contents {position:relative}
.conts {overflow:hidden;position:relative;padding-bottom:8rem}
.conts_top {padding:12.8rem 4rem 12.7rem 4rem;text-align:center}
.cont {display:flex;flex-direction:column;border-top:0.2rem solid #000000}
.cont_item {display:flex;/* align-items:center; */border-bottom:0.2rem solid #000000}
.cont_item:nth-child(even) {flex-direction:row-reverse}
.cont_info {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:960px;text-align:center}
.cont_title {height:6.5rem;margin-bottom:1.7rem;padding-bottom:2.7rem;border-bottom:0.3rem solid #000000}
.cont_title img {height:100%}
.cont_desc {font-weight:600;font-size:3.5rem;line-height:5.5rem;letter-spacing:-0.16rem;word-break:keep-all}
.cont_desc + .cont_desc {margin-top:4.5rem}
b.cont_desc {margin-top:4rem;font-size:4.5rem}
.cont_img {flex:1;max-width:960px}
.cont_img img {width:100%;height:100%;object-fit:cover}

.tabMenu {display:flex;flex-wrap:wrap;max-width:1440px;margin:15rem auto}
.tabBtn {flex:1;display:flex;align-items:center;justify-content:center;height:10rem;border:0.2rem solid #000000;font-weight:700;font-size:3.0rem;line-height:1;letter-spacing:.5px;color:#000000;transition:all .1s;cursor:pointer;box-sizing:border-box}
.tabBtn.active {border-color:#000000;background-color:#000000;color:#FFFFFF}

/* 메뉴 */
.menuGroup {display:none;/* min-width:1400px; */background:repeat center/auto}
.menuGroup.brunch {background-image:url(../images/bg_brunch.jpg)}
.menuGroup.dinner {background-image:url(../images/bg_dinner.jpg)}
.menuImg {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.menuImg img {display:block}

/* 주소 */
.location {display:flex;align-items:center;justify-content:center;gap:2.5rem 2rem;padding-top:10rem;text-align:center}
.locationInner {flex:1;max-width:690px;padding:10.3% 0;background:no-repeat center/cover}
.locationInner.store_1 {background-image:url(../images/img_store_1.jpg)}
.locationInner.store_2 {background-image:url(../images/img_store_2.jpg)}
.locationBox {display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;width:40rem;height:35.5rem;margin:0 auto;background-color:rgba(15,19,21,0.75);font-weight:600;font-size:2rem;line-height:3rem;color:#ffffff;box-sizing:border-box}
.locationLogo {width:24.6rem;margin:0 auto}
.locationStore {display:block;padding-bottom:2.4rem;font-weight:600;font-size:2.5rem;line-height:1;letter-spacing:-1px}
.locationStore::after {content:'';display:block;width:10rem;height:0.3rem;margin:3rem auto 0 auto;background-color:#FFFFFF}
.locationAddr {font-weight:600;font-size:2rem;line-height:3rem;color:#ffffff}
.locationBtn {display:flex;align-items:center;justify-content:center;width:16rem;height:4rem;margin:2.4rem auto 0 auto;border:0.2rem solid #ffffff;border-radius:2rem;background-color:#494a4b;font-weight:600;font-size:2rem;color:#ffffff;transition:all .1s;box-sizing:border-box}
.locationBtn:hover {background-color:#ffffff;color:#494a4b}

.sns {margin-top:5rem;text-align:center}
.snsBtn {display:inline-flex;align-items:center;justify-content:center;width:33.6rem;height:9.5rem;border:0.3rem solid #000000;border-radius:4.8rem;font-weight:700;font-size:2rem;color:#000000;transition:all .1s;vertical-align:top;box-sizing:border-box}
.snsBtn::before {content:'';display:inline-block;width:4.8rem;height:5rem;margin-right:1.2rem;background:url(../images/ico_instagram.png) no-repeat center/100% auto;vertical-align:top}
.snsBtn:hover {background-color:#000000;color:#ffffff}

/* 푸터 */
#footer { position: relative; padding: 25px 0 25px 0;border-top:1px solid #dddddd; font-size: 13px;  z-index: 100; background-color: #fff; }/* Related Link 펼쳤을 때 z-index 이슈 */
#footer .wrap {position:relative;width:940px;margin:0 auto;z-index:100}
/* #footer .wrap { background: url('../images/common/new/familysite.png') right 10px no-repeat; } */
/* 2017-04-03  */
#footer .foot_btns {overflow:hidden; padding-bottom:25px; text-align:center;}
#footer .foot_btns a {display:inline-block; height:24px; padding:0 20px; margin:0 5px; font-size:12px; line-height:24px; border:1px solid #ddd;}
/* // 2017-04-03  */
#footer a { color: #444; }
#footer .divide_type1 { margin-bottom: 10px; }
#footer .divide_type1 > a:nth-child(2) + a { font-weight: bold; }
#footer address { line-height: 18px; white-space: pre-wrap; font-size: 12px; }
#footer address br { display: none; }
#footer p { line-height: 18px; white-space: pre-wrap; font-size: 11px; letter-spacing: 1px; }
.btnTop {display:block;position:fixed;bottom:50px;right:50px;width:6.5rem;height:6.5rem;box-shadow:3px 3px 8px 0px rgba(0,0,0,0.35);border-radius:50%;background:rgba(255,255,255,0.9) url('../images/icon_top.png') no-repeat center/2.7rem auto;z-index:9}
address {font-style:normal}

#brand_footer {display: none;}
.footer {border-top:1px solid #dddddd;background:#ffffff}
.footer .footerInner {display:flex;align-items:center;position:relative;width:100%;max-width:1080px;margin:0 auto;padding:54px 10px 51px 10px;box-sizing:border-box}
.footer .logo {margin-right:65px}
.footer .logo a {display:block;width:15.4rem;filter:brightness(0)}
.footer .rgt {margin-top:5px}
.footer .menu {margin-bottom:6px;line-height:2.2rem}
.footer .menu b {font-weight:700}
.footer .menu a {font-size:1.3rem}
.footer .menu a:nth-child(n+2)::before {content:'';display:inline-block;width:1px;height:10px;margin:6px 4px 0 2px;background:#fff;vertical-align:top}
.footer dl {display:flex;flex-wrap:wrap;font-style:normal;font-size:1.2rem;line-height:2.2rem}
.footer dl dt {margin-right:2px}
.footer dl dt:nth-child(n+2)::before {content:'/';display:inline-block;margin:0 2px;vertical-align:top}
.footer .copyright {font-size:1.1rem;line-height:2.2rem}
.footer .sns {display:flex;position:absolute;top:66px;right:0;z-index:1}
.footer .sns a {width:4.0rem;height:4.0rem;margin-left:1.7rem;border-radius:50%;background:rgba(255,255,255,0.1) no-repeat center/2.2rem auto}
.footer .sns a.instagram {background-image:url('../images/icon_instagram.png')}
.footer .sns a.youtube {background-image:url('../images/icon_youtube.png')}

/* divide type */
[class^='divide_type'] {font-size:0}
.divide_type1 > * {font-size:13px}
.divide_type1 > *::before {content:'';display:inline-block;width:1px;height:11px;margin:3px 10px 0 10px;background:#dcdcdc;;vertical-align:top}
.divide_type1 > *:first-child::before {display:none}

.related_link { position: relative; width: 200px; float: right; top: -23px; }
#footer .related_link { width: 260px; }
.related_link a { display: block; padding: 0 15px; font-size: 14px; line-height: 40px; }
.related_link > a { display: block; padding-right: 52px; border: 1px solid #ccc; background: url('../images/bg_related_top.png') no-repeat right; }
.related_link.on > a { background-image: url('../images/bg_related_bottom.png'); }
.related_link div { display: none; }
.related_link.on div { display: block; position: absolute; bottom: 42px; left: 0; width: 100%; background-color: #fff; }
.related_link.on ul { border: 1px solid #ccc; border-bottom: 0 none; }
.related_link.on li {  border-top: 0 none; }
.related_link.on div a { line-height: 25px;  }
.related_link.on div a:hover,
.related_link.on div a:focus,
.related_link.on div a:active { background: #444; color: #fff !important; }

.related_link .list_index{	font-weight: 800;	color: #959698;	display: inline-block;	background-color: #fff;	padding-right: 5px;  }
.related_link div.line{	padding: 13px 0 5px;	background: url(../images/list_hyphen.gif) 15px 60% no-repeat;	position: inherit;	margin: 0 15px;	display: block;	width: 89%;  }

@media screen and (max-width:960px) {
    .cont_item:nth-child(n) {flex-direction:column}
    .cont_img {order:1}
    .cont_info {order:2;padding:22.2vw 0 22.7vw 0}
    .location {flex-direction:column;padding:25px 20px 0 20px;box-sizing:border-box}
    .locationInner {width:100%;padding:95px 0}

    #footer {z-index:201}
	#footer :is(p,address) { padding-right: 215px; }
	#footer address { margin-bottom: 1px; }
	#footer address br { display: inline; }
	#footer .related_link { top: 7px; }
    #footer .wrap {width:auto;height:auto;padding:0 15px}

    .btnTop {bottom:150px;right:22px}
}

/* 모바일ver_640 */
@media screen and (max-width:640px) {
    html {font-size:5px}
    .conts {min-width:320px;padding-bottom:18rem}
    .disPc {display:none}
    .disMo {display:block}

    /* 비주얼 */
    .visual {background-image:url(../images/m_bg_visual.jpg);background-position:center}
    .visualInner {margin:0 auto;padding-left:19.6vw}
    .visualLogo {margin-bottom:21px}
    .visualText {letter-spacing:0}

    .tabMenu {margin-top:9rem;margin-bottom:9.2rem;box-sizing:border-box}

    .menuInner {padding-left:0;padding-right:0}

    .locationInner.store_1 {background-image:url(../images/m_img_store_1.jpg)}
    .locationInner.store_2 {background-image:url(../images/m_img_store_2.jpg)}
    .locationBtn {background-color:#242424}

    /* 푸터 */
    /* .footer .footerInner {flex-wrap:wrap;padding-top:24px;padding-bottom:25px;padding-right:80px}
    .footer .logo a {width:25rem}
    .footer .rgt {flex-shrink:0;width:100%;margin-top:14px;padding:0 2px;box-sizing:border-box}
    .footer .menu {margin-bottom:3px}
    .footer .menu a {font-size:2.0rem}
    .footer .menu a:nth-child(n+2)::before {height:8px;margin:2px 3px 0 2px}
    .footer dl {font-size:10px;line-height:4.0rem}
    .footer .copyright {font-size:2.0rem;line-height:4.0rem}
    .footer .sns a {right:18px;width:6.0rem;height:6.0rem;background-size:3.2rem auto} */

	#footer { padding-top: 20px; padding-bottom: 20px; }
	#footer .wrap { text-align: center; }
	#footer p, #footer address { padding-right: 0; }
	#footer address { position: relative; }
	#footer address span { position: absolute; width: 100%; left: 0; top: 0; top: -77px; }
	#footer .divide_type1 { line-height: 20px; margin-bottom: 25px; word-break:keep-all }
	#footer .divide_type1 > *::before {margin:4px 8px 0 8px}
	#footer .related_link { position: relative; top: 3px !important; width: 100%; top: 0; float: none; margin-bottom: 10px; text-align: left; z-index: 2; }

    /* 푸터 */
    .footer .footerInner {flex-wrap:wrap;padding-top:24px;padding-bottom:25px;padding-right:80px}
    .footer .logo a {width:25rem}
    .footer .rgt {flex-shrink:0;width:100%;margin-top:14px;padding:0 2px;box-sizing:border-box}
    .footer .menu {margin-bottom:3px}
    .footer .menu a {font-size:2.0rem}
    .footer .menu a:nth-child(n+2)::before {height:8px;margin:2px 3px 0 2px}
    .footer dl {font-size:10px;line-height:4.0rem}
    .footer .copyright {font-size:2.0rem;line-height:4.0rem}

    .footer .sns a {right:18px;width:6.0rem;height:6.0rem;background-size:3.2rem auto}
}

@media screen and (max-width:350px) {
    .tabBtn {font-size:2.3rem}
}