@charset "utf-8";
/* 알뜰폰나라 상세페이지 v1 - html.altphone-item-preview 일 때만 적용 */
html.altphone-item-preview,html.altphone-item-preview body{max-width:100%;overflow-x:hidden}
html.altphone-item-preview *{box-sizing:border-box}
html.altphone-item-preview #wrap,
html.altphone-item-preview #container,
html.altphone-item-preview #content,
html.altphone-item-preview #contents,
html.altphone-item-preview #shop_area,
html.altphone-item-preview #sit{min-width:0!important;max-width:100%!important}
html.altphone-item-preview #sit{width:100%!important;margin:18px auto!important;padding:0 14px!important}
html.altphone-item-preview #sit_ov_wrap{display:flex!important;align-items:flex-start;gap:24px;padding:0!important;background:transparent!important;border:0!important}
html.altphone-item-preview #sit_pvi{float:none!important;flex:1 1 48%;width:auto!important;min-width:0!important;padding:20px!important;margin:0!important;background:#fff;border:1px solid #e0e6ee;border-radius:18px}
html.altphone-item-preview #sit_pvi_big{width:100%!important;max-width:100%!important;height:auto!important;min-height:330px!important;display:flex;align-items:center;justify-content:center;padding:14px!important;margin:0 0 14px!important;border:0!important;overflow:hidden!important}
html.altphone-item-preview #sit_pvi_big a.visible{width:100%;text-align:center}
html.altphone-item-preview #sit_pvi_big img{max-width:100%!important;height:auto!important;max-height:390px!important;object-fit:contain;margin:0!important}
html.altphone-item-preview #sit_pvi_thumb{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
html.altphone-item-preview #sit_pvi_thumb li{float:none!important;margin:0!important;padding:4px!important;border:1px solid #e0e6ee;border-radius:9px}
html.altphone-item-preview #sit_ov{float:none!important;flex:1 1 52%;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:22px!important;background:#fff;border:1px solid #e0e6ee;border-radius:18px}
html.altphone-item-preview #sit_title{width:100%!important;margin:3px 0 20px!important;line-height:1.4;font-size:25px!important;font-weight:700;color:#192230}
html.altphone-item-preview #sit_title img{max-width:100%;height:auto}
html.altphone-item-preview #sit_star_sns{position:static!important;margin:0 0 12px;text-align:right}
html.altphone-item-preview .sit_ov_tbl{width:100%!important;margin:0 0 18px!important;border-collapse:collapse}
html.altphone-item-preview .sit_ov_tbl th{width:30%;min-width:88px;padding:12px 8px!important;line-height:1.5;color:#657185;font-weight:600;border-bottom:1px solid #edf0f4}
html.altphone-item-preview .sit_ov_tbl td{padding:12px 8px!important;line-height:1.6;color:#1e293b;border-bottom:1px solid #edf0f4;overflow-wrap:anywhere}
html.altphone-item-preview .sit_ov_tbl select,
html.altphone-item-preview .sit_ov_tbl input[type=text]{max-width:100%!important;min-height:40px;padding:7px 9px;border:1px solid #cfd8e5;border-radius:8px;background:#fff;font-size:15px}
html.altphone-item-preview #sit_ov_btn{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px!important;letter-spacing:normal!important}
html.altphone-item-preview #sit_ov_btn input[type=image],
html.altphone-item-preview #sit_ov_btn img{max-width:100%!important;height:auto!important}
html.altphone-item-preview #sit_ov_btn .btn_regurl{float:none!important;display:inline-flex!important;align-items:center;padding:0 0 0 20px!important;min-height:52px}
html.altphone-item-preview #sit_inf,
html.altphone-item-preview #sit_charge,
html.altphone-item-preview #sit_qa,
html.altphone-item-preview #sit_use{max-width:100%!important;min-width:0!important}
html.altphone-item-preview #sit_inf_explan{max-width:100%!important;width:100%!important;overflow-x:auto!important}
html.altphone-item-preview #sit_inf_explan img{max-width:100%!important;height:auto!important}
html.altphone-item-preview #sit_inf_open{max-width:100%}
html.altphone-item-preview #dclist{max-width:100%!important;overflow-x:auto}
@media(max-width:767px){
 html.altphone-item-preview #wrap,
 html.altphone-item-preview #container,
 html.altphone-item-preview #content,
 html.altphone-item-preview #contents,
 html.altphone-item-preview #shop_area,
 html.altphone-item-preview #sit{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
 html.altphone-item-preview #sit{padding:12px!important}
 html.altphone-item-preview #sit_ov_wrap{display:block!important}
 html.altphone-item-preview #sit_pvi{width:100%!important;padding:14px!important;margin:0 0 14px!important}
 html.altphone-item-preview #sit_pvi_big{min-height:230px!important}
 html.altphone-item-preview #sit_pvi_big img{max-height:310px!important}
 html.altphone-item-preview #sit_ov{width:100%!important;padding:16px!important}
 html.altphone-item-preview #sit_title{font-size:22px!important;margin-bottom:14px!important}
 html.altphone-item-preview .sit_ov_tbl th{min-width:80px;width:31%;padding:10px 5px!important;font-size:13px}
 html.altphone-item-preview .sit_ov_tbl td{padding:10px 5px!important;font-size:14px}
 html.altphone-item-preview .sit_ov_tbl select{width:100%!important;min-width:0!important}
 html.altphone-item-preview #sit_ov_btn{display:flex!important;flex-direction:column;align-items:stretch!important}
 html.altphone-item-preview #sit_ov_btn input[type=image]{display:block;margin:0 auto!important}
 html.altphone-item-preview #sit_ov_btn .btn_regurl{justify-content:center}
 html.altphone-item-preview #sit_inf_explan table{max-width:100%}
 html.altphone-item-preview #sit_inf_open th,
 html.altphone-item-preview #sit_inf_open td{overflow-wrap:anywhere}
}


/* v2: 2014년형 Heidi 테마 외부 고정폭 제거. 상세페이지 미리보기에서만 적용 */
html.altphone-item-preview,html.altphone-item-preview body {width:100%!important;min-width:0!important;margin:0!important;overflow-x:hidden!important}
html.altphone-item-preview #wrap,
html.altphone-item-preview #wrapper,
html.altphone-item-preview #container,
html.altphone-item-preview #shop_area,
html.altphone-item-preview #content,
html.altphone-item-preview #contents {
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
html.altphone-item-preview #wrap,
html.altphone-item-preview #wrapper {width:100%!important;}
html.altphone-item-preview #container {
  float:none!important;clear:both!important;position:relative!important;
  width:100%!important;max-width:1080px!important;
  margin:0 auto!important;padding:0 16px 24px!important;
}
html.altphone-item-preview #sit {width:100%!important;max-width:100%!important;}
html.altphone-item-preview #sit_ov_wrap {min-width:0!important;max-width:100%!important;}
html.altphone-item-preview #sit_pvi_big a.visible img {max-width:100%!important;}
html.altphone-item-preview #sit_inf_explan,
html.altphone-item-preview #sit_inf_explan > * {max-width:100%!important;}

@media (max-width:767px) {
 html.altphone-item-preview #wrap,
 html.altphone-item-preview #wrapper,
 html.altphone-item-preview #container,
 html.altphone-item-preview #shop_area,
 html.altphone-item-preview #content,
 html.altphone-item-preview #contents,
 html.altphone-item-preview #sit,
 html.altphone-item-preview #sit_ov_wrap {
   float:none!important;clear:both!important;position:relative!important;
   box-sizing:border-box!important;width:100%!important;min-width:0!important;
   max-width:100%!important;margin-left:0!important;margin-right:0!important;
   left:auto!important;right:auto!important;
 }
 html.altphone-item-preview #wrap,
 html.altphone-item-preview #wrapper {padding:0!important;}
 html.altphone-item-preview #container {padding:0 10px 25px!important;min-height:0!important;}
 /* 기존 PC 전용 좌측 사이드바와 빨간 고정폭 상단만 미리보기에서 비노출 */
 html.altphone-item-preview #aside,
 html.altphone-item-preview #hd,
 html.altphone-item-preview .lnb,
 html.altphone-item-preview .s_menu {display:none!important;}
 html.altphone-item-preview #container_title {position:static!important;top:auto!important;left:auto!important;
   width:auto!important;max-width:100%!important;padding:10px 12px!important;margin:0 0 8px!important;
   font-size:19px!important;line-height:1.5!important;}
 html.altphone-item-preview #sit {padding:10px 0!important;margin:0 auto!important;}
 html.altphone-item-preview #sit_ov_wrap {display:block!important;padding:0!important;}
 html.altphone-item-preview #sit_pvi,
 html.altphone-item-preview #sit_ov {float:none!important;display:block!important;flex:none!important;
   box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
   left:auto!important;right:auto!important;margin:0 0 14px!important;}
 html.altphone-item-preview #sit_pvi_big {box-sizing:border-box!important;width:100%!important;height:auto!important;
   min-height:220px!important;max-width:100%!important;}
 html.altphone-item-preview #sit_pvi_big a.visible {max-width:100%!important;}
 html.altphone-item-preview #sit_pvi_big img {max-width:100%!important;height:auto!important;object-fit:contain!important;}
 html.altphone-item-preview #sit_title img {max-width:100%!important;height:auto!important;}
 html.altphone-item-preview .sit_ov_tbl {width:100%!important;max-width:100%!important;table-layout:fixed!important;}
 html.altphone-item-preview .sit_ov_tbl th {min-width:0!important;width:34%!important;}
 html.altphone-item-preview .sit_ov_tbl td {width:66%!important;min-width:0!important;word-break:break-word!important;}
 html.altphone-item-preview .sit_ov_tbl select,
 html.altphone-item-preview .sit_ov_tbl input {box-sizing:border-box!important;max-width:100%!important;}
 html.altphone-item-preview #sit_inf_explan {width:100%!important;max-width:100%!important;overflow-x:auto!important;}
 html.altphone-item-preview #sit_inf_explan img {max-width:100%!important;height:auto!important;}
 html.altphone-item-preview #sit_siblings {max-width:100%!important;}
}


