@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

/* =========================================================
기본
========================================================= */
/* 변수 */
:root {
  --layoutwidth:1905px;
  --mainfont:"Pretendard Variable";
  --subfont:"Montserrat";
  --pointfont:"Pretendard Variable";
  --pointcolor:#1A2B54;
  --pointcolor2:#ce5b06;
  --searchcolor:#60758b;
  --BodyColor:#fff;
  --navy:var(--pointcolor);
  --text:#111;
  --text-muted:#666;
  --line:#e9e9e9;
  --line-light:#eee;
  --border:#ddd;
  --bg:var(--BodyColor);
  --max:var(--layoutwidth);
  --btn-call:#1c7cff;
  --btn-kakao:#ffda19;
  --btn-naver:#06be34;
  --footer-text:#989799;
  --gnb-gap:50px;
  --mega-bridge:18px;
  --mega-col-gap:50px;
  --contact-gap:100px;
  --map-w:919px;
  --map-h:613px;
  --map-card-w:665px;
  --map-card-h:367px;
  --header-offset:120px;
  --header-offset-extra:30px;
  --mnav-font:16px;
  --mnav-line:1.2;
  --mnav-row:54px;
  --mnav-pad-x:16px;
}

/* 모바일 기본 */
@media (max-width:768px) {
  html { overflow-y:scroll; height:100%; min-width:320px; }
  body { margin:0; padding:0; font-size:0.75em; background:#f8f8f8; height:100%; font-family:"Malgun Gothic",dotum,sans-serif; }
  html,h1,h2,h3,h4,h5,h6,form,fieldset,img { margin:0; padding:0; border:0; }
  h1,h2,h3,h4,h5,h6 { font-size:1em; font-family:"Malgun Gothic",dotum,sans-serif; }
  article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
  legend { position:absolute; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
  label,input,button,select,img { vertical-align:middle; }
  input,button { margin:0; padding:0; font-size:1em; font-family:"Malgun Gothic",dotum,sans-serif; }
  button { cursor:pointer; }
  input[type=text],input[type=password],input[type=submit],input[type=image],button { font-size:1em; -webkit-appearance:none; }
  textarea,select { font-size:1em; font-family:"Malgun Gothic",dotum,sans-serif; }
  textarea { border-radius:0; -webkit-appearance:none; font-family:"Malgun Gothic",dotum,sans-serif; }
  select { margin:0; background:none; font-family:"Malgun Gothic",dotum,sans-serif; }
  p { margin:0; padding:0; word-break:break-all; }
  hr { display:none; }
  pre { overflow-x:scroll; font-size:1.1em; }
  a { color:#000; text-decoration:none; }
  ul,li,dl,dt,dd { padding:0; margin:0; }
  ul { list-style:none; }
  *,:after,:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.is-visible { display:block !important; }
.mobile-only { display:block; }
}

/* 접근성 */
.sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }

/* 공통 */
[id] { scroll-margin-top:calc(var(--header-offset,0px) + var(--header-offset-extra)); }
* { box-sizing:border-box; }
html,body { height:100%; }
body { margin:0; font-family:var(--mainfont),var(--subfont),system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--text); background:var(--BodyColor); }
[hidden] { display:none !important; }
.cl-container { width:min(var(--max),100%); margin:0 auto; padding-inline:clamp(16px,3vw,36px); }