@charset "utf-8";

/* 메인 비주얼 */

.pac-visual {
	position: relative;
	min-height: 700px;
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(circle at 72% 38%, rgba(19, 107, 210, 0.22) 0%, rgba(19, 107, 210, 0) 38%),
		linear-gradient(115deg, #02060d 0%, #061322 52%, #07172b 100%);
}

.pac-visual::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(2, 6, 13, 0.96) 0%,
		rgba(2, 6, 13, 0.72) 40%,
		rgba(2, 6, 13, 0.12) 70%,
		rgba(2, 6, 13, 0) 100%
	);
	pointer-events: none;
}

.pac-visual::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 130px;
	background: linear-gradient(
		180deg,
		rgba(4, 12, 24, 0) 0%,
		rgba(4, 12, 24, 0.72) 100%
	);
	pointer-events: none;
}

.pac-visual .pac-container {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	min-height: 700px;
	align-items: flex-start;
}

.pac-visual__content {
	position: relative;
	z-index: 10;
	width: 48%;
	padding: 80px 0 100px;
}

.pac-visual__eyebrow {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 600;
	color: #65bfff;
}

.pac-visual__title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0;
}

.pac-visual__title strong {
	font-size: clamp(64px, 7vw, 98px);
	font-weight: 800;
	line-height: 0.95;
	color: #fff;
	background: linear-gradient(
		180deg,
		#f6fbff 5%,
		#87caff 44%,
		#2080df 100%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pac-visual__title span {
	margin-top: 15px;
	font-size: 35px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}

.pac-visual__headline {
	margin-top: 35px;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.45;
}

.pac-visual__headline strong {
	color: #57b8ff;
}

.pac-visual__description {
	margin-top: 18px;
	font-size: 16px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.72);
}

.pac-visual__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	margin-top: 38px;
}


/* 키비주얼 */
.pac-visual__keyvisual {
	position: absolute;
	z-index: 3;
	top: 0;
	right: -90px;
	width: 100%;
	height: 700px;
	pointer-events: none;
}

.pac-keyvisual__bg {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.65;
}


/* 상단 로고 */
.pac-keyvisual__logos {
	position: absolute;
	z-index: 20;
	bottom: 28px;
	right: -220px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 22px;
	/* width: 420px; */
	height: 42px;
}
.pac-keyvisual__logos img {
	display: block;
	width: auto;
	max-width: 135px;
	max-height: 34px;
	object-fit: cover;
}

/* 얼굴 */
.pac-keyvisual__face {
    position: absolute;
    z-index: 6;
    top: 6px;
    left: 62px;
    width: 69%;
    transform: rotate(-15deg);
	z-index: -1;
}

/* 로봇 집게 */
.pac-keyvisual__claw {
    position: absolute;
    z-index: 7;
    top: -5px;
    left: -653px;
    width: 40%;
}

/* 큰 원형 */
.pac-keyvisual__circle-main {
    position: absolute;
    z-index: 5;
    right: -75px;
    bottom: -180px;
    width: 36%;
}

/* 칩 */
.pac-keyvisual__chip {
    position: absolute;
    z-index: 8;
    right: -415px;
    bottom: -35px;
    width: 40%;
}

/* 원형 효과 */
.pac-keyvisual__circle {
	position: absolute;
	z-index: 9;
	object-fit: contain;
}
.pac-keyvisual__circle--01 {
    top: 155px;
    left: 815px;
    width: 80px;
}
.pac-keyvisual__circle--02 {
    right: 222px;
    top: 380px;
    width: 30px;
}
.pac-keyvisual__circle--03 {
    top: 215px;
    left: 485px;
    width: 32px;
}
.pac-keyvisual__circle--04 {
    right: 158px;
    bottom: 252px;
    width: 58px;
}
.pac-keyvisual__circle--05 {
    left: -292px;
    bottom: 242px;
    width: 20px;
}
.pac-keyvisual__circle--06 {
    left: -362px;
    bottom: 192px;
    width: 50px;
}
.pac-keyvisual__circle--07 {
    left: -402px;
    top: 252px;
    width: 25px;
}

/* 양쪽 모서리 */
.pac-keyvisual__effect {
	position: absolute;
	z-index: 10;
	width: 85px;
}
.pac-keyvisual__effect--left {
    top: 30px;
    left: 30px;
}
.pac-keyvisual__effect--right {
	right: 30px;
	bottom: 30px;
	display: none;
}

