@charset "euc-kr";

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

:root {
	/* Çì´õ ³ôÀÌ = ³»ºÎ ³ôÀÌ + ÇÏ´Ü ¶óÀÎ. ºê·¹ÀÌÅ©Æ÷ÀÎÆ®¸¶´Ù µÎ °ª¸¸ ¹Ù²Ù¸é µË´Ï´Ù. */
	--nh-header-inner: 100px;
	--nh-header-line: 0px;
	--nh-header-h: calc(var(--nh-header-inner) + var(--nh-header-line));
	--text-main: "Pretendard Variable", "Pretendard", -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";
	--color-point1: #399CFF;
	--color-point2: #FABE00;
	--color-gold: #FAB809;
	--color-orange: #ff460a;
}

/* Reset */
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family: var(--text-main);box-sizing: border-box;color:#222;font-size: 16px;word-break: keep-all;line-height: 1.2;letter-spacing: -0.03em;min-width: 1292px;}
* {box-sizing: border-box;}
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 {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;letter-spacing: inherit;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font: inherit;}
b, strong{font-weight:700;}
hr{height:0;}
pre{overflow:auto;}
button[type=button],button[type=submit]{border:none;outline:none;background: none;text-transform: none;font-size: 1rem;font-family: inherit;margin:0;padding:0;vertical-align: middle;line-height:1.3;border: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;}
ol, ul{margin-top:0;margin-bottom:0;list-style:none;}
a {color: inherit;text-decoration: none;background-color: transparent;}
a:link, a:visited, a:active, a:hover {color:inherit;text-decoration: none;}
img {border: 0;max-width: 100%;vertical-align: top;outline: 0;}

.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;}

.text-point1 {color: var(--color-point1) !important;}
.text-orange {color:var(--color-orange) !important;}
.text-white {color:#fff !important;}
.text-black {color:#000 !important;}
.bg-white {background-color:#fff !important;}
.bg-point1 {background-color:var(--color-point1) !important;}
.bg-orange {background-color:var(--color-orange) !important;}
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.font-weight-light {font-weight: 300 !important;}
.font-weight-normal {font-weight: 400 !important;}
.font-weight-medium {font-weight: 500 !important;}
.font-weight-semibold {font-weight: 600 !important;}
.font-weight-bold {font-weight: 700 !important;}
.font-weight-extrabold {font-weight: 800 !important;}
.font-weight-black {font-weight: 900 !important;}
.text-underline {text-decoration: underline !important;}
.d-block {display: block;}
.d-none {display: none;}
.d-flex {display: flex;flex-wrap: wrap;}
.align-items-start {align-items: flex-start !important;}


.nh-wrap {position: relative;overflow-x: hidden;}

.nh-header__inner,
.nh-interview__inner,
.nh-footer__inner {width: 1260px;margin: 0 auto;}

/* ------------------------------------------------------------
   Header / GNB
   ------------------------------------------------------------ */
.nh-header {position: fixed;top: 0;left: 0;width: 100%;z-index: 100;transition: background 0.3s, box-shadow 0.3s;}
.nh-header.is-fixed {background: rgba(0, 0, 0, 0.7);box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);}
.nh-header.is-fixed::after {background: rgba(0, 0, 0, 0.9);}
@media (min-width: 1281px) {
	.nh-header.is-fixed::before {height: 76px;}
	.nh-header.is-fixed::after {top: 76px;}
	.nh-header.is-fixed .nh-header__inner {height: 76px;}
	.nh-header.is-fixed .nh-gnb__list {height: 76px;}
	.nh-header.is-fixed .nh-gnb__item {height: 76px;}
	.nh-header.is-fixed .nh-header__logo img {height: 26px;}
}
.nh-header::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100px;background: rgba(0, 0, 0, 0.3);opacity: 0;transition: opacity 0.3s;z-index: 0;}
.nh-header::after {content: "";position: absolute;top: 100px;left: 0;width: 100%;height: 300px;background: rgba(0, 0, 0, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.2);opacity: 0;visibility: hidden;transition: opacity 0.3s, visibility 0.3s;z-index: 0;}
.nh-header:hover::before {opacity: 1;}
.nh-header:hover::after {opacity: 1;visibility: visible;}

.nh-header__inner {height: var(--nh-header-inner);display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 2;transition: height 0.3s;}
.nh-header__logo {line-height: 0;}
.nh-header__logo img {height: 30px;width: auto;display: block;filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5));transition: height 0.3s;}

