@charset "euc-kr";

:root {
	--color-nhblue: #005CB9;
}

/* ============================================================
   Sub Common (¼­ºê °øÅë)
   ============================================================ */

/* Sub Header (Èò»ö Çì´õ) */
.nh-header--sub {background: #fff;border-bottom: 1px solid #e1e1e1;}
.nh-header--sub.is-fixed {background: #fff;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);}
.nh-header--sub::before {display: none;}
.nh-header--sub::after {background: #fff;border-top: 1px solid #e1e1e1;box-shadow: 0 14px 20px rgba(0, 0, 0, 0.06);}
.nh-header--sub.is-fixed::after {background: #fff;}
.nh-header--sub .nh-header__logo img {filter: none;}
.nh-header--sub .nh-gnb__list .nh-gnb__link {color: #222;text-shadow: none;}
.nh-header--sub .nh-gnb__item:hover .nh-gnb__link {color: var(--color-point1);text-shadow: none;}
.nh-header--sub .nh-gnb__sub a {color: #666;}
.nh-header--sub .nh-gnb__sub a:hover {color: var(--color-point1);}

/* Sub Layout */
.nh-sub {background: #fff;padding: 160px 0 120px;}
.nh-sub__inner {width: 1260px;margin: 0 auto;}

/* Breadcrumb */
.nh-breadcrumb {display: flex;align-items: center;gap: 4px;font-size: 18px;font-weight: 300;color: #999;letter-spacing: -0.45px;line-height: 1.2;}
.nh-breadcrumb li {display: flex;align-items: center;gap: 4px;}
.nh-breadcrumb li + li::before {content: "";display: block;width: 12px;height: 12px;background: url("../image/arrow_gray.svg") no-repeat center center;background-size: 12px 12px;}
.nh-breadcrumb .nh-breadcrumb__link:hover {color: #666;text-decoration: underline;}

/* Sub Title */
.nh-sub__head {margin-top: 50px;text-align: center;}
.nh-sub__title {font-size: 50px;font-weight: 700;color: #222;letter-spacing: -1.25px;line-height: 1.2;}
.nh-sub__desc {margin-top: 24px;font-size: 28px;font-weight: 400;color: #666;letter-spacing: -0.7px;line-height: 1.4;}

/* ------------------------------------------------------------
   ÀÎÀç»ó (talent)
   ------------------------------------------------------------ */
.nh-talent {display: flex;flex-wrap: wrap;gap: 32px;margin-top: 60px;}
.nh-talent__item {position: relative;width: 614px;height: 418px;border-radius: 16px;overflow: hidden;}
.nh-talent__item--wide {width: 100%;}
.nh-talent__thumb {position: absolute;inset: 0;overflow: hidden;}
.nh-talent__thumb img {width: 100%;height: 100%;object-fit: cover;}
.nh-talent__thumb::after {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.4);}
.nh-talent__body {position: absolute;left: 0;right: 0;bottom: 0;padding: 32px;color: #fff;z-index: 2;}
.nh-talent__tit {display: block;font-size: 32px;font-weight: 700;letter-spacing: -0.8px;line-height: 1.2;}
.nh-talent__txt {margin-top: 16px;font-size: 24px;font-weight: 400;letter-spacing: -0.6px;line-height: 1.4;}

/* ------------------------------------------------------------
   ¼­ºê ºñÁÖ¾ó (°øÅë)
   ------------------------------------------------------------ */
.nh-sub__visual {margin-top: 60px;border-radius: 16px;overflow: hidden;line-height: 0;}
.nh-sub__visual img {width: 100%;height: 418px;object-fit: cover;}

/* ------------------------------------------------------------
   Á÷¹«¼Ò°³ (job)
   ------------------------------------------------------------ */
.nh-job {margin-top: 90px;}
.nh-job__item {display: flex;gap: 46px;padding: 40px 0;border-bottom: 1px solid #e1e1e1;}
.nh-job__item:first-child {padding-top: 0;}
.nh-job__item:last-child {padding-bottom: 0;border-bottom: 0;}
.nh-job__name {flex-shrink: 0;width: 160px;font-size: 32px;font-weight: 700;color: var(--color-nhblue);letter-spacing: -0.8px;line-height: 1.4;white-space: nowrap;}
.nh-job__cont {flex: 1 1 0;min-width: 0;}
.nh-job__task {display: block;font-size: 24px;font-weight: 700;color: #222;letter-spacing: -0.6px;line-height: 1.4;}
.nh-job__desc {margin-top: 12px;font-size: 20px;font-weight: 400;color: #666;letter-spacing: -0.5px;line-height: 1.4;}

/* ------------------------------------------------------------
   º¹¸®ÈÄ»ý (welfare)
   ------------------------------------------------------------ */
.nh-welfare {margin-top: 60px;}
.nh-welfare__group {display: flex;}
.nh-welfare__group + .nh-welfare__group {position: relative;margin-top: 80px;padding-top: 80px;}
.nh-welfare__group + .nh-welfare__group::before {content: "";position: absolute;top: 0;left: 0;width: 317px;height: 1px;background: #e1e1e1;}
.nh-welfare__group + .nh-welfare__group::after {content: "";position: absolute;top: 0;left: 349px;right: 0;height: 1px;background: #e1e1e1;}
.nh-welfare__label {flex-shrink: 0;width: 409px;padding-left: 60px;font-size: 32px;font-weight: 700;color: #222;letter-spacing: -0.8px;line-height: 1.4;}
.nh-welfare__list {flex: 1 1 0;min-width: 0;display: flex;flex-direction: column;gap: 32px;}
.nh-welfare__item {font-size: 24px;color: #666;letter-spacing: -0.6px;line-height: 1.4;}
.nh-welfare__tit {display: block;font-weight: 700;}
.nh-welfare__txt {margin-top: 8px;font-weight: 400;}

/* ------------------------------------------------------------
   NH_Interview »ó¼¼ (iv)
   ------------------------------------------------------------ */
.nh-iv__head {margin-top: 50px;text-align: center;}
.nh-iv__dept {font-size: 24px;font-weight: 400;color: #666;letter-spacing: -0.6px;line-height: 1.2;}
.nh-iv__title {margin-top: 16px;font-size: 50px;font-weight: 700;color: #222;letter-spacing: -1.25px;line-height: 1.2;}
.nh-iv__who {margin-top: 24px;font-size: 28px;font-weight: 400;color: #666;letter-spacing: -0.7px;line-height: 1.2;}

.nh-iv__photo {width: 472px;margin: 50px auto 0;border-radius: 16px;overflow: hidden;line-height: 0;}
.nh-iv__photo img {width: 100%;height: 682px;object-fit: cover;}

.nh-qa {margin-top: 80px;display: flex;flex-direction: column;gap: 40px;}
.nh-qa__q {display: block;font-size: 32px;font-weight: 700;color: #222;letter-spacing: -0.8px;line-height: 1.2;}
.nh-qa__q u {text-decoration: underline;text-underline-position: from-font;}
.nh-qa__a {margin-top: 20px;font-size: 24px;font-weight: 400;color: #666;letter-spacing: -0.6px;line-height: 1.4;}
.nh-qa__a p {margin: 0;}
.nh-qa__point {font-weight: 700;color: var(--color-point1);}

/* ¸ñ·Ïº¸±â ¹öÆ° (°øÅë) */
.nh-sub__more {margin-top: 80px;text-align: center;}
.nh-btn-list {display: inline-flex;align-items: center;gap: 4px;padding: 16px 25px 16px 32px;background: #f9f9f9;border-radius: 100px;font-size: 20px;font-weight: 500;color: #666;letter-spacing: -0.5px;transition: background 0.2s;}
.nh-sub__more .nh-btn-list:hover {background: #f0f0f0;color: #222;}
.nh-btn-list img {width: 20px;height: 20px;}

/* PC Àü¿ë ÁÙ¹Ù²Þ */
.br-pc {display: inline;}

/* ============================================================
   Sub Mobile (max-width: 1280px)
   ============================================================ */
@media (max-width: 1280px) {
	.br-pc {display: none;}

	.nh-sub__inner {width: 100%;padding-left: 20px;padding-right: 20px;}

	/* Sub Header */
	.nh-header--sub::before {display: none;}
	.nh-header--sub .nh-header__toggle {filter: none;}
	.nh-header--sub .nh-header__toggle span {background: #222;}
	.nh-header--sub .nh-gnb {background: #fff;border-top: 1px solid #e1e1e1;}
	.nh-header--sub .nh-gnb__item {border-bottom: 1px solid #eee;}
	.nh-header--sub .nh-gnb__item:hover .nh-gnb__link {color: #222;}
	.nh-header--sub .nh-gnb__item.is-active .nh-gnb__link {color: var(--color-point1);}
	.nh-header--sub .nh-gnb__sub a {color: #666;}

	/* Sub Layout */
	.nh-sub {padding: 92px 0 60px;}
	.nh-breadcrumb {font-size: 14px;letter-spacing: -0.35px;}
	.nh-sub__head {margin-top: 28px;}
	.nh-sub__title {font-size: 30px;letter-spacing: -0.75px;}
	.nh-sub__desc {margin-top: 14px;font-size: 16px;letter-spacing: -0.4px;}

	/* ÀÎÀç»ó */
	.nh-talent {gap: 16px;margin-top: 32px;}
	.nh-talent__item,
	.nh-talent__item--wide {width: 100%;height: 280px;}
	.nh-talent__body {padding: 24px;}
	.nh-talent__tit {font-size: 20px;letter-spacing: -0.5px;}
	.nh-talent__txt {margin-top: 10px;font-size: 15px;letter-spacing: -0.38px;}

	/* ¼­ºê ºñÁÖ¾ó */
	.nh-sub__visual {margin-top: 32px;border-radius: 12px;}
	.nh-sub__visual img {height: 200px;}

	/* Á÷¹«¼Ò°³ */
	.nh-job {margin-top: 40px;}
	.nh-job__item {flex-direction: column;gap: 6px;padding: 24px 0;}
	.nh-job__name {width: auto;font-size: 20px;letter-spacing: -0.5px;}
	.nh-job__task {font-size: 16px;letter-spacing: -0.4px;}
	.nh-job__desc {margin-top: 8px;font-size: 15px;letter-spacing: -0.38px;}

	/* º¹¸®ÈÄ»ý */
	.nh-welfare {margin-top: 32px;}
	.nh-welfare__group {flex-direction: column;}
	.nh-welfare__group + .nh-welfare__group {margin-top: 32px;padding-top: 32px;}
	.nh-welfare__group + .nh-welfare__group::before {width: 100%;}
	.nh-welfare__group + .nh-welfare__group::after {display: none;}
	.nh-welfare__label {width: auto;padding-left: 0;margin-bottom: 16px;font-size: 20px;letter-spacing: -0.5px;}
	.nh-welfare__list {gap: 20px;}
	.nh-welfare__item {font-size: 15px;letter-spacing: -0.38px;}
	.nh-welfare__txt {margin-top: 4px;}

	/* NH_Interview »ó¼¼ */
	.nh-iv__head {margin-top: 28px;}
	.nh-iv__dept {font-size: 15px;letter-spacing: -0.38px;}
	.nh-iv__title {margin-top: 10px;font-size: 24px;letter-spacing: -0.6px;line-height: 1.35;}
	.nh-iv__who {margin-top: 14px;font-size: 16px;letter-spacing: -0.4px;}
	.nh-iv__photo {width: 100%;max-width: 320px;margin-top: 28px;border-radius: 12px;}
	.nh-iv__photo img {height: auto;}

	.nh-qa {margin-top: 40px;gap: 28px;}
	.nh-qa__q {font-size: 18px;letter-spacing: -0.45px;line-height: 1.35;}
	.nh-qa__a {margin-top: 12px;font-size: 15px;letter-spacing: -0.38px;line-height: 1.6;}

	.nh-sub__more {margin-top: 40px;}
	.nh-btn-list {padding: 12px 18px 12px 24px;font-size: 15px;letter-spacing: -0.38px;}
	.nh-btn-list img {width: 16px;height: 16px;}
}

@media (max-width: 640px) {
	.nh-talent__item,
	.nh-talent__item--wide {height: 240px;}
	.nh-sub__title {font-size: 26px;}
}
