@charset "utf-8";

/* 폰트 */
@font-face {
    font-family: "SteelfishBold";
    src: url(../font/SteelfishBold-font.woff2) format('woff2'),
       url(../font/SteelfishBold-font.woff) format('woff'),
       url(../font/SteelfishBold-font.ttf) format('truetype');
  }

  @font-face {
    font-family: "Pretendard-Regular";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
      format("woff");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Pretendard-SemiBold";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff")
      format("woff");
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "Pretendard-Bold";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff")
      format("woff");
    font-weight: 700;
    font-style: normal;
  }

/* common */
* {box-sizing:border-box;}
html { height: 100%; overflow-y: auto; }
body { margin-top: 0 !important; min-width: 320px; height: 100%; font: 12px/14px 'Pretendard-Regular', 'Nanum Gothic', 'Dotum', 'applegothic', sans-serif; color: #444; word-break: break-all; word-wrap: break-word; word-break: keep-all;  }
h1, h2, h3, h4, h5, h6 { font: bold 12px/14px 'Pretendard-Regular', 'Nanum Gothic', 'Dotum', 'applegothic', sans-serif; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button { margin: 0; padding: 0; -webkit-text-size-adjust: none; }
fieldset, img, abbr, acronym { border: 0 none; }
img { vertical-align: top; }
legend { position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
legend.showlegend { position: static; line-height: 14px; font-size: 12px; overflow: visible; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
q:before, q:after { content:''; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
caption { height: 1px; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px; }
input:focus,
a:focus,
button:focus { outline: #000 dotted 1px !important; outline-offset: -1px; }
textarea:focus { outline: none !important;}
a { text-decoration: none; cursor: pointer; color: #434343; }
button { border: 0 none; background: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button, input, select, textarea { font: 12px/14px 'Pretendard-Regular', 'Nanum Gothic', 'Dotum', 'applegothic', sans-serif; vertical-align: middle; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; overflow: visible; -webkit-appearance: button; }
select { min-width: 100px; -webkit-border-radius: 0; }
textarea { overflow: auto; resize: none; }
input[type="checkbox"],
input[type="radio"] { width: 14px; height: 14px; line-height: 14px; box-sizing: border-box; -webkit-border-radius: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
header, footer, article, section, aside, details, figure, figcaption, nav, hgroup { display: block; margin: 0; padding: 0; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }



/* 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;}

.imgMo {display:none}

/* 보앤미 반응형 */
.brand_wrap { position: relative; padding-top: 42px; overflow: hidden; }
.boAndMieMain {margin:0 auto;max-width:1920px;line-height:1;color:#0f1315;font-family:'Pretendard-Regular';}
.boAndMieMain img {width:100%}
.boAndMieMain .img_topBanner {}
.boAndMieMain .txt_flowBanner {height:377px;display:flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;transition: .3s;font-weight:bold;color: #9D9993;}
.boAndMieMain .txt_flowBanner p {font-family:"SteelfishBold";font-size:150px;color:#0f1315;animation: textLoop 15s linear infinite;display:flex;align-items:center;}
.boAndMieMain .txt_flowBanner p::before {content:'';display:inline-block;width:25px;height:25px;background:#0f1315;border-radius:50%;margin:0 54px}
.boAndMieMain .boAndMieContList ul li {border-top:2px solid #0f1315;display:flex;align-items: center;}
.boAndMieMain .boAndMieContList ul li > * {width:50%}
.boAndMieMain .boAndMieContList ul li+li+li {background:#f7efec}
.boAndMieMain .boAndMieContList .txtCont {text-align:center;}
.boAndMieMain .boAndMieContList .txtCont dt {font-family:"SteelfishBold";font-size:70px;padding-bottom:30px;position:relative;margin-bottom:35px;}
.boAndMieMain .boAndMieContList .txtCont dt::after {content:'';width:170px;height:3px;background:#0f1315;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.boAndMieMain .boAndMieContList .txtCont .inTxt {font-size:27px;line-height:1.5}
.boAndMieMain .boAndMieContList .txtCont .inBoxTxt {border:2px solid #aaa;text-align:left;max-width:554px;padding:40px 25px 40px 50px;font-size:19px;margin:60px auto 0;line-height:1.5;}
.boAndMieMain .boAndMieContList .txtCont .inBoxTxt p {text-indent:-16px}
.boAndMieMain .boAndMieContList .txtCont .logo {display:inline-block;margin-bottom:15px;}
.boAndMieMain .boAndMieContList .txtCont .logo img {width:69px;height:41px}

.boAndMieMain .signatureSwiperCont {padding:180px 62px}
.boAndMieMain .signatureSwiperCont h2 {font-size:70px;line-height:1;font-family:"SteelfishBold";margin:0 auto 35px;width:1500px}
.boAndMieMain .signatureSwiperCont .signatureSwiper {width:1795px;margin:0 auto 0 150px;padding-bottom:100px}
.boAndMieMain .signatureSwiperCont .sig_contBox .in_img {border:3px solid #0f1315}
.boAndMieMain .signatureSwiperCont .sig_contBox .in_txt {text-align:center;}
.boAndMieMain .signatureSwiperCont .sig_contBox .in_txt strong {font-size:27px;display:block;margin:30px 0 20px;font-family:'Pretendard-SemiBold';}
.boAndMieMain .signatureSwiperCont .sig_contBox .in_txt p {font-size:20px;line-height:1.3;}

.boAndMieMain .swiper_indiBox {position: absolute;left:50%;transform:translateX(-50%);bottom:0;display:flex;align-items:center;z-index:10;}
.boAndMieMain .signatureSwiperCont .swiper_indiBox {margin-left:-150px}
.boAndMieMain .bottomFullSwiperCont {position:relative}
.boAndMieMain .bottomFullSwiperCont .cntTxtBanner {width:550px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:rgba(15,19,21,.75);border:3px solid #fff;z-index:100;color:#fff;text-align:center;padding:85px 15px 72px}
.boAndMieMain .bottomFullSwiperCont .cntTxtBanner strong {font-size:70px;display:block;position:relative;padding-bottom:33px;margin-bottom:35px;font-family:"SteelfishBold";}
.boAndMieMain .bottomFullSwiperCont .cntTxtBanner strong::after {content:'';width:170px;height:3px;background:#fff;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.boAndMieMain .bottomFullSwiperCont .cntTxtBanner em {font-size:30px;font-family:'Pretendard-SemiBold';}
.boAndMieMain .bottomFullSwiperCont .cntTxtBanner p {font-size:20px;font-family:'Pretendard-SemiBold';line-height:1.45;margin-top:32px}
.boAndMieMain .bottomFullSwiperCont .swiper_indiBox {bottom:44px}
.boAndMieMain .swiper_indiBox > * {position:static;margin:0}
.boAndMieMain .swiper_indiBox .swiper-pagination-bullet {width:16px;height:16px;background:#fff;border:1px solid #0f1315;opacity:1;}
.boAndMieMain .swiper_indiBox .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#0f1315;}
.boAndMieMain .swiper-button-next,.boAndMieMain .swiper-button-prev {color:#0f1315;top:0;height:auto}
.boAndMieMain .swiper-button-next::after,.boAndMieMain .swiper-button-prev::after {font-size:18px}

/* footer */
#brand_footer {display: none;}
#boandmie_footer { border-top: 1px solid #ddd; background: #323232; overflow: hidden; text-align: center;}
#boandmie_footer  * {color:#fff;}
/*.main #boandmie_footer { border: 0 none; }*/
#boandmie_footer .wrap {width:985px;margin:0 auto; padding:50px 0;display:flex;align-items: center;text-align: left;}
#boandmie_footer .f_logo {margin-right:94px}
#boandmie_footer .f_txt address {font-size:12px}
#boandmie_footer .f_txt .brand_copyright {font-size:11px}
#boandmie_footer .f_sns {margin-left:auto;display:flex;gap:0 19px}
#boandmie_footer .f_list { margin-bottom: 14px; }
#boandmie_footer .f_list a:first-child { padding-left: 0 !important; background: none; font-weight: normal; }
#boandmie_footer .f_list a { padding: 0 8px 0 10px; color: #fff; line-height: 14px; font-size: 13px; font-weight: bold; background: url("https://www.shinsegaefood.com/brand/bettermeat/images/bullet/blt_brand03.gif") no-repeat 0 1px; }
#boandmie_footer address { margin-bottom: 8px; color: #fff; line-height: 14px; font-size: 12px; }



@keyframes textLoop {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  @media screen and (max-width: 1820px) {
    .boAndMieMain .signatureSwiperCont .signatureSwiper {margin-left:90px}
    
    .boAndMieMain .bottomFullSwiperCont .swiper_indiBox {bottom:44px}
  }
  @media screen and (max-width: 1720px) {
    .boAndMieMain .signatureSwiperCont .signatureSwiper {margin-left:43px}
    .boAndMieMain .signatureSwiperCont .swiper_indiBox {margin-left:-210px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner {padding:75px 15px 62px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner strong {font-size:60px;padding-bottom:28px;margin-bottom:30px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner strong::after {width:150px;height:3px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner em {font-size:26px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner p {font-size:18px;margin-top:27px}
    
  }

  @media screen and (max-width: 1620px) {
    .boAndMieMain .signatureSwiperCont .signatureSwiper {margin-left:0}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner {padding:65px 15px 52px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner strong {font-size:50px;padding-bottom:23px;margin-bottom:25px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner strong::after {width:130px;height:2px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner em {font-size:24px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner p {font-size:16px;margin-top:22px}
  }
  

  @media screen and (max-width: 1300px) {
    .boAndMieMain .boAndMieContList .txtCont dt {font-size:55px;padding-bottom:20px;margin-bottom: 25px;}
    .boAndMieMain .boAndMieContList .txtCont .inTxt {font-size:20px}
    .boAndMieMain .boAndMieContList .txtCont .inBoxTxt {font-size:15px;padding:35px 20px 35px 40px;margin-top:30px}
    .boAndMieMain .boAndMieContList .txtCont .inBoxTxt p {text-indent:-12px;}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner {padding:45px 15px 30px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner strong {font-size:40px;padding-bottom:18px;margin-bottom:20px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner strong::after {width:110px;height:2px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner em {font-size:20px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner p {font-size:14px;margin-top:17px}
  }

@media screen and (max-width: 940px) {
  .boAndMieMain .bottomFullSwiperCont {}
  .boAndMieMain .bottomFullSwiperCont .cntTxtBanner {width:calc(100% - 40vw)}
  .boAndMieMain .bottomFullSwiperCont .cntTxtBanner strong {font-size:35px;padding-bottom:16px;margin-bottom:17px}
  .boAndMieMain .bottomFullSwiperCont .cntTxtBanner strong::after {width:71px}
  .boAndMieMain .bottomFullSwiperCont .cntTxtBanner em {font-size:13px}
    .boAndMieMain .bottomFullSwiperCont .cntTxtBanner p {font-size:9px;margin-top:15px}
  .boAndMieMain .bottomFullSwiperCont .bottomFullSwiper {height:100vw}
  .boAndMieMain .bottomFullSwiperCont .bottomFullSwiper .swiper-slide {height:100%}
  .boAndMieMain .bottomFullSwiperCont .bottomFullSwiper .btm_imgBox {height: 100vw}
  .boAndMieMain .bottomFullSwiperCont .bottomFullSwiper .btm_imgBox img {object-fit: cover;height:100%}
  .boAndMieMain .signatureSwiperCont {position: relative;}
  .boAndMieMain .signatureSwiperCont::before {content:'';width:22px;height:100%;position:absolute;left:0;top:0;background: #fff;z-index: 10;}
    .boAndMieMain .signatureSwiperCont .swiper_indiBox {margin-left:auto}
    #boandmie_footer .wrap { padding: 15px 10px; }
    .boAndMieMain {padding-top:0}
    .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; 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: rgba(72, 59 ,43 ,0.7); text-align: center;}
    .brand_logo { display: block; height: 78px; }
    .brand_logo img { height: 78px; padding: 15px 0; 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; }

    .imgPc {display:none}
    .imgMo {display:block}

    .boAndMieMain .txt_flowBanner {height:137px}
    .boAndMieMain .txt_flowBanner p {font-size:50px}
    .boAndMieMain .txt_flowBanner p::before {width:10px;height:10px;margin:0 16px}

    .boAndMieMain .boAndMieContList ul li {flex-wrap:wrap}
    .boAndMieMain .boAndMieContList ul li > * {width:100%}
    .boAndMieMain .boAndMieContList ul li .txtCont {padding:60px 30px;order:-1;min-height:375px;align-content:center}
    .boAndMieMain .boAndMieContList .txtCont dt {font-size:35px;padding-bottom:20px;margin-bottom:17px}
    .boAndMieMain .boAndMieContList .txtCont dt::after {width:85px;height:2px}
    .boAndMieMain .boAndMieContList .txtCont .inTxt {font-size:14px}
    .boAndMieMain .boAndMieContList .txtCont .inBoxTxt {padding:20px 15px 20px 30px;border-width:1px;margin-top:30px}
    .boAndMieMain .boAndMieContList .txtCont .inBoxTxt p {font-size:11px;text-indent:-9px;}
    .boAndMieMain .boAndMieContList .txtCont .logo {margin-bottom:8px;height:20px}
    .boAndMieMain .boAndMieContList .txtCont .logo img {width:35px;height:20px}

    .boAndMieMain .signatureSwiperCont {padding:55px 22px}
    .boAndMieMain .signatureSwiperCont h2 {font-size:35px;margin-bottom:16px}
    .boAndMieMain .signatureSwiperCont .signatureSwiper {width:100%;padding-bottom:40px !important;margin:0;overflow: visible;}
    .boAndMieMain .signatureSwiperCont .sig_contBox .in_img {border-width:2px}
    .boAndMieMain .signatureSwiperCont .sig_contBox .in_txt strong {font-size:14px;margin:15px 0 12px}
    .boAndMieMain .signatureSwiperCont .sig_contBox .in_txt p {font-size:10px;line-height:1.5}

    .boAndMieMain .swiper-button-next, .boAndMieMain .swiper-button-prev {width:12px}
    .boAndMieMain .swiper_indiBox .swiper-pagination-bullet {width:8px;height:8px;margin:0 2px !important}
    .boAndMieMain .swiper-button-next::after, .boAndMieMain .swiper-button-prev::after {font-size:9px}

    .boAndMieMain .bottomFullSwiperCont .swiper_indiBox {bottom:14px}

    #boandmie_footer .wrap {flex-wrap: wrap;width:100%;padding:25px 20px 50px 50px;position:relative}
    #boandmie_footer .f_list {margin-bottom:8px}
    #boandmie_footer .wrap .f_sns {width:100%;justify-content: flex-end;margin-top:18px;gap:0 10px;margin-right:30px}
    #boandmie_footer .wrap .f_sns a img {width:30px;height:30px}
    #boandmie_footer .wrap .f_txt {padding-left:90px;}
    #boandmie_footer .wrap .f_list {font-size:12px}
    #boandmie_footer .wrap .f_txt * {font-size:10px}
    #boandmie_footer .wrap .f_txt a {padding: 0 4px}
    #boandmie_footer .wrap .f_logo {position:absolute;left:50px;top:24px;}
    #boandmie_footer .wrap .f_logo img {width:70px;height:40px}
}
    
@media screen and (max-width: 640px) {
    
}
@media screen and (max-width: 480px){
    
}
@media screen and (max-width: 420px){
    
}
@media screen and (max-width: 380px){
    
}