@charset "euc-kr";

@import url("//i.incru.it/ui/static/font/pretendard/package/pretendard/web/static/pretendard-subset.min.css");

:root{
		--font-family-pre:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
		--text-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    --navy:#1c3f94;
    --blue:#2f6fd6;
    --blue-dark:#1d3a78;
    --blue-mid:#4a8de0;
    --teal:#19b8a6;
    --sky:#d6ecfb;
    --sky-light:#e8f5fd;
    --sky-lighter:#f1f9fe;
    --ink:#2a2f45;
    --gray:#6b7280;
    --line:#e2e8f0;
    --card:#ffffff;
  }
*{box-sizing:border-box;margin:0;padding:0;}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, b, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {letter-spacing: inherit; font-weight:inherit;font-family: inherit;line-height: inherit;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font: inherit;}

img {border: 0;max-width: 100%;vertical-align: top;outline: 0;}
button[type='button'] {text-transform: none;-webkit-appearance: button;font-size: inherit;font-family: inherit;margin:0;padding:0;vertical-align: middle;line-height: normal;border:none;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}
a{background-color:transparent;}
a:active, a:hover{outline:0;}
img{border:0;max-width: 100%;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
button[type=button],button[type=submit]{border:none;outline:none;}
button, input, optgroup, select, textarea{margin:0;font:inherit;color:inherit;}
button, select{text-transform:none;}
button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance:button;cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
label{display:inline-block;max-width:100%;}
legend{padding:0;border:0;}
table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse;table-layout: fixed;}
td, th{padding:0;line-height:normal;text-align:center;}
ol, ul{margin-top:0;margin-bottom:0;list-style:none;}
dl{margin-top:0;margin-bottom:0;}
button, input, select, textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
select::-ms-expand{display:none;}
::-webkit-input-placeholder{color:#aaa;}
:-moz-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}
:-ms-input-placeholder{color:#aaa;}
::placeholder{color:#aaa;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior: smooth;}
  body{
    font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
    color:var(--ink);
    background:#fff;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{text-decoration:none;color:inherit;}
  .wrap{width:100%;max-width:1292px;margin:0 auto;padding:0 16px;}

  /* ---------- Header / GNB (white bar) ---------- */
  header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee;}
  .nav{display:flex;align-items:center;justify-content:space-between;padding:25px 16px;}
  .logo{display:flex;align-items:center;}
  .logo-img{height:30px;width:auto;display:block;}
  .logo-text{display:none;align-items:center;gap:8px;font-weight:800;font-size:20px;color:var(--blue-dark);}
  .logo-text .mark{
    width:28px;height:28px;border-radius:50%;
    background:conic-gradient(from 220deg,var(--teal),var(--blue-mid),var(--teal));
    display:inline-block;flex:none;
  }
  .menu{display:flex;gap:30px;font-size:16px;font-weight:700;color:#222;letter-spacing:-0.4px;}
  .menu a:hover{color:var(--blue);}
  .nav-toggle{display:none; background: url(../image/nav_open_btn.png) 50% 50% no-repeat !important; width: 52px; height: 50px; border:0;cursor:pointer;font-size:24px;color:var(--blue-dark); text-indent: -99999px;}

  /* ---------- Hero (Å°ºñÁê¾ó) ---------- */
  .hero{
    position:relative;background:#DFF3FF url(../image/vs_map_bg.png) calc(50% + 215px) 30px no-repeat;overflow:hidden;
    min-height:clamp(360px,28.2vw,541px); padding:46px 0;
  }
  .hero-kv{
    position:absolute; bottom:-46px;left:calc(50% + 7.507svw); width:clamp(370px,46.052vw,595px);height:639px;
    object-fit:contain;object-position:center bottom;z-index:0;
  }
  .hero-content{position:relative;z-index:1;display:flex;flex-direction:column;min-height:inherit;}
  .hero-inner{flex:1;display:flex;flex-direction:column;justify-content:center;padding:50px 16px 0;position: relative;z-index: 2;}
  .hero h1{font-size:clamp(30px,4.2vw,52px);font-weight:800;line-height:1.25;color:#15294f;letter-spacing:-1px;}
  .hero .en{margin-top:14px;font-size:clamp(14px,1.6vw,20px);color:#4d6388;letter-spacing:.2px;}
  .socials{display:flex;gap:12px;margin-top:auto;}
  .socials a{
    width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
    color:#fff;font-size:16px;font-weight:700;
  }
  .s-yt{background:#ff0000;}.s-ig{background:#e1306c;}.s-fb{background:#1877f2;}.s-bl{background:#03c75a;}

  /* ---------- Sections ---------- */
  section{padding:72px 0;}
  .sec-title{text-align:center;font-size:clamp(30px,5vw,50px);font-weight:700;color:#222;letter-spacing:-1.25px;margin-bottom:63px;}
  .label{text-align:center;font-weight:800;letter-spacing:2px;color:var(--blue);margin-bottom:6px;font-size:15px;}
  .label::after{content:"";display:block;width:28px;height:3px;background:var(--blue);margin:8px auto 0;border-radius:3px;}

  /* ä¿ë°ø°í */
  .recruit{background:#caebff;}
  .recruit-list{display:flex;flex-direction: column;gap:30px;width:100%;}
  .notice-card{
    background:#fff;border-radius:20px;padding:50px;width:100%;
    box-shadow:0 10px 30px rgba(40,90,160,.06);
  }
  .notice-inner{display:flex;flex-direction:column;align-items:flex-start;gap:30px; height:100%; justify-content:space-between;}
  .notice-group{display:flex;flex-direction:column;align-items:flex-start;gap:20px;}
  .notice-text{display:flex;flex-direction:column;align-items:flex-start;gap:7px;}
  .notice-card .org{color:#444;font-size:clamp(16px,3vw,24px);font-weight:500;letter-spacing:-0.6px;}
  .notice-card .ttl{color:#222;font-size:clamp(20px,4.5vw,32px);font-weight:700;letter-spacing:-0.8px;line-height:1.35;}
  .notice-card .date{color:#2c47a5;font-size:clamp(14px,3vw,18px);font-weight:400;letter-spacing:-0.45px;}
  .btn{
    display:inline-block;background:#2c47a5;color:#fff;
    padding:20px 44px;border-radius:10px;font-weight:500;
    font-size:clamp(16px,4vw,24px);letter-spacing:-0.6px;transition:background .2s;
  }
  .btn:hover{background:#22397f;}

  /* ºñÀü */
  .vision-wrap{display:flex;flex-direction:column;align-items:center;gap:63px;}
  .vision-wrap .sec-title{margin-bottom:0;}
  .vblock{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;}
  .vlabel{
    display:flex;flex-direction:column;align-items:center;gap:10px;
    color:#0058a7;font-weight:600;font-size:24px;letter-spacing:-0.6px;text-align:center;
  }
  .vlabel::after{content:"";display:block;width:40px;height:3px;background:#0058a7;}

  .mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;}
  .mission-grid div{
    border-radius:20px;padding:40px 30px;text-align:center;
    font-size:22px;letter-spacing:-0.55px;color:#222;font-weight:500;line-height:1.4;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
  }
  .mission-grid b{font-weight:700;}
  .mission-grid div:nth-child(1){background:#d5edf5;}
  .mission-grid div:nth-child(2){background:#d6e6f8;}
  .mission-grid div:nth-child(3){background:#b9d5ff;}
  .mission-grid div:nth-child(4){background:#bee9ff;}

  .vision-banner{
    background:#3176d0;color:#fff;border-radius:20px;text-align:center;
    padding:40px 30px;width:100%;
    font-size:25px;letter-spacing:-0.625px;font-weight:500;line-height:40px;
  }
  .vision-banner b{font-weight:700;}

  .goal-grid{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;}
  .goal-grid .g{
    flex:1 1 0;background:#fff;border:1px solid #3176d0;border-radius:20px;height:140px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;font-size:22px;letter-spacing:-0.55px;color:#333;font-weight:500;line-height:30px;
  }
  .goal-grid .plus{flex:none;color:#3176d0;font-size:26px;font-weight:400;line-height:1;}

  .strategy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;}
  .strat{display:flex;flex-direction:column;}
  .strat .head{
    height:140px;border-radius:20px;color:#fff;padding:30px;margin-bottom:10px;
    display:flex;align-items:center;justify-content:center;text-align:center;
    font-weight:700;font-size:23px;letter-spacing:-0.575px;line-height:32px;
  }
  .strat:nth-child(1) .head{background:#152e6e;}
  .strat:nth-child(2) .head{background:#6fadfe;}
  .strat:nth-child(3) .head{background:#3176d0;}
  .strat:nth-child(4) .head{background:#00abb3;}
  .strat .desc{
    background:#fafafa;border:1px solid #e1e1e1;border-radius:20px 20px 0 0;
    height:140px;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;
    font-size:18px;letter-spacing:-0.45px;color:#333;font-weight:500;line-height:25px;
  }
  .strat .list{
    background:#fff;border:1px solid #e1e1e1;border-top:none;border-radius:0 0 20px 20px;
    padding:20px 10px;flex:1;
  }
  .strat .list ul{list-style:none;padding-left:10px;margin:0;}
    .strat .list li{
    font-size:16px;color:#333;letter-spacing:-0.4px;line-height:29px;font-weight:500;
    position:relative;padding-left:16px;
  }
  .strat .list li::before{
    content:"";position:absolute;left:3px;top:12px;
    width:4px;height:4px;border-radius:50%;background:#333;
  }

  .value-grid{display:flex;align-items:flex-start;justify-content:center;gap:33px;width:100%;}
  .value{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1 1 0;max-width:235px;}
  .value .circle{
    width:min(220px,100%);height:auto;aspect-ratio:1;border-radius:50%;background:#e6f1ff;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  }
  .value .circle .kr{font-weight:700;font-size:30px;letter-spacing:-0.75px;color:#000;}
  .value .circle .en{font-weight:400;font-size:20px;letter-spacing:-0.5px;color:#000;}
  .value .desc{padding:10px 30px;text-align:center;font-size:18px;letter-spacing:-0.45px;color:#333;font-weight:500;line-height:25px;}
  .value-x{flex:none;color:#b9cae4;font-size:30px;margin-top:0; align-self: center;}

  /* ÀÎÀç»ó */
  .talent{background:#e6f1ff;}
  .talent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .talent-card{display:flex;flex-direction:column;gap:10px;}
  .talent-card .head{
    background:#3c94e0;color:#fff;text-align:center;
    display:flex;flex-direction:column;align-items:center;gap:4px;
    padding:20px 30px;border-radius:20px;
  }
  .talent-card .head .icon{font-size:30px;line-height:1;}
  .talent-card .head .en{font-size:20px;font-weight:700;line-height:25px;letter-spacing:-0.5px;}
  .talent-card .head .kr{font-size:20px;font-weight:700;line-height:25px;letter-spacing:-0.5px;}
  .talent-card .body{
    background:#fff;border:1px solid #e1e1e1;border-radius:20px;
    padding:30px 20px;flex:1;display:flex;align-items:center;
  }
  .talent-card ol{margin:0;padding-left:22px;list-style:decimal;}
  .talent-card li{
    font-size:16px;color:#333;line-height:27px;letter-spacing:-0.4px;
    font-weight:500;margin-bottom:0;
  }

/* footer */
.footer {border-top: 1px solid #e0e0e0;padding: 26px 0;}
.footer .container {display: flex;flex-wrap: wrap;max-width: 1292px; margin: 0 auto; position: relative;}
.footer .footer-logo {padding-right: 30px;}
.footer .footer-copyright {font-family: var(--text-system);color: #666;font-size: 12px;letter-spacing: -0.02em;}
.footer .footer-copyright__text + .footer-copyright__text {margin-top: 5px;}
.footer .footer-rasp {position: absolute;right: 16px;top: 0;}
@media (max-width: 768px) {
  .recruit-list{gap:20px;}
	.footer .container{flex-direction: column;align-items: center; }
	.footer .footer-logo{padding-right:0;}
	.footer .footer-rasp{position: static;margin-top: 15px;}
	.footer .footer-copyright {text-align: center;margin-top: 10px;}
}

  /* ---------- Responsive ---------- */
  /* Tablet (¡Â1024): grids collapse, separators removed */
  @media (max-width:1024px){
    .mission-grid,.strategy-grid,.talent-grid{grid-template-columns:repeat(2,1fr);}

    /* GOAL ¡æ grid, hide + */
    .goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
    .goal-grid .plus{display:none;}
    .goal-grid .g{height:auto;min-height:110px;padding:22px 10px;}

    /* CORE VALUE ¡æ 2 columns, hide ? */
    .value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 16px;}
    .value{max-width:none;}
    .value-x{display:none;}
  }
  /* Mobile (¡Â768): hamburger, single-column layouts */
  @media (max-width:768px){
    .menu{
      display:none;position:absolute;top:51px;left:0;right:0;
      flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);
    }
    .menu.open{display:flex;}
    .menu a{padding:14px 24px;border-top:1px solid var(--line);}
		.nav {padding:10px 0 10px 16px;}
    .nav-toggle{display:block;}

    .hero{min-height:370px;}
    .hero-kv{object-position:right bottom; left:calc(50% - 7.507svw);}

    .socials{justify-content:flex-start;}

    section{padding:52px 0;}
    .vision-wrap{gap:48px;}
    .vblock{gap:28px;}
    .notice-card{padding:32px 24px;}
    .mission-grid div{padding:28px 16px;}
    .strat .desc,.strat .head{height:auto;min-height:0;}
    .strat .desc{padding:24px 20px;}

  }
  /* Small mobile (¡Â560): everything single column */
  @media (max-width:560px){
    .wrap{padding:20px 18px;}
		.nav {padding:10px 0 10px 16px;}
    .mission-grid,.strategy-grid,.talent-grid{grid-template-columns:1fr;}
    .goal-grid{grid-template-columns:repeat(2,1fr);}
    .value-grid{grid-template-columns:1fr;gap:24px;}
    .value .circle{width:min(200px,72%);}
  }