/* 라인 효과 */
.pac-keyvisual__line {
	position: absolute;
	z-index: 2;
	opacity: 0.65;
}
.pac-keyvisual__line--01 {
	top: 185px;
	right: 15px;
	width: 420px;
	transform: rotate(-8deg);
}
.pac-keyvisual__line--02 {
	left: 45px;
	bottom: 75px;
	width: 450px;
	transform: rotate(7deg);
}

/* 별 효과 */
.pac-keyvisual__star {
	position: absolute;
	z-index: 12;
	object-fit: contain;
}
.pac-keyvisual__star--01 {
    top: 115px;
    left: 460px;
    width: 38px;
}
.pac-keyvisual__star--02 {
	right: 100px;
	top: 315px;
	width: 22px;
}
.pac-keyvisual__star--03 {
	left: 210px;
	bottom: 92px;
	width: 19px;
}

/* 행사 요약 */

.pac-summary {
	position: relative;
	z-index: 3;
	padding: 0 0 85px;
	background: linear-gradient(180deg, #071423 0%, #f5f8fd 86%);
}

.pac-summary__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border: 1px solid rgba(39, 125, 216, 0.16);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 22px 50px rgba(25, 48, 81, 0.12);
	transform: translateY(-48px);
}

.pac-summary-card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 150px;
	padding: 30px 26px;
}

.pac-summary-card + .pac-summary-card::before {
	content: "";
	position: absolute;
	top: 32px;
	bottom: 32px;
	left: 0;
	width: 1px;
	background: #e3eaf3;
}

.pac-summary-card__icon {
	display: flex;
	flex: 0 0 50px;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 14px;
	font-size: 27px;
	color: #147bdd;
	background: #ecf6ff;
}

.pac-summary-card__content {
	min-width: 0;
}

.pac-summary-card__content > strong {
	display: block;
	margin-bottom: 8px;
	font-size: 17px;
	color: #151e30;
}

.pac-summary-card__content p {
	font-size: 15px;
	line-height: 1.6;
	color: #586477;
}

.pac-summary-card__content p strong {
	font-size: 20px;
	color: #1178dd;
}


/* 기업 모집 */
.pac-recruit {
	position: relative;
	padding: 95px 0 105px;
	background:
		radial-gradient(circle at 88% 14%, rgba(98, 183, 255, 0.12) 0%, rgba(98, 183, 255, 0) 25%),
		linear-gradient(180deg, #f5f8fd 0%, #fff 100%);
}

.pac-recruit::before {
	content: "";
	position: absolute;
	top: 70px;
	right: -150px;
	width: 470px;
	height: 470px;
	border: 1px solid rgba(39, 124, 219, 0.08);
	border-radius: 50%;
	box-shadow: 0 0 0 45px rgba(39, 124, 219, 0.025), 0 0 0 95px rgba(39, 124, 219, 0.018);
	pointer-events: none;
}

.pac-recruit__info {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	overflow: hidden;
	border: 1px solid #dbe7f5;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 18px 45px rgba(43, 78, 120, 0.08);
}

.pac-recruit-info {
	position: relative;
	min-height: 260px;
	padding: 40px 30px 34px;
	text-align: center;
}

.pac-recruit-info + .pac-recruit-info::before {
	content: "";
	position: absolute;
	top: 38px;
	bottom: 38px;
	left: 0;
	width: 1px;
	background: #e5edf7;
}

.pac-recruit-info__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin: 0 auto 22px;
	border-radius: 18px;
	font-size: 30px;
	color: #1679df;
	background: linear-gradient(145deg, #edf7ff 0%, #dfeeff 100%);
}

.pac-recruit-info__icon img {
    width: 64px;   
    height: 74px; 
    object-fit: cover;
}

.pac-recruit-info > strong {
	display: block;
	margin-bottom: 13px;
	font-size: 18px;
	color: #126fd1;
}

.pac-recruit-info p {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.55;
	color: #202a3a;
}

.pac-recruit-info p span {
	font-size: 15px;
	font-weight: 400;
	color: #596579;
}

.pac-recruit-info small {
	display: block;
	margin-top: 12px;
	font-size: 15px;
	line-height: 1.4;
	color: #7a8597;
}

.pac-recruit-info a {
	display: inline-block;
	margin-top: 11px;
	font-size: 14px;
	font-weight: 600;
	color: #1479dc;
}

.pac-recruit-info.howTo a { margin-top: 0; }

.pac-recruit__button {
	position: relative;
	z-index: 2;
	margin-top: 38px;
	text-align: center;
}


/* 참여기업 혜택 */

.pac-benefit {
	position: relative;
	padding: 105px 0 115px;
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(circle at 50% 0%, rgba(25, 122, 220, 0.24) 0%, rgba(25, 122, 220, 0) 32%),
		linear-gradient(120deg, #06101d 0%, #071c33 55%, #061425 100%);
}

.pac-benefit::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(46, 129, 212, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(46, 129, 212, 0.04) 1px, transparent 1px);
	background-size: 62px 62px;
	pointer-events: none;
}

.pac-benefit .pac-container {
	position: relative;
	z-index: 2;
}

.pac-benefit .pac-section-heading__eyebrow {
	color: #69baff;
}

.pac-benefit .pac-section-heading h2 {
	color: #fff;
}

.pac-benefit__list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
}