/* v3 / 2026-11-07 : mobile select readability and detail scroll.
   Only enabled by html.altphone-item-preview on preview URLs. */
@media (max-width: 767px) {
  html.altphone-item-preview #sit_ov .sit_ov_tbl {
    width:100%!important;
    table-layout:auto!important;
  }
  html.altphone-item-preview #sit_ov .sit_ov_tbl tr {
    display:block!important;
    padding:12px 0!important;
    border-bottom:1px solid #e7eaf1!important;
  }
  html.altphone-item-preview #sit_ov .sit_ov_tbl th,
  html.altphone-item-preview #sit_ov .sit_ov_tbl td {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border:0!important;
    padding:4px 0!important;
    float:none!important;
  }
  html.altphone-item-preview #sit_ov .sit_ov_tbl td select {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:46px!important;
    padding:10px 34px 10px 12px!important;
    font-size:16px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    background-color:#fff!important;
  }
  html.altphone-item-preview #sit_ov .sit_ov_tbl td input[type=text] {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
  }
  /* Third-party supplied detail HTML can contain fixed-width tables.
     Keep all cells intact and let the customer swipe inside the detail area. */
  html.altphone-item-preview #sit_inf_explan {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
  }
  html.altphone-item-preview #sit_inf_explan table {
    width:max-content!important;
    min-width:600px!important;
    max-width:none!important;
    table-layout:auto!important;
  }
  html.altphone-item-preview #sit_inf_explan table td,
  html.altphone-item-preview #sit_inf_explan table th {
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  html.altphone-item-preview #sit_inf_explan img {
    height:auto!important;
    max-width:100%!important;
  }
}