/* 반응형 헤더 수정 2025 04.25
@media screen and (max-width:480px) {
  header > .inner { background:#f6f5ef; border-bottom:1px solid #e5e5e5; height:69px; left:0; position:fixed; top:0; width:100%; z-index:20; }
  header > .inner .sub-menu { display: none; top: 0; right: 0;}
  header > .inner .main-menu { display: none;}
  header > .inner h1 { height:45px; left:10px; position:absolute; top:13px; width:45px;} 
  header .logo {
    background-size:45px auto; display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%;
  }
  #main_content {
    background-image: url("https://image.istarbucks.co.kr/upload/common/img/main/2023/2023_m_disney2_top_bg.jpg");
    width: auto;
    height: 291vw;
    padding-top: 9px;
    background-position: center top;
    box-sizing: border-box;
    margin-top: 70px;
  }
  #main_content .set_01 {
    z-index: 8;
    top: 17.4%;
    left: 12.5%;
    width: 90%;
    max-width: 100%;
    overflow: hidden;
  }
  #main_content .set_02 {
    z-index: 9;
    top: 49%;
    left: 12%;
    width: 77%;
    max-width: 100%;
  }
  #main_content .set_03 {
    z-index: 10;
    top: 64%;
    left: 17%;
    width: 84.1%;
    max-width: 100%;
  }
  #main_content .visual_slogan {
    width: 46%;
    top: 4.9%;
    left: 15.5%;
  }
  #main_content .btn_slogan {
    z-index: 10;
    top: 89%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    height: auto;
    bottom: auto;
  }
  #main_content .btn_slogan a {
    width: 36%;
    color: #fff;
    border-color: #fff;
    line-height: 10vw;
    font-size: 22px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 16px;
    word-spacing: 0;
    letter-spacing: 0;
  }
} 
    
*/

@media screen and (min-width: 961px) and (max-width:1479px) {
    .notice .notice-line .inner__left {
      width: 40%;
    }
    .notice .notice-line .inner__right {
      width: 35%;
    }
  }

  @media screen and (max-width: 1020px) {
    .new-rewards_logo {
        width: 35%;
        margin-top: 30px;
        margin-right: 30px;
    }
    .new-rewards_logo img {
      width: auto;
      max-width: 100%;
    }
    .new-rewards_inner .pc-br {
      display: block;
    }
    .new-rewards_conts .btn-signin_group {
      position: static;
      display: inline-block;
      top: auto;
      bottom: auto;
      right: auto;
      margin-bottom: 20px;
    }
    .new-rewards_conts {
      width: calc(65% - 80px);
    }
    .new-rewards_conts .btn_egift {
      position: static;
      display: inline-block;
      margin:20px 0; 
    }
  }
  @media screen and (max-width:1700px)  {
    #main-bean-wrap {
      height: 43vw;
    }
  }

@media screen and (max-width:1800px){
    .first_reserve_visual {right:-5%;}
  }
  @media screen and (max-width:1700px){
    .first_reserve_visual {right:-8%;}
  }
  @media screen and (max-width:1600px){
    .first_reserve_visual {right:-12%;}
  }
  @media screen and (max-width:1500px){
    .first_reserve_visual {right:-17%;}
  }
  @media screen and (max-width:1400px){
    .first_reserve_visual {right:-22%;}
  }
  @media screen and (max-width:1300px){
    .first_reserve_visual {right:-24%;}
  }
  @media screen and (max-width:1200px){
    .first_reserve_visual {right:-30%;}
  }
  @media screen and (max-width:1120px){
    .first_reserve_title {
      max-width: none; 
      width: 60%; 
      padding-top: 48px; 
      padding-left: 15.5%; 
      margin:0;
    }
    #first_reserve_wrap {
      height: 335px;
      background-size: auto 335px;
    }
    .first_reserve_title img {
      width: 416px; 
      height: auto;
      transform: none;
    }
    .first_reserve_visual {
      right : -40%;
      top: auto; 
      bottom: 0; 
      height:100%;
    }
    .first_reserve_visual img {
      width: auto; 
      height:100%;
    }
    .first_reserve_detail-btn_wrap {
      width: 40%; 
      max-width: none; 
      margin-left: 0; 
      padding-left:34.6%;
    }
  }
  @media screen and (max-width:1000px){
    .first_reserve_visual {
      right:-42%;
    }
  }
  @media screen and (max-width:930px){
    #first_reserve_wrap {
      height:100%;
    }
    .first_reserve_visual .reserve_visual-m {
      display: block;
    }
    .first_reserve_visual {
      right: auto;
    }
    .first_reserve_visual .reserve_visual-pc {
      display: none;
    }
  }