@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#F4EFE7;color:#2B303B;-webkit-font-smoothing:antialiased;}
::selection{background:#FDD9B5;color:#2B303B;}
input,select,textarea,button,a{font-family:inherit;}
input::placeholder,textarea::placeholder{color:#B4B0A7;}
a{color:inherit;}

/* responsive */
@media (max-width:768px){
  .r1{grid-template-columns:minmax(0,1fr) !important;}
  .r1 > *{min-width:0 !important;}
  .r2{grid-template-columns:1fr 1fr !important;}
  .r-hide{display:none !important;}
  .r-topbar{flex-wrap:wrap !important;gap:6px 12px !important;justify-content:center !important;}
  .r-wrap{flex-wrap:wrap !important;}
  .r-hero h1{font-size:30px !important;line-height:1.25 !important;}
  .r-hero p{font-size:15px !important;}
  .r-hero p br{display:none !important;}

  /* header: shrink logo + keep nav on one line (scrolls if too narrow) */
  .r-head{gap:8px !important;height:62px !important;padding:0 14px !important;}
  .r-head > a[href="index.html"] > span:last-child{font-size:17px !important;}
  .r-head > nav{flex:1 1 auto !important;min-width:0;gap:2px !important;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
  .r-head > nav::-webkit-scrollbar{display:none;}
  .r-head > nav a{padding:8px 10px !important;font-size:13.5px !important;white-space:nowrap;flex-shrink:0;}

  /* mobile scroll wrapper for wide grid tables that lack one */
  .m-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}

  /* stacked (label:value) table that wraps instead of scrolling on mobile */
  .mtbl-scroll{overflow-x:visible !important;}
  .mtbl table{min-width:0 !important;table-layout:auto !important;}
  .mtbl table, .mtbl tbody, .mtbl tfoot{display:block !important;}
  .mtbl colgroup, .mtbl thead{display:none !important;}
  .mtbl .mt-row{display:flex !important;flex-direction:column;padding:6px 14px 12px !important;}
  .mtbl .mt-row > td{display:flex !important;justify-content:space-between !important;align-items:center;gap:14px;text-align:right !important;padding:6px 0 !important;font-size:13px !important;}
  .mtbl .mt-row > td::before{content:attr(data-l);color:#8B8578;font-weight:700;font-size:12px;text-align:left;white-space:nowrap;}
  .mtbl .mt-row > td input{width:auto !important;flex:0 1 62%;min-width:0;}
  .mtbl .mt-row > td.mt-x{display:none !important;}
  .mtbl .mt-row > td.mt-title{order:-1;text-align:left !important;font-size:14.5px !important;font-weight:800 !important;color:#2B303B !important;padding:2px 0 10px !important;border-bottom:1px solid #F1EADF;}
  .mtbl .mt-row > td.mt-title::before{display:none !important;}

  /* footer: 모바일에서는 왼쪽 정렬 + 긴 항목은 통째로 아랫줄에 */
  .f-info,.f-copy{text-align:left !important;}
  .f-sep{display:none;}
  .f-pi{display:block;}
  .f-pi + br{display:none;}
}
@media (max-width:480px){
  .r2{grid-template-columns:1fr !important;}
  .r-head > a[href="index.html"] > span:last-child{font-size:15px !important;}
  .r-head > nav a{padding:7px 8px !important;font-size:12.5px !important;}
}