.nh-gnb__list {display: flex;align-items: center;gap: 74px;height: 100px;transition: height 0.3s;}
.nh-gnb__item {position: relative;height: 100px;display: flex;align-items: center;transition: height 0.3s;}
.nh-gnb__list .nh-gnb__link {display: flex;align-items: center;height: 100%;font-size: 20px;font-weight: 500;color: #fff;letter-spacing: -0.5px;white-space: nowrap;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);transition: color 0.2s, text-shadow 0.2s;}
.nh-gnb__item:hover .nh-gnb__link {color: var(--color-point2);text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0.5px 0 0 currentColor, -0.5px 0 0 currentColor;}

.nh-gnb__sub {position: absolute;top: 100%;left: 0;padding-top: 20px;opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity 0.3s, visibility 0.3s, transform 0.3s;z-index: 2;}
.nh-header:hover .nh-gnb__sub {opacity: 1;visibility: visible;transform: translateY(0);}
.nh-gnb__sub a {display: block;font-size: 18px;font-weight: 400;line-height: 2;color: #fff;letter-spacing: -0.45px;white-space: nowrap;transition: color 0.2s;}
.nh-gnb__sub a:hover {color: var(--color-gold);}

.nh-header__toggle {display: none;}

/* ------------------------------------------------------------
   Visual 
   ------------------------------------------------------------ */
.nh-visual {position: relative;width: 100%;height: 100vh;display: flex;align-items: flex-end;/*background: url("../image/visual_bg.png") no-repeat center center;background-size: cover;*/overflow: hidden;}
.nh-visual::before {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.25) 12%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.1) 52%, rgba(0, 0, 0, 0.82) 100%);z-index: 2;}
.nh-visual__video-wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;overflow: hidden;position: relative;}
/* Ç×»ó 16:9¸¦ À¯ÁöÇÑ Ã¤ È­¸éÀ» µ¤À½ : °¡·Î°¡ ³ÐÀ¸¸é width ±âÁØ, ¼¼·Î°¡ ±æ¸é height ±âÁØ.
   µÎ Á¶°Ç ¸ðµÎ 16:9¶ó À¯Æ©ºê°¡ ¸¸µå´Â »óÇÏ/ÁÂ¿ì °ËÀº ¶ì°¡ »ý±âÁö ¾Ê½À´Ï´Ù. */
