/* 태블릿 */
@media screen and (max-width:1200px){
  .pre_view_m{margin: 10px 0;display: inline-block;width: 100%;text-align: center;}
  .pre_view_m li{
    width: 35%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    margin: 0 10px;
    border: 2px solid #afaeea;
    border-radius: 8px;
  }
  .pre_view_m li.on{}
  .partner_wrap {width: 100%; display: inline-block;text-align: center;}
  .product_menu {width: 90%;}

  /* 미리보기 */
  .card_wrap > li:nth-child(1).on {display: block; transition: .3s;}
  .card_wrap > li:nth-child(1){display: none; position: fixed;top: 0!important;left: 0;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.7);width: 100%;height: 100%;z-index: 99999;max-height: 100vh;transition: .3s;}
  .card_wrap > li:nth-child(1) div{position: fixed;width: 50%;height: 70%;top: 43%;left: 50%;transform: translate(-50%, -50%);}
  .card_wrap > li:nth-child(1) div i {display: inline-block;font-size: 30px;padding: 20px;background-color: #333; border-radius: 50px;z-index: 99999;position: relative;color: #fff;margin-bottom: 69px;}

  .card_wrap > li:nth-child(2){width: 90%; float: inherit;}
  .card_wrap > li:nth-child(2)>ul>li{width: 45%;margin: 5px 12px 16px;}
  .card_wrap > li:nth-child(2)>ul>li>div {width: 100%;}
}

/* 모바일 */
@media screen and (max-width:767px){
  .sub_menu_btn {display: block; margin: 0 0 35px 0}
  .sub_menu_btn > ul{display: flex; justify-content: center; gap: 10px;}
  .sub_menu_btn > ul > li{flex: 0 0 40%;}
  .sub_menu_btn > ul > li .link{display: flex; align-items: center; justify-content: center; background-color: #f6f6f6; padding: 14px 0; border-radius: 5px;}
  .sub_menu_btn > ul > li .link i{color: #afaeea; margin: 0 8px 0 0}
  .sub_menu_btn > ul > li .link .txt{font-size: 14px; color: #333333;}

  /* [2026-08-21] 하단 이동버튼이 3개(영상/모바일 청첩장/청첩장)가 되면
     flex:0 0 40% ×3 + gap 이 화면을 49px 넘긴다. 3개 이상일 때만 균등분할 —
     2개짜리 브랜드는 종전 40% 그대로 */
  .sub_menu_btn > ul > li:first-child:nth-last-child(n+3),
  .sub_menu_btn > ul > li:first-child:nth-last-child(n+3) ~ li { flex:1 1 0; min-width:0; }
  .sub_menu_btn > ul > li:first-child:nth-last-child(n+3) .link,
  .sub_menu_btn > ul > li:first-child:nth-last-child(n+3) ~ li .link { padding:14px 4px; }
  .sub_menu_btn > ul > li:first-child:nth-last-child(n+3) .link i,
  .sub_menu_btn > ul > li:first-child:nth-last-child(n+3) ~ li .link i { margin:0 5px 0 0; }
  .sub_menu_btn > ul > li:first-child:nth-last-child(n+3) .link .txt,
  .sub_menu_btn > ul > li:first-child:nth-last-child(n+3) ~ li .link .txt { font-size:13px; white-space:nowrap; }

  .pre_view_m{margin: 10px 0;display: inline-block;width: 100%;text-align: center;}
  .pre_view_m li{
    width: 35%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    margin: 0 10px;
    border: 2px solid #afaeea;
    border-radius: 8px;
  }
  /* 제휴코드 팝업 */
  .popup_wrap .popup {width: 350px;}

  .product_group {text-align: center; margin: 35px 0 20px;}
  .product_menu {width:90%; border-bottom: 1px dotted #e3e3e3;}
  .product_menu > li {float: left; margin: 0 2px;}
  .product_menu > li > a {width: auto; padding: 10px 15px;}

  /* 미리보기 */
  .card_wrap > li:nth-child(2)>ul>li {width: 100%;margin: 0 0 20px;}
  .card_wrap > li:nth-child(1) div {width: 80%;height: 80%;top: 45%;}
  .card_wrap > li:nth-child(1) div i {font-size: 19px;margin-bottom: 19px;padding: 12px;}
}