.pac-benefit-card {
	position: relative;
	min-height: 310px;
	padding: 36px 25px 28px;
	border: 1px solid rgba(100, 179, 255, 0.18);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.035);
	text-align: center;
	transition:
		transform 0.25s ease,
		border-color 0.25s ease,
		background-color 0.25s ease;
}

.pac-benefit-card:hover {
	transform: translateY(-6px);
	border-color: rgba(100, 179, 255, 0.45);
	background: rgba(255, 255, 255, 0.065);
}

.pac-benefit-card__number {
	position: absolute;
	top: 18px;
	left: 20px;
	font-size: 12px;
	font-weight: 700;
	color: #50aeff;
}

.pac-benefit-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
	margin: 18px auto 22px;
	border: 1px solid rgba(95, 180, 255, 0.28);
	border-radius: 50%;
	font-size: 33px;
	color: #72c0ff;
	background: rgba(27, 124, 215, 0.12);
}

.pac-benefit-card__icon img {
    width: 74px;
    height: 90px;  
    padding-top: 6px;  
    object-fit: cover;
}

.pac-benefit-card h3 {
	margin-bottom: 13px;
	font-size: 19px;
	font-weight: 700;
}

.pac-benefit-card p {
	font-size: 14px;
	line-height: 1.75;
	color: rgba(255, 255, 255, 0.7);
}


/* 기업 역할 */

.pac-role {
	position: relative;
	padding: 110px 0;
	background:
		radial-gradient(circle at 8% 100%, rgba(35, 130, 225, 0.09) 0%, rgba(35, 130, 225, 0) 28%),
		#f7f9fc;
}

.pac-role .pac-container {
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 100px;
	align-items: start;
}

.pac-role__heading {
	position: sticky;
	top: 100px;
}

.pac-role__heading h2 {
	margin-top: 8px;
	font-size: 38px;
	line-height: 1.35;
	color: #142038;
}

.pac-role__heading p {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.75;
	color: #6b7688;
}

.pac-role__list {
	display: flex;
	flex-direction: column;
}

.pac-role-card {
	position: relative;
	display: grid;
	grid-template-columns: 74px 1fr;
	gap: 24px;
	padding: 30px 10px 30px 0;
	border-bottom: 1px solid #dce5ef;
}

.pac-role-card:first-child {
	padding-top: 0;
}

.pac-role-card > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border-radius: 16px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(145deg, #0c70d2, #3e9cf1);
	box-shadow: 0 10px 24px rgba(23, 122, 220, 0.2);
}

.pac-role-card h3 {
	margin-bottom: 7px;
	font-size: 20px;
	color: #142038;
}

.pac-role-card p {
	font-size: 15px;
	line-height: 1.7;
	color: #6a7688;
}


/* 기업 참여 절차 */

.pac-process {
	position: relative;
	padding: 105px 0 115px;
	color: #fff;
	background:
		radial-gradient(circle at 22% 0%, rgba(26, 122, 218, 0.28) 0%, rgba(26, 122, 218, 0) 30%),
		linear-gradient(125deg, #06111e 0%, #09213b 55%, #061526 100%);
}

.pac-process .pac-section-heading__eyebrow {
	color: #72c1ff;
}

.pac-process .pac-section-heading h2 {
	color: #fff;
}

.pac-process__list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 8px;
}

