@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}

/* 탑버튼 */
.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}

/* 비주얼 */
.visual {height:960px;margin-bottom:14.2rem;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 167px 8.2%;box-sizing:border-box}
.visualLogo {display:block;width:38.1rem;margin-bottom:6.4rem}
.visualLogo::before {content:'';display:block;width:17.1rem;height:17.1rem;margin:0 auto 40px auto;background:url(../images/ico_symbol.png) no-repeat center/100% auto}
.visualLogo img {width:100%}
.visualTitle {font-weight:700;font-size:3.5rem;line-height:5.0rem}
.visualText {font-weight:600;font-size:2.5rem;line-height:4.5rem;color:#231f20;word-break:keep-all}

/* 컨텐츠 */
.conts {overflow:hidden;}

.cont {display:flex;flex-direction:column;row-gap:8.3rem}
.cont_info {display:flex;flex-direction:column}
.cont_title {margin-bottom:3.3rem;font-weight:700;font-size:3.5rem;line-height:4.5rem;color:#a97c50}
.cont_desc {font-weight:500;font-size:2.2rem;line-height:4.5rem;color:#414042;word-break:keep-all}
.cont_desc + .cont_desc {margin-top:4.5rem}
.cont_desc b {font-weight:700;font-size:2.3rem}

.tabMenu {display:flex;flex-wrap:wrap;gap:2px 1px;margin:13.7rem auto 7.6rem auto}
.tabBtn {display:flex;/* align-items:center; */justify-content:center;width:calc((100% - 2px) / 2);height:56px;padding:1.8rem 0;border:2px solid #a97c50;font-family:adobe-caslon-pro;font-weight:600;font-size:2.5rem;line-height:1;letter-spacing:0.3px;color:#a97c50;transition:all .1s;cursor:pointer;box-sizing:border-box}
.tabBtn:hover {border-color:#a97c50;background-color:#a97c50;color:#FFFFFF}

/* 메뉴 */
.menuGroup {/* margin-top:11.8rem */}
.menuGroup.salad {background-color:#ffffff}
.menuGroup.collection {background-color:#fff3e7}
.menuGroup.sandwich {background-color:#ffffff}
.menuGroup.pasta {background-color:#fff3e7}
.menuGroup.priceList {background-color:#a97c50}
.menuTitle {display:flex;align-items:center;padding-top:64px;padding-bottom:1px;border-bottom:4px solid #231816}

/* 주소 */
.location {display:flex;flex-direction:column;align-items:center;justify-content:center;height:75rem;background:url(../images/bg_location.png) no-repeat center/cover;text-align:center}
.location::before {content:'';width:100%;margin-bottom:5.0rem;}
.locationBox {display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;width:55rem;height:45rem;border:0.3rem solid rgba(255,255,255,0.75);background-color:rgba(15,19,21,0.75);font-weight:600;font-size:20px;line-height:30px;color:#ffffff;box-sizing:border-box}
.locationLogo {width:24.6rem;margin:0 auto}
.locationLogo::after {content:'';display:block;width:17rem;height:0.3rem;margin:2.8rem auto 0 auto;background-color:#FFFFFF}
.locationStore {display:block;margin:3.3rem 0 2.3rem 0;font-weight:600;font-size:2.5rem;line-height:1}
.locationAddr {font-weight:600;font-size:2.0rem;line-height:3rem;color:#ffffff}

/* 푸터 */
#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}
.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')}

@media screen and (max-width:1080px) {
    .cont_desc br {display:none}
}

/* 모바일ver_640 */
@media screen and (max-width:640px) {
    html {font-size:5px}
    .conts {min-width:320px;}
    .disPc {display:none}
    .disMo {display:block}
    
    /* 탑버튼 */
    .btnTop {bottom:150px;right:22px}

    /* 비주얼 */
    .visual {height:617px;margin-bottom:8.2rem;background-image:url(../images/m_bg_visual.jpg);background-position:center}
    .visualInner {align-items:center;width:262px;margin:0 auto;padding:0 0 29px 0}
    .visualLogo {margin-bottom:21px}
    .visualLogo::before {margin-bottom:17px}
    .visualTitle {line-height:4.5rem;letter-spacing:0}
    .visualTitle::after {width:35px;margin:10px 0 7px 0}

    .tabMenu {gap:1px 1px;margin-top:10.8rem;margin-bottom:6.2rem;box-sizing:border-box}
    .tabBtn {width:calc((100% - 1px) / 2);height:28px;border-width:1px;font-size:2.5rem}

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

    .location {background-image:url(../images/m_bg_location.png)}
    .locationLogo::after {margin-top:1.8rem}

    /* 푸터 */
    .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}
}