@media screen and (max-width:1023px) {}

@media screen and (max-width:599px) {

  .pc-mobile {
    display: none;
  }

  section {
    font-size: 3.3vw;
  }

  div.image_sd_wrap {
    width: 350%;
    padding: 3vw 0;
  }

  .hamburger_bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 9998;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.6);
  }

  .hamburger_bg.on {
    opacity: 1;
    visibility: visible;
  }

  .pctt {
    display: none;
  }

  .mott {
    display: block;
  }


  .subtitle {
    font-size: 4.5vw;
    margin-bottom: 0.7vw;
  }

  .subtitle2 {
    font-size: 4.5vw;
    margin-bottom: 0.7vw;
  }

  .title {
    font-size: 6.4vw;
    letter-spacing: -0.2vw;
    margin-bottom: 1vw;
  }

  .subtt {
    font-size: 3.5vw;
  }

  .subtt2 {
    font-size: 3.8vw;
  }

  .arrow {
    width: 9vw !important;
  }


  .sec_btn {
    width: auto;
    padding: 0 4vw;
    height: 8vw;
    line-height: 8vw;
    font-size: 3.3vw;
  }






  .sec_btm_tt {
    font-size: 3.5vw;
  }

  .sec_btm {
    width: 95%;
    padding: 2vw 0;
  }

  .sec_btm_img {
    left: -6%;
    bottom: -28%;
    scale: 1;
  }

  .sec_btm2 .sec_btm_tt {
    font-size: 3.4vw;
  }

  .sec_btm2 {
    padding: 1.8vw 0 !important;
  }

  @keyframes sec_btm_img {
    0% {
      transform: scale(1);
    }

    50% {
      transform: matrix(1.02, 0.01, 0.01, 1.02, 0, -3);
    }

    100% {
      transform: scale(1);
    }
  }

  .sec_btm_img.scale1 {
    scale: 2.8;
  }









  .intro {
    flex-direction: column;
  }

  .intro_half {
    width: 100%;
    height: 50vh;
  }

  .intro_big {
    font-size: 8vw;
  }

  .intro_mid {
    font-size: 4.2vw;
  }

  .intro_small {
    font-size: 3.5vw;
    margin-top: 3vw;
    margin-bottom: 18vw;
  }

  .intro_line {
    width: 10vw;
    margin: 4vw 0;
  }

  .intro_01,
  .intro_01a,
  .intro_01b {
    width: 53vw;
  }

  .intro_04 {
    width: 100vw;
    bottom: -5%;
  }

  .intro_02 {
    width: 120vw;
    bottom: -8%;
  }

  .intro_03 {
    width: 43vw;
    bottom: 14%;
  }

  .intro_text_wr.this {
    transform: translateY(-10vw);
  }






  .sub_top {
    height: 40vw;
    margin-top: 20vw;
    z-index: 0;
  }

  .sub_top_tt03 {
    height: 7vw;
  }

  .sub_top_tt01 {
    font-size: 4.2vw;
    margin-bottom: 0.2vw;
    margin-top: 10vw;
  }

  .sub_top_img {
    scale: 1.3;
    z-index: -1;
  }






  .sub01_tab_overlay {
    top: 4vw;
  }

  .sub01_tab {
    width: 96vw;
    border-radius: 2vw;
    box-shadow: 0 0 0.6vw 1vw rgba(0, 0, 0, 0.048);
    box-sizing: border-box;
    justify-content: center;
    gap: 4vw;
    padding: 3vw 0;
    height: auto;
  }

  .sub01_tab_1 {
    font-size: 3.1vw;
    height: 4vw;
    line-height: 4vw;
    white-space: nowrap;
  }

  .sub01_tab_1::after {
    display: none;
  }
















  /* 매장안내 */

  .acon10 {
    padding: 10vw 0;
  }

  .acon10_01 {
    width: 40vw !important;
  }

  .swiper_acon10 {
    width: 90vw;
    padding: 5vw 0 5vw 0 !important;
    border-radius: 3vw;
    margin-top: -3vw;
  }

  .acon10_label {
    width: 30vw !important;
  }

  .acon10_slide {
    width: 40vw;
    height: 25vw;
    border-radius: 3vw;
  }

  .acon10_slide_num {
    font-size: 4vw;
  }

  .acon10_slide_name {
    font-size: 3.2vw;
  }

  .acon10_slide_ttwrap {
    padding: 3vw;
  }

  .acon10_con {
    width: 90vw;
    margin-top: 6vw;
  }

  .acon10_search {
    justify-content: space-between;
  }

  .acon10_select_wrap {
    width: 49%;
    height: 10vw;
  }

  .acon10_select {
    font-size: 3.2vw;
    padding: 0 4vw;
    border-radius: 100px;
  }

  .acon10_select_arrow {
    width: 4vw !important;
    right: 4vw;
    margin-top: -1vw;
  }

  .acon10_input_wrap {
    width: 49%;
    height: 10vw;
  }

  .acon10_input {
    font-size: 3.2vw;
    padding: 0 10vw 0 4vw;
    border-radius: 100px;
  }

  .acon10_search_btn {
    width: 4vw !important;
    right: 4vw;
  }

  .acon10_search_btn img {
    width: 5vw;
  }

  .acon10_table {
    margin-top: 4vw;
    font-size: 3vw;
  }

  .acon10_thead {
    height: 9vw;
    font-size: 3.2vw;
  }

  .acon10_row {
    height: auto;
    padding: 2.5vw 0;
  }

  /* 모바일에서는 주소 칼럼 숨김 — 지역/매장명/전화번호만 표시 */
  .td_region,
  .th_region {
    width: 20%;
  }

  .td_name,
  .th_name {
    width: 40%;
  }

  .td_tel,
  .th_tel {
    width: 40%;
  }

  .acon10_th.th_addr,
  .acon10_td.td_addr {
    display: none;
  }

  .acon10_badge {
    font-size: 2.8vw;
    padding: 0.8vw 2vw;
    border-radius: 1vw;
  }

  .acon10_new_badge {
    font-size: 2.2vw;
    padding: 0.5vw 1.5vw;
    display: none;
  }

  .acon10_pagination {
    margin-top: 4vw;
    padding-bottom: 3vw;
    gap: 0.5vw;
  }

  .acon10_page_btn {
    width: 7vw;
    height: 7vw;
    font-size: 3vw;
  }

  .acon10_page_btn.acon10_arrow {
    width: 5vw;
    font-size: 4.5vw;
  }

  .acon10_page_ellipsis {
    width: 5vw;
    height: 5vw;
    font-size: 2.5vw;
  }

  /* 팝업 */
  .acon10_popup_box {
    width: 95vw;
    border-radius: 4vw;
    padding: 0;
  }

  .acon10_popup_close {
    width: 7vw !important;
    top: 3vw;
    right: 3vw;
  }

  .acon10_popup_new {
    font-size: 3.2vw;
    padding: 0.8vw 1.8vw;
    margin: 0 auto;
  }

  .acon10_popup_name {
    font-size: 4.8vw;
  }

  .acon10_popup_head {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8vw 0 3vw 0;
  }

  .acon10_popup_head_left {
    gap: 2vw;
    margin-bottom: 2vw;
  }

  .acon10_popup_naver {
    font-size: 3.3vw;
    padding: 1.5vw 3vw;
    border-radius: 100px;
    gap: 1vw;
  }

  .acon10_popup_naver img {
    width: 4vw;
    height: 4vw;
  }

  .acon10_popup_info_row {
    font-size: 3vw;
    gap: 0.7vw;
  }

  .acon10_popup_label {
    font-size: 3.5vw;
  }

  .acon10_popup_info {
    text-align: center;
    gap: 2vw;
  }

  .acon10_popup_value {
    font-size: 3.2vw;
  }

  .acon10_popup_body {
    width: 100%;
    padding: 4vw 0 6vw 0;
    gap: 4vw;
    flex-direction: column;
    align-items: center;
  }

  .acon10_popup_map {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    width: 85vw;
    max-width: 100%;
    height: 45vw;
    overflow: hidden;
    border-radius: 2vw;
  }





  .intro_01b_img {
    animation: rotate_image1 5s infinite linear;
  }








}