.pac-process__list::before {
	content: "";
	position: absolute;
	top: 60px;
	left: 8%;
	right: 8%;
	height: 1px;
	background: linear-gradient(90deg, rgba(71, 167, 255, 0.15), rgba(71, 167, 255, 0.7), rgba(71, 167, 255, 0.15));
}

.pac-process-item {
	position: relative;
	z-index: 2;
	text-align: center;
}

.pac-process-item__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 37px;
	height: 26px;
	margin-bottom: 8px;
	padding: 0 8px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	background: #167bdc;
}

.pac-process-item__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 88px;
	height: 88px;
	margin: 0 auto 22px;
	border: 1px solid rgba(96, 181, 255, 0.5);
	border-radius: 50%;
	font-size: 34px;
	color: #75c2ff;
	background: #0a1d34;
	box-shadow: 0 0 0 8px #081a2e;
}

.pac-process-item__icon img {
    height: 100px;
    width: 88px;
    object-fit: cover;
    opacity: 0.7;
    padding-top: 6px;
}

.pac-process-item__icon img.process--2 { height: 80px; }

.pac-process-item strong {
	display: block;
	margin-bottom: 9px;
	font-size: 17px;
	line-height: 1.4;
	color: #fff;
}

.pac-process-item p {
	font-size: 13px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.6);
}

.pac-process-item small {
	display: block;
	margin-top: 9px;
	font-size: 13px;
	font-weight: 600;
	color: #62b8ff;
}


/* 하단 신청 영역 */

.pac-cta {
	position: relative;
	padding: 58px 0;
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(circle at 75% 50%, rgba(55, 165, 255, 0.38) 0%, rgba(55, 165, 255, 0) 32%),
		linear-gradient(100deg, #0862be 0%, #1687e8 52%, #0a67c8 100%);
}

.pac-cta::before {
	content: "";
	position: absolute;
	right: -80px;
	bottom: -180px;
	width: 500px;
	height: 500px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 50%;
	box-shadow:
		0 0 0 50px rgba(255, 255, 255, 0.04),
		0 0 0 110px rgba(255, 255, 255, 0.025);
}

.pac-cta__content {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.pac-cta__eyebrow {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.72);
}

.pac-cta h2 {
	font-size: 32px;
	line-height: 1.35;
}

.pac-cta p {
	margin-top: 8px;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.76);
}



/* 반응형 시작 */

@media all and (max-width: 1920px) {
	.pac-keyvisual__chip { right: -335px; }
	.pac-keyvisual__claw {
		top: -15px;
		left: -103px;
		width: 25%;
	}
}

@media all and (max-width: 1780px) {
	.pac-keyvisual__chip { 
        right: -225px;
        bottom: 225px;
        width: 27%;
	}
	.pac-keyvisual__circle-main {
		bottom: -160px;
		width: 29%;
		right: 55px;
	}
	.pac-keyvisual__face {
		left: 183px;
		width: 58%;
		transform: rotate(-16deg);
	}
	.pac-keyvisual__logos {
		right: -100px;
	}
}

@media all and (max-width: 1680px) {
    .pac-keyvisual__claw {
        top: 35px;
        left: -63px;
        width: 18%;
    }
	.pac-keyvisual__chip {
		right: -185px;
        width: 25%;
	}
	.pac-keyvisual__circle-main {
        bottom: -130px;
        width: 27%; 
	}
}

@media all and (max-width: 1500px) {
	.pac-keyvisual__claw { display: none; }
	.pac-keyvisual__face {
        left: 215px;
        width: 48%;
        top: 70px; 
	}
    .pac-keyvisual__logos {
        right: -30px;
    }

}

@media all and (max-width: 1280px) {
    .pac-keyvisual__effect--left,
    .pac-keyvisual__effect--right {
        display: none;
    }
	.pac-keyvisual__chip {
        right: -235px;
        width: 45%;
        bottom: 110px;
    }
	.pac-keyvisual__circle-main {
		width: 24%;
        right: 200px;
	}
	.pac-keyvisual__logos {
		padding: 0 20px;
		right: 0;
        padding-top: 15px;
	}
	.pac-keyvisual__logos img { max-width: 105px; }


	/* 메인 visual */
	.pac-keyvisual__logos {
	    right: 0;
	}
}

