@charset "UTF-8";

/* lnb */
.lnb_wrap{position:fixed;left:0;top:40px;z-index:90;width:100%;height:33px;padding:0 15px;background:#f6f6f6;box-sizing:border-box}
.lnb li{width:auto;margin-right:25px}
.lnb li:last-child{margin-right:0}
.lnb a{display:block;line-height:33px;font-size:11px;letter-spacing:-0.05em;color:#747474}
.lnb li.on a{position:relative;font-family:'NanumGothicBold';color:#c6171f}
.lnb li.on a:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#c6171f}

.sub_content{padding-top:73px}

/* page_title_area */
.page_title_area{padding:19px 0 20px}
.sub_text{padding-top:10px;font-size:11px;letter-spacing:-0.05em;color:#666}

/* tabmenu */
.tabmenu{font-size:0;text-align:center}
.tabmenu li{display:inline-block;width:33.3333%;height:30px}
.tabmenu a{display:block;position:relative;border-bottom:1px solid rgba(0,0,0,0.2);box-sizing:border-box;font-family:'NanumGothicBold';font-size:12px;letter-spacing:-0.05em;line-height:30px}
.tabmenu li.on a:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#c6171f}
.tabmenu li.on a{color:#c6171f}

/* new_store */
.new_store{padding:28px 0;background:#f9f9f9}
.new_store .img_title img{width:320px}
.store_slide{padding-top:15px}
.store_slide .swiper-slide{width:50%}
.store_slide .swiper-slide a{display:block;width:90.625%;height:100%;margin:0 auto}
.store_slide .text_area{height:60px;background:#fff;padding-top:15px;box-sizing:border-box}
.store_slide .text_area p{font-size:10px;letter-spacing:-0.05em;color:#666}
.store_slide .text_area .addr{padding-top:5px;font-family:'NanumGothicBold';color:#333}
.store_slide .remark{background:#be9d6d;font-family:'NanumGothicBold';font-size:10px;letter-spacing:-0.05em;line-height:23px;color:#fff}
.store_slide .remark.cm_soon{background:#79cdc5}
.store_slide .remark i{font-style:italic}
.store_btns{position:absolute;top:27px;width:20px}
.store_prev{left:4.6875%}
.store_next{right:4.6875%}

/* franchise_lnks */
.franchise_lnks{height:180px;background:#444}
.fran_txt{padding:28px 0 7px;font-family:'NanumGothicBold';font-size:13px;letter-spacing:0.05em;color:#fff}
.franchise_lnks .img_title img{width:320px}
.franchise_lnks .text{padding:10px 0 20px;color:#fff}
.fran_links{font-size:0}
.fran_links li{display:inline-block;width:105px;height:28px;border:1px solid #fff;box-sizing:border-box}
.fran_links li:last-child{margin-left:8px;border:1px solid #c6171f;}
.fran_links li a{display:block;height:100%;font-family:'NanumGothicBold';font-size:10px;letter-spacing:-0.05em;line-height:26px;color:#fff}
.fran_links li:last-child a{background:#c6171f;color:#fff}


/* franchise navigation */
.navigation-buttons {
  position: relative;
  display: flex;
  width: 100%;
  padding: 20px 0;
  background-color: #fff;
  z-index: 10;
}

/* 기본적으로 양쪽 버튼이 모두 보일 때는 space-between으로 정렬 */
.navigation-buttons {
  justify-content: space-between;
}

/* 왼쪽 버튼만 보일 때는 flex-start로 정렬 */
.navigation-buttons.left-only {
  justify-content: flex-start;
}

/* 오른쪽 버튼만 보일 때는 flex-end로 정렬 */
.navigation-buttons.right-only {
  justify-content: flex-end;
}

/* 버튼이 하나만 보일 때의 처리 */
.navigation-buttons.left-only #btnRight,
.navigation-buttons.right-only #btnLeft {
  display: none;
}

.nav-button {
  display: inline-block;
  padding: 18px 35px;
  background-color: #c6171f;
  color: #fff;
  border-radius: 5px;
  font-family: 'NanumGothicBold', sans-serif;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.05em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0 25px;
}

.nav-button:hover {
  background-color: #d82a32;
}

.arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

.prev-button:hover .arrow {
  transform: translateX(-5px);
}

.next-button:hover .arrow {
  transform: translateX(5px);
}

@media screen and (max-width: 768px) {
  .nav-button {
    padding: 10px 10px;
    font-size: 16px;
    margin: 0 15px;
  }
}