@charset "utf-8";

/* renew 테스트 전용 베이스 (기존 테마 CSS와 분리) */
@import url("https://cdn.jsdelivr.net/gh/wishmediaart/font/pretendard.css");

@font-face {
  font-family: 'montserrat';
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/gh/wishmediaart/font/Montserrat.woff2) format('woff2');
}
@font-face {
  font-family: 'roboto';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/gh/wishmediaart/font/Roboto_500.woff2) format('woff2');
}
@font-face {
  font-family: 'roboto';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/gh/wishmediaart/font/Roboto_700.woff2) format('woff2');
}
@font-face {
  font-family: 'one_m';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/gh/wishmediaart/font/ONE-Mobile-Title.woff) format('woff');
}

:root {
  --mc: #16309e;
  --lc: #f6f7fa;
  --pretendard: pretendard, Malgun Gothic, "맑은 고딕", sans-serif;
  --one_m: one_m, pretendard, Malgun Gothic, "맑은 고딕", sans-serif;
  --montserrat: montserrat, pretendard, Malgun Gothic, "맑은 고딕", sans-serif;
  --roboto: roboto, pretendard, Malgun Gothic, "맑은 고딕", sans-serif;
  --renew-url: /theme/basic/renew;
}

.mc { color: var(--mc); }
.bgmc { background-color: var(--mc); }
.bdmc { border-color: var(--mc); }

* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; }
body {
  margin: 0;
  padding: 0;
  font-family: var(--pretendard);
  color: #111;
  font-weight: 400;
  line-height: 1;
  word-break: keep-all;
  -webkit-text-size-adjust: none;
  background: #fff;
}
body.hidden { overflow: hidden; }

ul, ol, li, dl, dt, dd { list-style: none; }
main, picture, header, footer, nav, section, aside, article { display: block; }
img { max-width: 100%; vertical-align: top; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
button {
  border: 0;
  background: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-family: inherit;
}

.hide { display: none; }
.cen { text-align: center; }
.mt0, * .mt0 { margin-top: 0 !important; }
.cl:after { clear: both; visibility: hidden; display: block; content: ''; }
.middle { position: relative; top: 50%; transform: translateY(-50%); }

.m_block, .m_inline, .m_inblock,
.t_block, .t_inline, .t_inblock,
.td_block, .td_inline, .td_inblock { display: none !important; }

.btns_e { margin: 0 -8px; }
.btns_e > * { margin: 0 8px; vertical-align: middle; }

.btn_c {
  display: inline-block;
  color: #fff;
  background: #333;
  padding: 19px 26px;
  cursor: pointer;
  font-size: 16px;
  line-height: 120%;
}
.btn_c:link, .btn_c:visited, .btn_c:active { color: #fff; }
.btn_i { display: inline-flex; align-items: center; }
.btn_i p {
  font-size: 16px;
  line-height: 130%;
  text-align: left;
  font-weight: 400;
  padding-right: 12px;
  margin: 0;
}
.btn_i i { font-size: 15px; line-height: 130%; }
.btn_i.btn_c * { color: #fff; }

#content section { margin-top: 120px; }

/* 반응형 간격 유틸 (벤치마크 res_mg / res_pd 대체) */
@media (max-width: 1660px) {
  .res_mg { }
  .btns_e { margin: 0 calc(-3px - 0.3vw); }
  .btns_e > * { margin: 0 calc(3px + 0.3vw); }
  #content section { margin-top: calc(50px + 4vw); }
}
@media (max-width: 768px) {
  .t_none { display: none !important; }
  .t_block { display: block !important; }
  .t_inline { display: inline !important; }
  .t_inblock { display: inline-block !important; }
}
@media (max-width: 767px) {
  .td_none { display: none !important; }
  .td_block { display: block !important; }
  .m_none { display: none !important; }
}
@media (max-width: 440px) {
  .m_none { display: none !important; }
  .m_block { display: block !important; }
  .m_inline { display: inline !important; }
  .m_inblock { display: inline-block !important; }
}

/* 회사개요 테이블 모바일 (wish.js 대체) */
@media (max-width: 767px) {
  .company_table .col4table,
  .company_table .col4table tbody,
  .company_table .col4table tr,
  .company_table .col4table th,
  .company_table .col4table td {
    display: block;
    width: 100% !important;
  }
  .company_table .col4table th {
    border-bottom: 0;
  }
  .company_table .col4table td {
    border-top: 0;
  }
}

/* data-fsm 대략 스케일 (wish.js 없이 동작) */
@media (max-width: 1660px) {
  [data-fsm] { font-size: calc(0.55em + 0.4vw) !important; }
}
@media (max-width: 767px) {
  [data-fsm="11.5"] { font-size: 12px !important; }
  [data-fsm="15"] { font-size: calc(18px + 1.5vw) !important; }
  [data-fsm="18"] { font-size: calc(20px + 1.2vw) !important; }
  [data-fsm="20"] { font-size: calc(24px + 1.5vw) !important; }
}