@media all and (max-width: 1100px) {
	.pac-visual {
		min-height: 650px;
	}

	.pac-visual .pac-container {
		min-height: 650px;
	}

	.pac-visual__content {
		width: 70%;
	}

	.pac-visual__image {
		right: -180px;
		width: 680px;
	}

	.pac-visual__title span {
		font-size: 30px;
	}

	.pac-summary-card {
		padding: 26px 20px;
	}

	.pac-summary-card__icon {
		flex-basis: 44px;
		width: 44px;
		height: 44px;
		font-size: 23px;
	}

	.pac-recruit-info {
		padding: 24px 20px;
	}

	.pac-benefit__list {
		grid-template-columns: repeat(3, 1fr);
	}

	.pac-benefit-card:nth-child(4),
	.pac-benefit-card:nth-child(5) {
		min-height: 280px;
	}

	.pac-role .pac-container {
		grid-template-columns: 270px 1fr;
		gap: 45px;
	}

	.pac-process__list {
		grid-template-columns: repeat(3, 1fr);
		gap: 45px 20px;
	}

	.pac-process__list::before {
		display: none;
	}
	.pac-keyvisual__circle-main {
		bottom: -50px;
	}
	.pac-keyvisual__face { width: 58%; }
}


/* 모바일 */
@media all and (max-width: 937px) {
	.pac-keyvisual__chip { display: none; }
	.pac-keyvisual__circle-main { display: none; }
	.pac-keyvisual__face {
		width: 78%;
        left: 185px;
        top: -80px;
	}

	.pac-recruit__info {
		grid-template-columns: repeat(2, 1fr);
	}
	.pac-recruit-info + .pac-recruit-info:nth-child(3)::before { display: none; }
	.pac-recruit-info:nth-child(3),.pac-recruit-info:nth-child(4) {
		border-top: 1px solid #e5edf7;
	}

}
@media all and (max-width: 767px) {
	.pac-visual {
		min-height: auto;
	}

	.pac-visual::before {
		background:
			linear-gradient(180deg, rgba(2, 6, 13, 0.35) 0%, rgba(2, 6, 13, 0.72) 46%, #030912 92%),
			url("/public/assets/img/pac/pac-visual-texture.png") center / cover no-repeat;
	}

	.pac-visual .pac-container {
		display: block;
		min-height: auto;
	}

	.pac-visual__content {
		width: 100%;
		padding: 330px 0 70px;
	}

	.pac-visual__eyebrow {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.pac-visual__title strong {
		font-size: 54px;
	}

	.pac-visual__title span {
		margin-top: 8px;
		font-size: 25px;
	}

	.pac-visual__headline {
		margin-top: 25px;
		font-size: 22px;
	}

	.pac-visual__description {
		font-size: 14px;
	}

	.pac-visual__buttons {
		display: grid;
		grid-template-columns: 1fr;
		margin-top: 28px;
	}

	.pac-visual__buttons .pac-button {
		width: 100%;
	}

	.pac-visual__image {
		top: 0;
		right: -50px;
		width: calc(100% + 100px);
		height: 350px;
	}

	.pac-visual__image::before {
		background: linear-gradient(180deg, rgba(2, 6, 13, 0) 45%, #030912 100%);
	}

	.pac-summary {
		padding-bottom: 55px;
		background: #f5f8fd;
	}

	.pac-summary__list {
		grid-template-columns: repeat(2, 1fr);
		transform: translateY(-20px);
	}

	.pac-summary-card {
		display: block;
		min-height: 160px;
		padding: 24px 20px;
		text-align: center;
	}

	.pac-summary-card + .pac-summary-card::before {
		display: none;
	}

	.pac-summary-card:nth-child(odd) {
		border-right: 1px solid #e6edf5;
	}

	.pac-summary-card:nth-child(n + 3) {
		border-top: 1px solid #e6edf5;
	}

	.pac-summary-card__icon {
		margin: 0 auto 12px;
	}

	.pac-summary-card__content > strong {
		font-size: 15px;
	}

	.pac-summary-card__content p {
		font-size: 13px;
	}

	.pac-recruit {
		padding: 65px 0 75px;
	}

	.pac-recruit__info {
		display: block;
		border-radius: 16px;
	}

	.pac-recruit-info {
		min-height: 0;
		padding: 30px 22px;
	}

	.pac-recruit-info + .pac-recruit-info {
		border-top: 1px solid #e5edf7;
	}

	.pac-recruit-info + .pac-recruit-info::before {
		display: none;
	}

	.pac-recruit-info__icon {
		width: 58px;
		height: 58px;
		margin-bottom: 17px;
		font-size: 27px;
	}

	.pac-recruit__button {
		margin-top: 25px;
	}

	.pac-benefit {
		padding: 70px 0 80px;
	}

	.pac-benefit__list {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.pac-benefit-card {
		min-height: 0;
		padding: 28px 24px;
	}

	.pac-benefit-card__icon {
		width: 66px;
		height: 66px;
		margin: 10px auto 18px;
		font-size: 29px;
	}

	.pac-benefit-card h3 {
		font-size: 18px;
	}

	.pac-role {
		padding: 70px 0;
	}

	.pac-role .pac-container {
		display: block;
	}

	.pac-role__heading {
		position: static;
		margin-bottom: 40px;
	}

	.pac-role__heading h2 {
		font-size: 29px;
	}

	.pac-role-card {
		grid-template-columns: 55px 1fr;
		gap: 16px;
		padding: 24px 0;
	}

	.pac-role-card > span {
		width: 48px;
		height: 48px;
		border-radius: 13px;
		font-size: 13px;
	}

	.pac-role-card h3 {
		font-size: 18px;
	}

	.pac-role-card p {
		font-size: 14px;
	}

	.pac-process {
		padding: 70px 0 80px;
	}

	.pac-process__list {
		grid-template-columns: repeat(2, 1fr);
		gap: 38px 12px;
	}

	.pac-process-item__icon {
		width: 76px;
		height: 76px;
		margin-bottom: 17px;
		font-size: 29px;
		box-shadow: 0 0 0 5px #081a2e;
	}

	.pac-process-item strong {
		font-size: 15px;
	}

	.pac-process-item p {
		font-size: 12px;
	}

	.pac-process-item small {
		font-size: 12px;
	}

	.pac-cta {
		padding: 48px 0;
	}

	.pac-cta__content {
		display: block;
	}

	.pac-cta h2 {
		font-size: 26px;
	}

	.pac-cta p {
		font-size: 14px;
	}

	.pac-cta .pac-button {
		margin-top: 25px;
	}

	.pac-keyvisual__face {
        width: 98%;
        left: 45px;
        top: -50px;
	}
}

@media all and (max-width: 578px) {
    
	.pac-visual__content { padding: 260px 0 70px; }

	/* 메인 visual */
	.pac-keyvisual__logos {
		padding: 0 10px;
		bottom: 15px;
	}
    .pac-keyvisual__logos img {
        max-width: 85px;
        max-height: 30px;
    }
	.pac-keyvisual__face {
        width: 100%;
		left: -5px;
        top: 30px;
    }
}

@media all and (max-width: 420px) {
	.pac-visual__content {
		padding-top: 285px;
	}

	.pac-visual__image {
		height: 305px;
	}

	.pac-visual__title strong {
		font-size: 46px;
	}

	.pac-visual__title span {
		font-size: 21px;
	}

	.pac-visual__headline {
		font-size: 20px;
	}

	.pac-summary__list {
		grid-template-columns: 1fr;
	}

	.pac-summary-card {
		min-height: 0;
	}

	.pac-summary-card:nth-child(odd) {
		border-right: 0;
	}

	.pac-summary-card:nth-child(n + 2) {
		border-top: 1px solid #e6edf5;
	}

	.pac-process__list {
		grid-template-columns: 1fr;
	}

	.pac-process-item {
		display: grid;
		grid-template-columns: 70px 1fr;
		grid-template-areas:
			"icon number"
			"icon title"
			"icon text"
			"icon date";
		column-gap: 16px;
		text-align: left;
	}

	.pac-process-item__number {
		grid-area: number;
		justify-self: start;
		margin-bottom: 4px;
	}

	.pac-process-item__icon {
		grid-area: icon;
		width: 66px;
		height: 66px;
		margin: 0;
	}

	.pac-process-item strong {
		grid-area: title;
		margin-bottom: 4px;
	}

	.pac-process-item p {
		grid-area: text;
	}

	.pac-process-item small {
		grid-area: date;
		margin-top: 4px;
	}
}