.nh-visual__video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100vw;height: 56.25vw;min-width: 177.78vh;min-height: 100vh;padding: 0;overflow: hidden;}
.nh-visual__video iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.nh-visual__inner {position: absolute;left: 0;right: 0;bottom: 80px;z-index: 3;}
.nh-visual__inner .container {max-width: 1260px;margin: 0 auto;}
.nh-visual__lead {font-size: 28px;font-weight: 500;color: rgba(255, 255, 255, 0.8);letter-spacing: -0.7px;}
.nh-visual__title {display: block;width: 348px;height: auto;margin-top: 20px;}
.nh-visual__cta-group {display: flex;gap: 20px;margin-top: 53px;}
.nh-visual__cta {width: 620px;padding: 30px 40px;border-radius: 12px;display: flex;flex-direction: column;gap: 16px;color: #fff;transition: background 0.3s ease, color 0.3s ease;}
.nh-visual .nh-visual__cta {color: #fff;}
.nh-visual .nh-visual__cta:hover {background: #fff;color: #222;}
.nh-visual__cta--finance {background: rgba(0, 92, 185, 0.3);}
.nh-visual__cta--expert {background: rgba(250, 184, 9, 0.2);}
.nh-visual__cta-info {display: flex;flex-direction: column;gap: 6px;}
.nh-visual__cta-year {display: flex;justify-content: space-between;align-items: center;font-size: 24px;font-weight: 400;letter-spacing: -0.6px;}
.nh-visual__cta-tag {font-weight: 600;}
.nh-visual__cta--finance .nh-visual__cta-tag {color: #6bb5ff;}
.nh-visual__cta--expert .nh-visual__cta-tag {color: #fab809;}
.nh-visual__cta-tit {font-size: 28px;font-weight: 700;letter-spacing: -0.7px;}
.nh-visual__cta-date {font-size: 24px;font-weight: 400;letter-spacing: -0.6px;}

/* ------------------------------------------------------------
   NH_Interview
   ------------------------------------------------------------ */
.nh-interview {background: #fff;padding: 80px 0 100px;}
.nh-interview__head {margin-bottom: 40px;}
.nh-interview__title {font-size: 50px;font-weight: 700;color: #222;letter-spacing: -1.25px;}
.nh-interview__desc {margin-top: 8px;font-size: 24px;color: #666;letter-spacing: -0.6px;}

.nh-interview__grid {display: flex;flex-wrap: wrap;gap: 32px;}
.nh-card {position: relative;width: 398px;aspect-ratio: 398 / 518;border-radius: 16px;overflow: hidden;}
.nh-card__link {display: block;position: relative;height: 100%;}
.nh-card__thumb {position: absolute;inset: 0;overflow: hidden;}
.nh-card__thumb img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}
.nh-card__thumb::after {content: '';position: absolute;inset: 0;background: rgba(0, 0, 0, 0.35);transition: background 0.5s ease;}
.nh-card:hover .nh-card__thumb::after {background: rgba(0, 0, 0, 0.6);}
.nh-card__link:hover .nh-card__thumb img {transform: scale(1.05);}
.nh-card__info {position: absolute;left: 40px;right: 40px;bottom: 40px;display: flex;flex-direction: column;align-items: flex-start;z-index: 2;}
.nh-card__dept {font-size: 20px;font-weight: 500;color: #6bb5ff;letter-spacing: -0.5px;line-height: 1.4;text-shadow: 0 1px 2px rgba(0, 92, 185, 0.6);}
.nh-card__name {margin-top: 4px;font-size: 28px;font-weight: 700;color: #fff;letter-spacing: -0.7px;line-height: 1.4;}
.nh-card__intro {max-height: 0;margin-top: 0;opacity: 0;overflow: hidden;font-size: 32px;font-weight: 700;color: #fff;line-height: 1.35;letter-spacing: -0.8px;transition: max-height 0.65s ease, opacity 0.6s ease, margin-top 0.65s ease;}
.nh-card__more {margin-top: 24px;display: flex;align-items: center;}
.nh-card__more-label {max-width: 0;opacity: 0;margin-right: 0;overflow: hidden;white-space: nowrap;font-size: 20px;font-weight: 500;color: #fff;transition: max-width 0.65s ease, opacity 0.6s ease, margin-right 0.65s ease;}
.nh-card__arrow {width: 40px;height: 40px;flex-shrink: 0;transition: opacity 0.45s ease;}
.nh-card__arrow--go {margin-left: -40px;opacity: 0;}
.nh-card:hover .nh-card__intro {max-height: 260px;margin-top: 24px;opacity: 1;}
.nh-card:hover .nh-card__more-label {max-width: 240px;opacity: 1;margin-right: 16px;}
.nh-card:hover .nh-card__arrow--plus {opacity: 0;}
.nh-card:hover .nh-card__arrow--go {opacity: 1;}
.nh-card--text {background: #15314d;display: flex;align-items: center;justify-content: center;padding: 20px;}
.nh-card__text {font-size: 28px;font-weight: 400;color: #fff;line-height: 1.3;letter-spacing: -0.7px;text-align: center;}
.nh-card__text strong {font-weight: 700;}
.nh-card--logo {background: #4a3f1e;display: flex;align-items: center;justify-content: center;}
.nh-card__logo img {width: 211px;height: auto;display: block;}

.nh-interview__sns {margin-top: 32px;display: flex;justify-content: flex-end;gap: 12px;}
.nh-interview__sns a {display: block;width: 44px;height: 44px;line-height: 0;}
.nh-interview__sns img {width: 100%;height: 100%;}

/* ------------------------------------------------------------
   Footer
   ------------------------------------------------------------ */
.nh-footer {background: #fff;border-top: 1px solid #e1e1e1;padding: 30px 0;}
.nh-footer__inner {display: flex;align-items: center;justify-content: space-between;}
.nh-footer__left {display: flex;align-items: center;gap: 20px;}
.nh-footer__logo {line-height: 0;}
.nh-footer__logo img {height: 30px;width: auto;display: block;}
.nh-footer__info {display: flex;flex-direction: column;gap: 6px;}
.nh-footer .nh-footer__privacy {font-size: 12px;font-weight: 700;color: #666;text-decoration: none;}
.nh-footer__copy {font-size: 12px;color: #666;}
.nh-footer__rasp {line-height: 0;}
.nh-footer__rasp img {width: 116px;display: block;}

/* ============================================================
   Mobile (max-width: 1280px)
   ============================================================ */
@media (max-width: 1280px) {
	html {min-width: 0;}

	.nh-header__inner,
	.nh-interview__inner,
	.nh-footer__inner {width: 100%;padding-left: 20px;padding-right: 20px;}

	/* Header */
	:root {--nh-header-inner: 60px;--nh-header-line: 1px;}
	.nh-header {background: #fff;border-bottom: 1px solid #e1e1e1;}
	.nh-header::before {display: none;}
	.nh-header.is-fixed {background: #fff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}
	.nh-header::after {display: none;}
	.nh-header__logo img {display: none;}
	.nh-header__logo a {display: block;width: 169px;height: 24px;background: url('../image/logo.png') no-repeat center / contain;}

	.nh-header__toggle {display: flex;flex-direction: column;justify-content: center;gap: 5px;width: 24px;height: 18px;}
	.nh-header__toggle span {display: block;width: 100%;height: 2px;background: #999;border-radius: 2px;transition: transform 0.3s, opacity 0.3s;}
	.nh-header.is-open .nh-header__toggle span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
	.nh-header.is-open .nh-header__toggle span:nth-child(2) {opacity: 0;}
	.nh-header.is-open .nh-header__toggle span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

	.nh-gnb {position: fixed;top: var(--nh-header-h);left: 0;width: 100%;height: calc(100% - var(--nh-header-h));overflow-y: auto;background: #fff;display: none;z-index: 90;}
	.nh-header.is-open .nh-gnb {display: block;}
	.nh-gnb__list {flex-direction: column;align-items: stretch;height: auto;gap: 0;padding: 30px 12px;}
	.nh-gnb__item {flex-direction: column;align-items: stretch;height: auto;}
	.nh-gnb__item + .nh-gnb__item {border-top: 1px solid #e1e1e1;}
	.nh-gnb__list .nh-gnb__link {position: relative;padding: 18px 20px;font-size: 18px;font-weight: 700;color: #222;text-shadow: none;}
	.nh-gnb__item:hover .nh-gnb__link {color: #222;font-weight: 700;text-shadow: none;}
	.nh-gnb__item.is-active .nh-gnb__link {color: #222;}
	.nh-gnb__link::after {content: '';position: absolute;right: 22px;top: 50%;width: 8px;height: 8px;border-right: 2px solid #999;border-bottom: 2px solid #999;transform: translateY(-70%) rotate(45deg);transition: transform 0.25s;}
	.nh-gnb__item.is-active .nh-gnb__link::after {transform: translateY(-30%) rotate(-135deg);}
	/* .nh-gnb__item:nth-child(2) .nh-gnb__link::after {display: none;} */
	.nh-gnb__sub {position: static;opacity: 1;visibility: visible;transform: none;padding: 0 20px 14px;display: none;}
	.nh-gnb__item.is-active .nh-gnb__sub {display: block;}
	/* .nh-gnb__item:nth-child(2) .nh-gnb__sub {display: none !important;} */
	.nh-gnb__sub a {font-size: 16px;line-height: 2.5;color: #666;font-weight: 500;padding-left: 12px;}

	/* Visual */
	.nh-visual {height: 100vh;height: 100svh;min-height: 560px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
	.nh-visual::before {display: block;}
	.nh-visual__video-wrap {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;overflow: hidden;}
	.nh-visual__video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100vw;height: 56.25vw;min-width: 177.78vh;min-height: 100%;padding: 0;}
	.nh-visual__video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.nh-visual__inner {position: absolute;left: 0;right: 0;bottom: 40px;width: 100%;margin: 0;padding: 0 20px;z-index: 3;}
	.nh-visual__lead {font-size: 16px;}
	.nh-visual__title {width: 200px;margin-top: 14px;}
	.nh-visual__cta-group {flex-direction: column;gap: 12px;margin-top: 24px;max-width: 460px;}
	.nh-visual__cta {width: 100%;padding: 18px 22px;gap: 10px;border-radius: 12px;}
	.nh-visual__cta-year {font-size: 16px;}
	.nh-visual__cta-tit {font-size: 20px;}
	.nh-visual__cta-date {font-size: 14px;}

	/* Interview */
	.nh-interview {padding: 50px 0 60px;}
	.nh-interview__head {margin-bottom: 24px;}
	.nh-interview__title {font-size: 30px;letter-spacing: -0.75px;}
	.nh-interview__desc {font-size: 16px;}

	.nh-interview__grid {gap: 16px;}
	.nh-card {width: calc(50% - 8px);}
	.nh-card__info {left: 24px;right: 24px;bottom: 24px;}
	.nh-card__dept {font-size: 15px;}
	.nh-card__name {font-size: 20px;}
	.nh-card__more {margin-top: 16px;}
	.nh-card__arrow {width: 40px;height: 40px;}
	.nh-card__intro {font-size: 20px;line-height: 1.35;}
	.nh-card__text {font-size: 22px;}
	.nh-card--text,
	.nh-card--logo {display: none;}

	.nh-interview__sns {justify-content: center;}

	/* Footer */
	.nh-footer {padding: 24px 0;}
	.nh-footer__inner {flex-direction: column;gap: 16px;align-items: center;text-align: center;}
	.nh-footer__left {flex-direction: column;gap: 12px;}
	.nh-footer__info {align-items: center;}
}

/* ============================================================
   Visual - ¸ð¹ÙÀÏ ¿µ»ó (max-width: 980px)
   ¿µ»ó ¹Ú½º¸¦ °¡·Î 240%·Î ³ÐÈ÷°í Á¿츦 À߶ó Ä¿¹ö.
   ¹Ú½º ºñÀ² 240 / (56.25 + 74.701) = 1.83 (16:9 ÀÌ»ó)À̶ó
   »óÇÏ ·¹Å͹ڽº ¾øÀÌ Ç×»ó ²Ë Âý´Ï´Ù.
   ============================================================ */
@media (max-width: 980px) {
	.nh-visual {height: auto;min-height: 0;display: block;padding-top: var(--nh-header-h);overflow: hidden;background: #111;}
	.nh-visual::before {display: block;}

	.nh-visual__video-wrap {position: relative;inset: auto;width: 100%;height: auto;display: block;overflow: hidden;}
	.nh-visual__video {position: relative;top: auto;left: 50%;transform: translateX(-50%);width: 100%;height: auto;min-width: 0;min-height: 0;padding: 56.25% 0 0;}
	.nh-visual__video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

	.nh-visual__inner {position: relative;padding: 30px 20px;background :#000;bottom: auto;}
	.nh-visual__inner .container {max-width: 100%;}
}

@media (max-width: 640px) {
	.nh-visual__cta-group {max-width: 100%;}
	.nh-interview__title {font-size: 26px;}
	.nh-visual__inner {padding: 24px 16px;}
}

@media (max-width: 767px) {
	:root {--nh-header-inner: 50px;}
	.nh-header__logo a {width: 127px;height: 18px;}
	.nh-card {width: 100%;}
}