@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}
strong {font-weight:700}
ol,ul {list-style:none}
a {color:#333;text-decoration:none;vertical-align:top}
img {max-width:100%}
dfn, 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_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-flex;align-items:center;justify-content:center;height:100%;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; }

/* 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:1146px;margin:0 auto;padding-left:33px;padding-right:33px;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 25.8rem 8.23%;box-sizing:border-box}
.visualLogo {display:block;width:39.4rem;margin-bottom:3.6rem}
.visualLogo img {width:100%}
.visualText {font-weight:600;font-size:2.5rem;line-height:4.5rem;letter-spacing:0;color:#ffffff;word-break:keep-all}

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

.introduce {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18.3rem 3.2rem 15.7rem 3.2rem;background-color:#f9f6f2}
.introduce::before {content:'';display:block;width:22.3rem;height:6.8rem;margin:0 auto 3.5rem auto;background:url(../images/ico_decoration_top.png) no-repeat center/100% auto}
.introduce::after {content:'';display:block;width:22rem;height:7rem;margin:4.5rem auto 0 auto;background:url(../images/ico_decoration_bottom.png) no-repeat center/100% auto}
.introduce_desc {font-weight:500;font-size:3.5rem;line-height:6.0rem;letter-spacing:-0.17rem;text-align:center}
.introduce_desc:nth-child(n+2) {margin-top:6.0rem}

/* 메뉴 */
.menuVisual img {width:100%}
.menuGroup {/* padding-top:11.8rem; */letter-spacing:-0.1rem}
.menuGroup:where(.sandwich,.panini,.brunch,.entrees) {background-color:#f9f6f2}
/* .menuGroup:where(.sandwich,.brunch) {margin-top:15rem;padding-bottom:0} */
.menuGroup.salad {margin-top:10.1rem}
.menuGroup.salad .menuImg {margin-top:9.4rem}
.menuGroup.soup {margin-top:12.1rem}
.menuGroup.soup .menuImg {margin-top:7rem}
.menuGroup.sandwich {margin-top:8.3rem;padding-top:8.2rem}
.menuGroup.sandwich .menuImg {margin-top:6.4rem}
.menuGroup.panini {padding-top:14.4rem;padding-bottom:9.4rem}
.menuGroup.panini .menuImg {margin-top:7.9rem}
.menuGroup.pasta {margin-top:8.3rem}
.menuGroup.pasta .menuImg {margin-top:6.2rem}
.menuGroup.brunch {margin-top:5.1rem;padding-top:9rem}
.menuGroup.brunch .menuImg {margin-top:7.9rem}
.menuGroup.entrees {padding-top:10.6rem;padding-bottom:5.8rem}
.menuGroup.entrees .menuImg {margin-top:8.4rem}
.menuInner {}
.menuTitle {display:flex;align-items:flex-end;margin-bottom:4.6rem;border-bottom:0.3rem solid #009cab;font-family:adobe-caslon-pro;font-weight:600;font-size:5.0rem;line-height:1.1;letter-spacing:-0.4px;color:#009cab}
.menuTitle_sub {margin-left:auto;padding-bottom:1.2rem;font-weight:500;font-size:1.7rem;letter-spacing:-0.8px;color:#231815}
.menuList {display:flex;flex-wrap:wrap;gap:3rem 8rem}
.menuItem {position:relative;width:calc(50% - 4rem)}
.menuItem:nth-child(n+3) {padding-top:2.6rem;border-top:1px solid #bdbdbd}
.menuName {display:block;margin-bottom:0.4rem;padding-right:10rem;font-weight:600;font-size:3rem;box-sizing:border-box}
.menuName_sub {font-size:2rem}
.menuEng {display:block;padding-right:10rem;font-weight:600;font-size:3rem;box-sizing:border-box}
.menuPrice {position:absolute;top:1.8rem;right:0;font-weight:600;font-size:3rem}
.menuItem:nth-child(n+3) .menuPrice {top:4.5rem}
.menuDesc {margin-top:1rem;font-weight:500;font-size:2rem;line-height:1.22}
.menuNotice {margin-top:1.2rem;font-weight:500;font-size:2rem}
.menuImg {text-align:center}

/* 주소 */
.location {position:relative;width:100%;height:850px}
.locationInner {opacity:1;position:absolute;top:0;left:0;width:100%;height:100%}
.locationBg {position:relative;width:100%;height:100%}
.locationBg::before {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:35rem;background:linear-gradient(to bottom, rgba(21,21,21,0) 0%, rgba(21,21,21,56%) 30%,rgba(21,21,21,88%) 80%, rgba(21,21,21,100%) 100%);z-index:1}
.locationBg img {width:100%;height:100%;object-fit:cover}
.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}
.locationInfo {opacity:0;display:flex;flex-direction:column;position:absolute;bottom:0;left:0;padding:0 0 9rem 13.65%;color:#ffffff;z-index:2;box-sizing:border-box}
.locationLogo {width:24.6rem;margin:0 auto}
.locationStore {display:block;font-weight:600;font-size:2.5rem;line-height:1;letter-spacing:-1px}
.locationStore::after {content:'';display:block;width:7rem;height:.3rem;margin:1.6rem 0 1.5rem 0;background-color:#FFFFFF}
.locationAddr {font-weight:600;font-size:1.8rem;line-height:2.7rem;color:#ffffff}
.locationBtn {display:flex;align-items:center;justify-content:center;width:16rem;height:4rem;margin:2.2rem 0 0 0;border:0.2rem solid #ffffff;border-radius:2rem;background-color:#000000;font-weight:600;font-size:2rem;color:#ffffff;transition:all .1s;box-sizing:border-box}
.locationBtn:hover {background-color:#ffffff;color:#494a4b}
.locationThumb {display:flex;align-items:center;gap:0 20px;position:absolute;bottom:9rem;right:12.85%;z-index:6}
.locationThumb_btn {width:170px;cursor:pointer}
.locationThumb_text {display:block;margin-top:0.8rem;font-weight:500;font-size:1.6rem;color:#ffffff;text-align:center}
.locationInner.active {z-index:5}
.locationInner.active .locationBg {animation:opacity .16s forwards;}
.locationInner.active .locationInfo {animation:opacity 0s forwards;}
@keyframes opacity {
    from {opacity:0.5;/* transform:translateX(3%) */}
    to {opacity:1;/* transform:translateX(0) */}
}

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

#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')}

@media screen and (max-width:1800px) {
    .location {flex-direction:column;}
    .locationBg::before {height:55rem}
    .locationInfo {padding:0 0 27.1rem 6.4rem}
    .locationThumb {gap:0 1.2rem;bottom:6.0rem;right:0;width:100%;padding:0 6.4rem;box-sizing:border-box}
    a.locationAddr {cursor:default}
}

@media screen and (max-width:960px) {
    .brd_stmp_top:after {display: none;}
    .brd_stmp_top_wrap .brd_cs_btn {display: none;}
    .brand_wrap {padding-top: 0;}
    .language { right: 20px; top: 25px; margin-right: 0px; }
    /* sitemap */
    #brand_sitemap { top: 0; width: auto; height: 100%; border: 0 none !important; background: none; }
    #brand_sitemap.on .brd_stmp_top { top: 0 !important; left: 0; padding: 0; width: 240px; height: 80px; background: #b9a280; z-index: 1000; opacity: 0; }
    #brand_sitemap.on .btn_brd_sitemap a { padding-top: 80px; background: url("https://www.shinsegaefood.com/brand/bettermeat/images/button/btn_brd_sitemap_close_m.png") no-repeat 20px center !important; }
    .brd_stmp_top { top: 25px !important; left: 0; padding-left: 10px; width: 66px; height: 28px; background: none; }
    .btn_brd_sitemap { display: block; }
    .btn_brd_sitemap a { padding-top: 28px; width: auto; background: url("https://www.shinsegaefood.com/brand/bettermeat/images/button/btn_brd_sitemap_m.png") no-repeat 0 center !important; background-size: 56px 20px; }
    .brd_stmp_area { display: block!important; position: fixed; top: 0; left: -240px; padding-top: 80px; width: 240px; height: 100%; background: #fff; overflow-y: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-overflow-scrolling: touch; }
    .brd_stmp_area:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 80px; background: #b9a280 url("https://www.shinsegaefood.com/brand/bettermeat/images/button/btn_brd_sitemap_close_m.png") no-repeat 20px center; }
    /* header */
    #brand_header { position: relative; top: 0; background: #43200a; text-align: center;}
    .brand_logo { display: block; height: 78px; }
    .brand_logo img {height:19px;box-sizing: border-box;}
    .brd_stmp_left { padding: 0; width: auto; float: none; }
    .brd_stmp_left p { display: none; }

    .btn_brd_go { display: block; padding: 0 20px; height: 40px; line-height: 40px; font-size: 13px; border: 0 none; }
    .brd_stmp_right { width: auto; border-top: 1px solid #ccc; float: none; }
    .brd_stmp_right p { float: none; }
    /* 20230721 수정 */
    #brand_sitemap nav > ul { grid-template-columns: 1fr; padding: 20px 20px 0 20px; overflow-y: auto; }
    #brand_sitemap nav > ul > li { padding: 10px 0 30px 0; }
    #brand_sitemap nav > ul > li dfn { margin-bottom: 15px; padding-bottom: 7px; }
    #brand_sitemap nav .li_1 { grid-row: 1 / span 1; }
    #brand_sitemap nav .li_3 { order: 0; }
    #brand_sitemap nav .li_4 { order: 0; }
    /* //20230721 수정 */
    #brand_sitemap nav .depth > li { margin: 0; }
    #brand_sitemap nav .depth > li a { line-height: 30px; }
    
    .menuList {flex-direction:column;row-gap:2.9rem}
    .menuItem {width:100%}
    .menuItem:nth-child(2) {padding-top:2.6rem;border-top:1px solid #bdbdbd}
    
    .location {height:162.67vw;padding:0 33px;box-sizing:border-box}
    .locationThumb_btn {flex:1}
    .btnTop {bottom:100px;right:22px}
}

/* 모바일ver_640 */
@media screen and (max-width:640px) {
    html {font-size:5px}
    .conts {min-width:320px}
    .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;padding-bottom:25.3rem}
    .visualLogo {margin-bottom:3.8rem}
    .visualText {letter-spacing:0}

    .introduce {padding-bottom:18.3rem}

    .menuTitle {flex-wrap:wrap}
    .menuTitle:has(.menuTitle_sub) {margin-bottom:8.2rem}
    .menuTitle_sub {width:100%;margin-bottom:-5.8rem;letter-spacing:-0.4px}
    .menuName {font-size:3.2rem}
    .menuName_sub {font-size:2.4rem}
    .menuPrice {}
    .menuDesc {margin-top:0.4rem;font-size:2.4rem}
    .menuNotice {margin-top:1.4rem}
    .menuImg {margin:0 -33px}
    .menuGroup.salad .menuImg {margin-top:7.4rem}
    .menuGroup.soup {margin-top:15.3rem}
    .menuGroup.soup .menuImg {margin-top:8.4rem}
    .menuGroup.sandwich {margin-top:10.4rem;padding-top:5.4rem}
    .menuGroup.sandwich .menuImg {margin-top:6.1rem}
    .menuGroup.panini {padding-bottom:9.1rem}
    .menuGroup.panini .menuImg {margin-top:8.1rem}
    .menuGroup.pasta {margin-top:10rem}
    .menuGroup.pasta .menuImg {margin-top:7.7rem}
    .menuGroup.brunch {padding-top:5rem}
    .menuGroup.brunch .menuImg {margin-top:7.1rem}
    .menuGroup.entrees {padding-top:15.1rem;padding-bottom:9.6rem}
    .menuGroup.entrees .menuImg {margin-top:6.8rem}

    .locationInner.store_1 {background-image:url(../images/m_img_store_1.jpg)}
    .locationInner.store_2 {background-image:url(../images/m_img_store_2.jpg)}
    .locationThumb_text {margin-top:0.2rem}
    .locationInfo {padding-bottom:36vw}
    .locationBtn {background-color:#242424}

    /* 푸터 */
    .footer .footerInner {flex-wrap:wrap;padding-top:24px;padding-bottom:25px;padding-right:60px}
    .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}
}