::-webkit-scrollbar {
	background-color: transparent;
	width: 0px;
}


html {
	scroll-behavior: smooth;
}

body {
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

img {
	-webkit-user-select: none;
}

/* 기본 상태: PC에서는 모바일 플로팅 숨김 */
.mfloating {
	display: none;
}

.m_floating_item_box,
.m_floating_gift_line_box {
	display: none;
}


.floating {
	position: fixed;
	left: 50%;
	top: 179px;
	margin-left: 750px;
	z-index: 999;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	cursor: pointer;
}

.floating_link {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 0;
	z-index: 2;
}

.floating_link > img {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

/* floating02는 기프트박스보다 앞 */
.floating02_link {
	z-index: 3;
}

/* 기프트박스 : floating02보다 뒤 */
.floating_item_box {
	position: absolute;
	top: 49px;
	left: 6px;
	width: 160px;
	height: 89px;
	overflow: visible;
	cursor: pointer;
	z-index: 2;
}

.floating_item {
	position: absolute;
	top: 38px;
	left: 30px;
	cursor: pointer;
	animation: floating_item ease-in-out 2s infinite;
}

.floating_item img {
	display: block;
}

/* 기프트라인 : floating02보다 앞 / 클릭 가능 */
.floating_gift_line_box {
	position: absolute;
	top: 120px;
	left: 36px;
	z-index: 4;
	cursor: pointer;
	pointer-events: auto;
	animation: floating_item ease-in-out 2s infinite;
}

.floating_gift_line_box img {
	display: block;
}

@keyframes floating_item {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	60% {
		opacity: 1;
		transform: translateY(0);
	}

	75% {
		opacity: 0;
		transform: translateY(10px);
	}

	80% {
		opacity: 1;
		transform: translateY(-14px);
	}

	88% {
		opacity: 1;
		transform: translateY(2px);
	}

	93% {
		opacity: 1;
		transform: translateY(-8px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.mfloating {
	display: none;
}


@keyframes f_ani_01 {
	0% {
		transform: translateX(0px) translateY(0px) rotate(0deg);
		opacity: 0;
	}
	5% {
		opacity: 1;
	}

	30% {
		transform: translateX(120px) translateY(200px) rotate(-20deg);
	}
	60% {
		transform: translateX(20px) translateY(400px) rotate(0deg);
	}
	100% {
		transform: translateX(120px) translateY(650px) rotate(-15deg);
		opacity: 1;
	}
}
@keyframes f_ani_02 {
	0% {
		transform: translateX(0px) translateY(0px) rotate(0deg);
		opacity: 0;
	}
	5% {
		opacity: 1;
	}

	30% {
		transform: translateX(-110px) translateY(200px) rotate(25deg);
	}
	60% {
		transform: translateX(0px) translateY(400px) rotate(0deg);
	}
	100% {
		transform: translateX(-95px) translateY(650px) rotate(20deg);
		opacity: 1;
	}
}






.f01 {
	position: absolute;
	top: 100px;
	left: calc(50% - 500px);
	animation: f_ani_01 linear 22s infinite;
	opacity: 0;
	z-index: 0;
}
.f02 {
	position: absolute;
	top: 0px;
	left: calc(50% - 300px);
	animation: f_ani_02 linear 24s infinite;
	opacity: 0;
	z-index: 0;
}
.f03 {
	position: absolute;
	top: -100px;
	left: calc(50% + 500px);
	animation: f_ani_01 linear 22s infinite;
	opacity: 0;
	z-index: 0;
}
.f04 {
	position: absolute;
	top: 250px;
	left: calc(50% + 287px);
	animation: f_ani_02 linear 30s infinite;
	opacity: 0;
	z-index: 0;
}
.f02 {
	position: absolute;
	top: 0px;
	left: calc(50% + 550px);
	animation: f_ani_02 linear 24s infinite;
	opacity: 0;
	z-index: 0;
}
.f05 {
	position: absolute;
	top: 500px;
	left: calc(50% - 588px);
	animation: f_ani_02 linear 23s 5s infinite;
	opacity: 0;
	z-index: 0;
}
.f06 {
	position: absolute;
	top: 200px;
	left: calc(50% + 500px);
	animation: f_ani_01 linear 20s infinite;
	opacity: 0;
	z-index: 0;
}
.f07 {
	position: absolute;
	top: 600px;
	left: calc(50% - 300px);
	animation: f_ani_02 linear 31s infinite;
	opacity: 0;
	z-index: 0;
}
.f08 {
	position: absolute;
	top: 0px;
	left: calc(50% - 750px);
	animation: f_ani_02 linear 25s infinite;
	opacity: 0;
	z-index: 0;
}
.f09 {
	position: absolute;
	top: 500px;
	left: calc(50% + 360px);
	animation: f_ani_01 linear 24s infinite;
	opacity: 0;
	z-index: 0;
}

.f10 {
	position: absolute;
	top: 500px;
	rotate: 45deg;
	left: calc(50% - 700px);
	animation: f_ani_01 linear 30s infinite;
	opacity: 0;
	z-index: 0;
}
.f11 {
	position: absolute;
	top: 0px;
	left: calc(50% - 600px);
	animation: f_ani_02 linear 24s 3s infinite;
	opacity: 0;
	z-index: 0;
}


.bg_01 {
	background-image: url(../img/bg-01.png);
	background-color: #FFDF7F;
	overflow: hidden;
	width: 1920px;
	height: 1080px;
	position: relative;
	margin: auto;
	background-position: top;
	background-repeat: no-repeat;
	align-items: center;
	text-align: center;
	max-width: 100%;
	z-index: 2;
	border-bottom: 3px solid #262626;
	width: 100vw;
	background-position-y: bottom;
	background-size: cover;
}

.logo {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 55px;
}

.title {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 100px;
	gap: 13px;
	display: flex;
	flex-direction: column;
}

.main-s01 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 102px;
	z-index: 1;
	margin-left: 80px;
}

.main-c01 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 85px;
	margin-left: -198px;
	z-index: 2;
}

.main-c02 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 25px;
	z-index: 1;
	margin-left: 76px;
}

.main-t01 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 35px;
	z-index: 1;
}

.main-lan01,
.main-lan02 {
	/*animation: mainLanFloat 2.6s ease-in-out infinite;*/
	will-change: transform;
}

.main-lan02 {
	animation-delay: 0.45s;
}

@keyframes mainLanFloat {
	0%,
	100% {
		transform: translateX(-50%) translateY(0);
	}

	50% {
		transform: translateX(-50%) translateY(-10px);
	}
}

.main-lan01 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 142px;
	z-index: 2;
	margin-left: -622px;
}

/*!* 메인 오브제 AOS 이동 거리 확대 *!*/
/*.main-obj01 img[data-aos="fade-right"] {*/
/*	transform: translate3d(-80px, 0, 0) !important;*/
/*}*/

/*.main-obj02 img[data-aos="fade-left"] {*/
/*	transform: translate3d(80, 0, 0) !important;*/
/*}*/

/*!* 애니메이션 완료 위치 *!*/
/*.main-obj01 img[data-aos="fade-right"].aos-animate,*/
/*.main-obj02 img[data-aos="fade-left"].aos-animate {*/
/*	transform: translate3d(0, 0, 0) !important;*/
/*}*/

.main-obj01 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: -69px;
	z-index: 1;
	margin-left: -627px;
	width: 516px;
}

.main-visual01 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: -652px;
	z-index: 1;
	margin-left: -40px;
}

.main-lan02 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 531px;
	z-index: 2;
	margin-left: 545px;
	width: 282px;
}

.main-obj02 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 596px;
	z-index: 0;
	margin-left: 603px;
	width: 516px;
}

.main-phone01,
.main-phone02 {
	cursor: pointer;
}

.main-phone01 {
	position: absolute;
	left: 50%;
	top: 741px;
	z-index: 1;
	opacity: 0;
	transform: translateX(-50%) translateY(80px);
}

.main-phone01 img {
	display: block;
	transform-origin: center center;
}

.main-phone02 {
	position: absolute;
	left: 50%;
	top: 811px;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-50%) scale(0.65);
	transform-origin: center center;
}

.main-phone02 img {
	display: block;
}

.click {
	position: absolute;
	left: calc(50% - 40px);
	top: 857px;
	z-index: 2;
	margin-left: 265px;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-50%);
	transform-origin: center center;
}

.click img {
	display: block;
	transform-origin: center center;
}

/* 폰01: AOS fade-up 느낌으로 조금 더 아래에서 자연스럽게 등장 */
.main-phone01.is-active {
	animation: phone01FadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* 클릭손: 나타나는 동시에 왼쪽으로 이동 */
.click.is-show {
	visibility: visible;
	animation: clickAppearAndMove 0.7s cubic-bezier(0.18, 0.8, 0.25, 1) forwards;
}

/* 클릭손 클릭 동작 */
.click.is-clicking img {
	animation: clickPress 0.75s ease-in-out forwards;
}

/* 클릭 시 폰01도 살짝 눌림 */
.main-phone01.is-pressing img {
	animation: phone01Press 0.75s ease-in-out forwards;
}

.click.is-hide {
	animation: clickFadeOut 0.3s ease-out forwards;
}

/* 폰02 등장 */
.main-phone02.is-active {
	visibility: visible;
	animation: phone02ZoomIn 0.72s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* 폰02가 반복 전 자연스럽게 사라짐 */
.main-phone02.is-hide {
	visibility: visible;
	animation: phone02FadeOut 0.55s ease-out forwards;
}

@keyframes phone01FadeUp {
	0% {
		opacity: 0;
		transform: translateX(-50%) translateY(80px);
	}

	100% {
		opacity: 1;
		transform: translateX(-50%) translateY(0);
	}
}

/* 클릭손이 나타나면서 동시에 60px 왼쪽 이동 */
@keyframes clickAppearAndMove {
	0% {
		opacity: 0;
		transform: translateX(-50%);
	}

	100% {
		opacity: 1;
		transform: translateX(calc(-50% - 60px));
	}
}

/* 클릭손 눌림 */
@keyframes clickPress {
	0% {
		transform: rotate(0deg) translate(0, 0) scale(1);
	}

	45% {
		transform: rotate(-18deg) translate(6px, -2px) scale(0.84);
	}

	100% {
		transform: rotate(0deg) translate(0, 0) scale(1);
	}
}

/* 폰01 눌림 */
@keyframes phone01Press {
	0% {
		transform: scale(1);
	}

	45% {
		transform: scale(0.96);
	}

	100% {
		transform: scale(1);
	}
}

/* 클릭손이 이동한 위치에서 사라짐 */
@keyframes clickFadeOut {
	0% {
		opacity: 1;
		transform: translateX(calc(-50% - 60px));
	}

	100% {
		opacity: 0;
		transform: translateX(calc(-50% - 60px));
		visibility: hidden;
	}
}

/* 폰02 등장 */
/* 폰02 등장 - 커졌다가 돌아오는 효과 없이 자연스럽게 표시 */
@keyframes phone02ZoomIn {
	0% {
		opacity: 0;
		transform: translateX(-50%) scale(0.65);
	}

	100% {
		opacity: 1;
		transform: translateX(-50%) scale(1);
	}
}

/* 폰02가 현재 크기 그대로 부드럽게 페이드아웃 */
@keyframes phone02FadeOut {
	0% {
		opacity: 1;
		transform: translateX(-50%) scale(1);
	}

	100% {
		opacity: 0;
		transform: translateX(-50%) scale(1);
		visibility: hidden;
	}
}











.bg_02 {
	background-image: url(../img/bg-02.png);
	height: 2441px;
	position: relative;
	margin: auto;
	background-position: top;
	background-repeat: no-repeat;
	align-items: center;
	text-align: center;
	max-width: 100%;
	z-index: 1;
	width: 100vw;
	background-position-y: bottom;
	background-size: cover;
}

.sec02_titles {
	display: flex;
	flex-direction: row;
	position: relative;
	justify-content: center;
	top: 14px;
	z-index: 2;
}

.con01 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 70px;
	z-index: 1;
}

.con02 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 130px;
	z-index: 1;
}

.sec02_btn {
	display: flex;
	flex-direction: row;
	gap: 17px;
	justify-content: center;
	position: relative;
	top: 170px;
}

.click2 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 102px;
	margin-left: 230px;
	top: 125px;
}

/* 하단 btn02 클릭 애니메이션 - 상단 클릭/폰01과 동일한 속도 및 움직임 */
.btn02 a {
	display: block;
	line-height: 0;
	transform-origin: center center;
	animation: btn02Press 0.75s ease-in-out infinite;
	animation-delay: 1.2s;
}

.click2 img {
	display: block;
	transform-origin: center center;
	animation: click2Press 0.75s ease-in-out infinite;
	animation-delay: 1.2s;
}

/* 상단 clickPress와 동일 */
@keyframes click2Press {
	0% {
		transform: rotate(0deg) translate(0, 0) scale(1);
	}

	45% {
		transform: rotate(-18deg) translate(6px, -2px) scale(0.84);
	}

	100% {
		transform: rotate(0deg) translate(0, 0) scale(1);
	}
}

/* 상단 phone01Press와 동일 */
@keyframes btn02Press {
	0% {
		transform: scale(1);
	}

	45% {
		transform: scale(0.96);
	}

	100% {
		transform: scale(1);
	}
}

.sec03_video {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 50px 20px;
	box-sizing: border-box;
	position: relative;
	top: -250px;
	z-index: 5;
}

.sec03_video_inner {
	position: relative;
	width: 747px;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	overflow: visible;
	z-index: 1;
}

.sec03_video_inner::before {
	content: "";
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	background-color: #231815;
	z-index: -1;
}

.sec03_video_inner iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	position: relative;
	z-index: 1;
}

@media (max-width: 768px) {
	.sec03_video {
		padding: 35px 16px;
	}

	.sec03_video_inner {
		max-width: 100%;
	}
}



.bg_03 {
	background-color: #ff7a51;
	height: 2020px;
	position: relative;
	margin: auto;
	background-position: top;
	background-repeat: no-repeat;
	align-items: center;
	text-align: center;
	max-width: 100%;
	z-index: 1;
	border-top: 3px solid #262626;
	/*width: 100vw;*/
	/*background-position-y: bottom;*/
	/*background-size: cover;*/
}

.con03 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: -290px;
	z-index: 1;
}

.con04 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: -230px;
	z-index: 1;
}




.notice {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background-color: #262626;
	color: #fff;
	padding: 30px;
	font-size: 16px;
}

.notice p {
	width: 100%;
	max-width: 730px;
	text-align: left;
	margin: 0 auto;
}

.sns_con {
	background-color: #1d1d1d;
	display: flex;
	justify-content: center;
	padding: 40px;
}

.footer_con {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 70px;
}

.footer_con img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 40px;
}

.footer_con p {
	margin: 0;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: -0.04em;
}

.footer_con p br + br {
	line-height: 1.15;
}






.apply_popup {
	position: relative;
	width: 815px;
	max-width: calc(100% - 40px);
	display: none;
	text-align: center;
	left: 50% !important;
	transform: translateX(-50%) !important;
}

/* 여자 이미지 위치 조정 */
.apply_popup .popup_title_girl {
	position: absolute;
	z-index: 20;
	top: 107px;
	left: 50%;
	margin-left: 29px;
	pointer-events: none;
}

.apply_popup .popup_title_girl img {
	display: block;
	width: auto;
	max-width: none;
	height: auto;
}

/* 팝업 타이틀 */
.apply_popup .popup_title {
	position: relative;
	z-index: 10;
	margin-bottom: -38px;
	pointer-events: none;
}

.apply_popup .popup_title img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/* 폼 영역 */
.board_write_form {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 48px 48px 42px !important;
	box-sizing: border-box;
	background-color: #fff;
}

/* 폼 내부 전체 프리텐다드 적용 */
.board_write_form,
.board_write_form * {
	font-family: "Pretendard", "Noto Sans KR", sans-serif;
}

.apply-form {
	width: 815px;
	max-width: 100%;
	padding: 0;
}

.apply-form form {
	max-width: 720px;
	margin: 0 auto;
}

/* 서브타이틀 */
.popup_subtitle {
	margin: 73px 0 74px;
	text-align: center;
}

.popup_subtitle img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto;
}

/* 입력 테이블 */
.board_write_form_table {
	width: 100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 7px;
	table-layout: fixed;
}

.board_write_form_table .form-label-col {
	width: 180px;
}

.board_write_form_table .form-input-col {
	width: auto;
}

.board_write_form .form_field {
	font-size: 16px;
}

.board_write_form .form_label {
	height: 48px;
	padding: 0 12px;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 48px;
	letter-spacing: -0.06em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.board_write_form .form_label-dark {
	background-color: #262626;
}

.board_write_form .form_label-green {
	background-color: #008f62;
}

/* 입력칸 외부 박스 제거 */
.board_write_form td.field {
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
	vertical-align: middle;
}

/* 입력박스 / 콤보박스 */
.board_write_form input[type="text"],
.board_write_form input[type="tel"],
.board_write_form select {
	height: 48px;
	box-sizing: border-box;
	border: 1px solid #e2e2e2;
	border-radius: 0;
	background-color: #fafafa;
	color: #262626;
	font-size: 16px;
	font-weight: 700;
	outline: none;
}

/* 포커스해도 배경 흰색으로 변경되지 않음 */
.board_write_form input[type="text"]:focus,
.board_write_form input[type="tel"]:focus,
.board_write_form select:focus {
	border-color: #008f62;
	background-color: #fafafa;
}

.board_write_form input::placeholder {
	color: #9d9d9d;
	font-size: 15px;
	font-weight: 400;
}

.form_input,
.form_select {
	width: 100%;
	padding: 0 46px 0 15px;
}

/* 콤보박스 화살표 */
.board_write_form select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 46px;
	cursor: pointer;
	background-color: #fafafa;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M0 0h12L6 8z' fill='%23262626'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
	background-size: 12px 8px;
}

.board_write_form select,
.board_write_form select option {
	font-weight: 700;
}

.board_write_form select::-ms-expand {
	display: none;
}

/* 연락처 */
.phone_field {
	display: flex;
	align-items: center;
	gap: 8px;
}

/*
    010 / 연령 / 단과대학 / 전공명
    글자 시작 위치를 동일한 15px 기준으로 정렬
*/
.phone_select,
.form_select,
.major_select {
	text-align: left;
	padding-left: 15px !important;
}

/*.phone_select {*/
/*	flex: 0 0 104px;*/
/*	width: 104px;*/
/*	padding-right: 38px !important;*/
/*	background-position: calc(100% - 14px) center !important;*/
/*	background-size: 10px 7px !important;*/
/*}*/

.phone_input {
	width: calc((100% - 140px) / 2);
	min-width: 0;
	padding: 0 10px;
	text-align: center;
}

.hypen {
	flex: 0 0 auto;
	color: #262626;
	font-size: 18px;
	font-weight: 400;
}

/* 관심 전공 */
.major_field {
	display: flex;
	align-items: center;
	gap: 8px;
}

.major_select {
	width: calc(50% - 4px);
	min-width: 0;
	padding-right: 42px !important;
}

.major_select:disabled {
	background-color: #f7f7f7;
	border-color: #e2e2e2;
	color: #9a9a9a;
	cursor: not-allowed;
}

/* 개인정보 동의 */
.agree_wrap {
	margin-top: 38px;
}

.agree_title {
	color: #262626;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.05em;
	text-align: left;
}

.agree_title_line {
	width: 100%;
	height: 1px;
	margin: 14px 0 22px;
	background-color: #e8e8e8;
}

.agree_box {
	width: 100%;
	height: 200px;
	padding: 18px;
	box-sizing: border-box;
	overflow-y: auto;
	border: 1px solid #dedede;
	border-radius: 0;
	background: #fff;
	color: #4a4a4a;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65;
	text-align: left;
}

/* 스크롤바 */
.agree_box::-webkit-scrollbar {
	width: 16px;
	background-color: #fff;
}

/* 스크롤 안 된 영역 */
.agree_box::-webkit-scrollbar-track {
	background-color: #fff;
	border-left: 1px solid #d8d8d8;
}

/* 실제 이동 스크롤바 */
.agree_box::-webkit-scrollbar-thumb {
	background-color: #262626;
	border: 0;
	border-radius: 0;
}

.agree_box::-webkit-scrollbar-button {
	display: none;
}

.agree_box .h6 {
	margin: 16px 0 5px;
	color: #262626;
	font-size: 15px;
	font-weight: 600;
}

.agree_box p {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
}

/* 라디오 */
.agree_radio {
	margin: 18px 0 22px;
	color: #262626;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}

.agree_radio span {
	display: inline-block;
	margin: 3px 5px;
}

.agree_radio input[type="radio"] {
	appearance: auto;
	-webkit-appearance: radio;
	width: 20px !important;
	height: 20px !important;
	margin: 0 5px 2px 0;
	vertical-align: middle;
	accent-color: #262626 !important;
	border: 1px solid #8f8f8f;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
}

.agree_radio label {
	cursor: pointer;
}

/* 버튼 원본 크기 유지 */
.board_write_form .buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	text-align: center;
}

.board_write_form .buttons a {
	display: inline-block;
	flex: 0 0 auto;
	width: auto;
	height: auto;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: transparent;
	cursor: pointer;
}

.board_write_form .buttons a img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

/* PC / 모바일 공통 - 연락처 010 / 0000 / 0000 정확히 같은 너비 */
.board_write_form .phone_field {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) !important;
	align-items: center;
	gap: 8px;
}

.board_write_form .phone_field .phone_select,
.board_write_form .phone_field .phone_input {
	display: block;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	height: 48px;
	margin: 0 !important;
	box-sizing: border-box !important;
	flex: none !important;
}

.board_write_form .phone_field .phone_select {
	padding-left: 15px !important;
	padding-right: 38px !important;
	text-align: left;
}

.board_write_form .phone_field .phone_input {
	padding: 0 8px !important;
	text-align: center;
}

.board_write_form .phone_field .hypen {
	width: auto;
	margin: 0;
}

/* 모바일 */
@media screen and (max-width: 768px) {
	.board_write_form .phone_field {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) !important;
		gap: 6px;
		height: 54px !important;
	}

	.board_write_form .phone_field .phone_select,
	.board_write_form .phone_field .phone_input {
		width: 100% !important;
		height: 54px !important;
		font-size: 22px !important;
	}

	.board_write_form .phone_field .phone_select {
		padding-left: 14px !important;
		padding-right: 34px !important;
	}

	.board_write_form .phone_field .phone_input {
		padding: 0 4px !important;
	}
}

/* 모바일 */
/* 모바일 - 개인정보 입력 팝업 */
@media screen and (max-width: 768px) {
	.apply_popup {
		width: calc(100% - 40px);
		max-width: 710px;
	}

	.apply_popup .popup_title_girl {
		top: 110px;
		left: 50%;
		margin-left: 45px;
		transform: scale(0.82);
		transform-origin: left top;
	}

	.apply_popup .popup_title {
		margin-bottom: -32px;
	}

	.board_write_form {
		padding: 44px 24px 38px !important;
	}

	.popup_subtitle {
		margin: 56px 0 58px;
	}

	.board_write_form_table {
		width: 100%;
		border-spacing: 7px;
		table-layout: fixed;
	}

	.board_write_form_table .form-label-col {
		width: 158px;
	}

	.board_write_form_table .form-input-col {
		width: auto;
	}

	.board_write_form_table tr {
		height: 54px;
	}

	.board_write_form td.field {
		height: 54px;
	}

	.board_write_form .form_field th {
		font-size: 20px !important;
	}

	/* 성명 / 연락처 / 연령 / 관심 있는 전공 라벨 */
	.board_write_form .form_label {
		height: 54px;
		padding: 0 8px;
		box-sizing: border-box;
		font-size: 16px;
		font-weight: 400;
		line-height: 54px;
		letter-spacing: -0.06em;
		vertical-align: middle;
	}

	/* 입력박스 / 셀렉트박스 공통 */
	.board_write_form input[type="text"],
	.board_write_form input[type="tel"],
	.board_write_form select {
		height: 54px;
		min-height: 54px;
		box-sizing: border-box;
		border: 1px solid #e2e2e2;
		background-color: #fafafa;
		color: #262626;
		font-size: 16px;
		font-weight: 700;
		line-height: 52px;
	}

	.board_write_form input::placeholder {
		font-size: 16px;
		font-weight: 400;
	}

	.form_input {
		width: 100%;
		padding: 0 16px;
	}

	/* 모바일 - 입력된 값 / 선택된 값 / 옵션 글자 크기 22px 통일 */
	.board_write_form input[type="text"],
	.board_write_form input[type="tel"],
	.board_write_form select,
	.phone_select,
	.form_select,
	.major_select {
		font-size: 22px !important;
		font-weight: 700;
		line-height: 52px !important;
	}

	/* 셀렉트박스 펼쳤을 때 옵션 목록 글자 크기 */
	.board_write_form select option {
		font-size: 22px !important;
		font-weight: 700;
	}

	/* 모바일 - 연락처 3칸 넓이 동일하게 */
	.phone_field {
		display: flex;
		align-items: center;
		height: 54px !important;
		gap: 6px;
	}

	.phone_select,
	.phone_input {
		flex: 1 1 0;
		width: auto !important;
		min-width: 0;
		height: 54px !important;
		box-sizing: border-box;
	}

	/*.phone_select {*/
	/*	flex: 0 0 88px;*/
	/*	width: 88px !important;*/
	/*	height: 54px !important;*/
	/*}*/

	.phone_input {
		flex: 1 1 0;
		width: auto !important;
		min-width: 0;
		height: 54px !important;
		padding: 0 6px;
		font-size: 16px !important;
		text-align: center;
	}

	.hypen {
		flex: 0 0 auto;
		font-size: 18px;
		line-height: 54px;
	}

	/* 관심 있는 전공 */
	.major_field {
		display: flex;
		align-items: center;
		height: 54px !important;
		gap: 6px;
	}

	.major_select {
		flex: 1 1 0;
		width: auto !important;
		min-width: 0;
		height: 54px !important;
	}

	.major_select:disabled {
		background-color: #f7f7f7;
		border-color: #e2e2e2;
		color: #9a9a9a;
	}

	/* 개인정보 수집 및 이용 동의 */
	.agree_wrap {
		margin-top: 36px;
	}

	.agree_title {
		font-size: 18px;
		line-height: 1.4;
	}

	.agree_title_line {
		margin: 13px 0 19px;
	}

	.agree_box {
		height: 215px;
		padding: 17px 20px 17px 17px;
		box-sizing: border-box;
		overflow-y: scroll;
		border: 1px solid #dedede;
		background-color: #fff;
		color: #4a4a4a;
		font-size: 17px !important;
		font-weight: 400;
		line-height: 1.75;
		text-align: left;
		scrollbar-width: auto;
		scrollbar-color: #262626 #f2f2f2;
	}

	/* 크롬 / 사파리 스크롤바 */
	.agree_box::-webkit-scrollbar {
		display: block;
		width: 16px;
	}

	.agree_box::-webkit-scrollbar-track {
		background-color: #f2f2f2;
		border-left: 1px solid #d8d8d8;
	}

	.agree_box::-webkit-scrollbar-thumb {
		background-color: #262626;
		border: 3px solid #f2f2f2;
		border-radius: 0;
	}

	.agree_box::-webkit-scrollbar-button {
		display: none;
	}

	.agree_box .h6,
	.agree_box .h5 {
		margin: 18px 0 8px;
		color: #262626;
		font-size: 17px !important;
		font-weight: 700;
		line-height: 1.55;
	}

	.agree_box p {
		margin: 0;
		font-size: 17px !important;
		font-weight: 400;
		line-height: 1.75;
	}

	.agree_radio {
		margin: 20px 0 24px;
		font-size: 16px !important;
		line-height: 1.5;
	}

	.agree_radio span {
		margin: 4px;
	}

	.agree_radio input[type="radio"] {
		width: 20px !important;
		height: 20px !important;
		margin-right: 5px;
	}

	.board_write_form .buttons {
		gap: 8px;
	}

	.board_write_form .buttons a img {
		display: block;
		max-width: 100%;
		height: auto;
	}
}









/* 모바일 */
@media screen and (max-width: 768px) {

	.main-visual01 {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		top: -615px;
		z-index: 1;
		margin-left: -26px;
		width: 930px;
	}

	.sec03_video {
		top: -250px;
	}

	.click2 {
		top: 173px;
	}

	.sec02_btn {
		top: 220px;
	}

	.con02 {
		top: 165px;
	}

	.con03 {
		top: -290px;
		padding: 15px;
	}

	.con04 {
		top: -265px;
		padding: 15px;
	}

	.bg_03 {
		height: 1900px;
	}





	.mfloating {
		width: 100%;
		display: flex;
		justify-content: center;
		position: fixed;
		bottom: 0;
		z-index: 999999999;
	}
	.floating {
		display: none;
	}

	.mouse {
		display: none;
	}
	/*.agree_radio {*/
	/*	font-size: 21px !important;*/
	/*}*/
	.footer_con {
		padding-bottom: 200px;
	}
	/*.agree_box .h5 {*/
	/*	font-size: 21px !important;*/
	/*}*/
	/*.agree_box {*/
	/*	font-size: 22px !important;*/
	/*}*/
	/*.sf01, .sf02, .sf03,*/
	/*.heartb01, .heartb02, .obj01, .obj02,*/
	/*.frame, .story01, .story02, .story_con, .sean01 {*/
	/*	opacity: 1 !important;*/
	/*	visibility: visible !important;*/
	/*	transition: opacity 0.7s;*/
	/*}*/
	.scroll-mouse {
		display: flex;
		position: fixed;
		left: 50%;
		bottom: 200px;
		transform: translateX(-50%);
		z-index: 100;
		flex-direction: column;
		align-items: center;
		text-decoration: none;
		color: #222; /* 폰트 및 아이콘 컬러 */
		cursor: pointer;
	}
	.scroll-mouse:hover {
		opacity: 0.5;
	}
	.scroll-mouse span {
		position: relative;
		display: block;
		width: 24px;
		height: 24px;
		border-left: 1px solid #222; /* 어두운 색상 */
		border-bottom: 1px solid #222; /* 어두운 색상 */
		transform: rotate(-45deg);
		animation: sdb07 2s infinite;
		opacity: 0;
		box-sizing: border-box;
		margin: 0;
	}
	.scroll-mouse span:nth-of-type(1) {
		animation-delay: 0s;
		top: 0;
	}
	.scroll-mouse span:nth-of-type(2) {
		animation-delay: .15s;
		top: 16px;
	}
	.scroll-mouse span:nth-of-type(3) {
		animation-delay: .3s;
		top: 32px;
	}
	@keyframes sdb07 {
		0%   { opacity: 0; }
		50%  { opacity: 1; }
		100% { opacity: 0; }
	}
	.scroll-text {
		margin-top: 56px;
		font: normal 400 20px/1 'Josefin Sans', sans-serif;
		letter-spacing: .1em;
		color: #222;
		text-shadow: 0 2px 6px rgba(255,255,255,0.12);
		pointer-events: none;
	}
}



@media screen and (min-width: 769px) and (max-width: 1366px) {
	.floating {
		display: none;
	}
	.mfloating {
		width: 100%;
		display: flex;
		justify-content: center;
		position: fixed;
		bottom: 0;
		z-index: 999999999;
	}
	.footer_con {
		padding-bottom: 150px;
	}
}







/* style css */
body, html {
	overflow-x:hidden;
	min-width:1280px
}

img {
	-webkit-user-drag: none;
}

::selection {
	background: #FDD000;
	color: #000
}

::-moz-selection {
	background: #FDD000;
	color: #fff
}


::-webkit-selection {
	background: #FDD000;
	color: #fff
}


body, html {

}

body {
	-webkit-font-smoothing: antialiased;
	color:#333;
}

.row {
	padding: 0 20px;
	margin: auto
}

/* ��� */
.header {
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	text-align:center;
	z-index: 999999;
	transition:all 300ms ease-in-out;
	min-width:1280px;
	background-color:#fff;
	height: 100px;
}

.header .row {
	position:relative;
	display:flex;
	align-items:center;
	justify-content: space-between;
	height: 100%;
}

.header .nav {
	display:flex;
	/*position:absolute;
	left: 50%;
	transform:translate(-50%, 0);*/
}

.header .right_box {
	display:flex;
	align-items:center;
	height: 100%;
}

.header .nav li {
	width: 120px;
	text-align:center;
	height: 100%;
	line-height:100px;
}

.header .nav li a {
	font-family:'NotoSansKR-Bold';
	letter-spacing:-1px;
}

.header .nav li.on a,
.header .nav li a:hover {
	color:#FDD000;
}

.header .drop_menu {
	display:none;
	position:absolute;
	background-color:#FDD000;
	width: 100%;
	top: 100px;
	left: 0;
	padding: 30px 0;
	height: 315px;
}

.header .drop_menu .drop {
	position:absolute;
	z-index: 998;
	left: 50%;
	transform:translate(-50%, 0);
	font-size:15px;
	display: flex;
}

.header .drop_menu .drop > li {
	width: 120px;
	text-align:center;
}

.header .drop_menu .drop > li a {
	color:#fff;
}

.header .drop_menu .drop > li a:hover {
	font-weight: bold;
}

.header .drop_menu .sub_menu > li {
	margin-bottom: 15px;
	letter-spacing:-1px
}

.footer {
	padding: 60px 0;
	text-align:center;
	background-color:#11243a;
}

.video-container {
	position: relative;
	padding-bottom: 53.5%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media(min-width:992px) {
	.pc {
		display:block !important
	}

	.mobile {
		display:none !important
	}
}

@media(max-width:991px) {

	.pc {
		display:none !important
	}

	.mobile {
		display:block !important
	}



}

@media(max-width:575px) {




}

/* 이벤트 참여 완료 팝업 */
.completed_popup {
	display: none;
	position: relative;
	width: auto;
	max-width: calc(100vw - 40px);
	max-height: calc(100vh - 40px);
	background: transparent;
	text-align: center;
}

.completed_popup_inner {
	position: relative;
	display: inline-block;
	width: auto;
	max-width: 100%;
	max-height: calc(100vh - 55px);
	margin-top: 15px;
	line-height: 0;
}

/* 완료 이미지: 원본 비율 유지 / 화면 밖으로 넘치지 않음 */
.completed_popup_image {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: calc(100vh - 40px);
	object-fit: contain;
	transform: scaleY(1.035);
	transform-origin: center center;
}

/* 완료 이미지 위 카카오톡 채널 추가 버튼 */
.completed_popup_btn {
	position: absolute;
	left: 50%;
	bottom: 60px;
	z-index: 5;
	display: block;
	transform: translateX(-50%);
	transform-origin: center center;
}

.completed_popup_btn img {
	position: relative;
	z-index: 3;
	display: block;
	max-width: 100%;
	height: auto;
	animation: completedBtnFloat 2.6s ease-in-out infinite;
}

/* 반짝임 흐름 1 : 좌측 아래 → 우측 위 */
.completed_popup_btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fdd000;
	box-shadow:
			-96px 44px 0 -3px #666464,
			-68px 28px 0 -2px #fdd000,
			-42px 14px 0 -3px #666464,
			-14px 2px 0 -2px #fdd000,
			18px -12px 0 -3px #666464,
			48px -27px 0 -2px #fdd000,
			76px -43px 0 -3px #666464,
			102px -58px 0 -2px #fdd000;
	pointer-events: none;
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.7);
	animation: completedSparkleFlowOne 2.8s linear infinite;
}

/* 반짝임 흐름 2 : 우측 아래 → 좌측 위 */
.completed_popup_btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #666464;
	box-shadow:
			98px 42px 0 -3px #fdd000,
			70px 27px 0 -2px #666464,
			42px 12px 0 -3px #fdd000,
			13px 0 0 -2px #666464,
			-18px -13px 0 -3px #fdd000,
			-48px -28px 0 -2px #666464,
			-77px -43px 0 -3px #fdd000,
			-103px -58px 0 -2px #666464;
	pointer-events: none;
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.7);
	animation: completedSparkleFlowTwo 2.8s linear infinite;
	animation-delay: -1.4s;
}

/* 버튼 자체는 아주 미세하게만 호흡 */
@keyframes completedBtnFloat {
	0%,
	100% {
		filter:
				drop-shadow(0 0 2px rgba(253, 208, 0, 0.2))
				drop-shadow(0 0 4px rgba(102, 100, 100, 0.1));
		transform: translateY(0) scale(1);
	}

	50% {
		filter:
				drop-shadow(0 0 8px rgba(253, 208, 0, 0.62))
				drop-shadow(0 0 14px rgba(102, 100, 100, 0.22));
		transform: translateY(-3px) scale(1.018);
	}
}

/* 별빛 1이 한 방향으로 흘러감 */
@keyframes completedSparkleFlowOne {
	0% {
		opacity: 0;
		transform: translate(-62%, -40%) scale(0.55);
	}

	12% {
		opacity: 0.1;
	}

	30% {
		opacity: 0.85;
		transform: translate(-54%, -46%) scale(0.82);
	}

	52% {
		opacity: 1;
		transform: translate(-46%, -54%) scale(1);
	}

	74% {
		opacity: 0.45;
		transform: translate(-38%, -61%) scale(1.12);
	}

	100% {
		opacity: 0;
		transform: translate(-30%, -68%) scale(1.2);
	}
}

/* 반대 흐름 별빛이 중간부터 이어짐 */
@keyframes completedSparkleFlowTwo {
	0% {
		opacity: 0;
		transform: translate(-38%, -40%) scale(0.55);
	}

	12% {
		opacity: 0.08;
	}

	30% {
		opacity: 0.75;
		transform: translate(-46%, -46%) scale(0.82);
	}

	52% {
		opacity: 0.95;
		transform: translate(-54%, -54%) scale(1);
	}

	74% {
		opacity: 0.42;
		transform: translate(-62%, -61%) scale(1.12);
	}

	100% {
		opacity: 0;
		transform: translate(-70%, -68%) scale(1.2);
	}




}


/* 이벤트 참여 완료 팝업 닫기 버튼 */
.completed_popup_close {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.78);
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.completed_popup_close span {
	position: absolute;
	width: 18px;
	height: 2px;
	background-color: #262626;
	border-radius: 2px;
}

.completed_popup_close span:first-child {
	transform: rotate(45deg);
}

.completed_popup_close span:last-child {
	transform: rotate(-45deg);
}

.completed_popup_close:hover {
	background: rgba(255, 255, 255, 0.95);
	transform: scale(1.06);
}

/* 모바일 */
@media screen and (max-width: 768px) {
	.completed_popup_close {
		top: 14px;
		right: 14px;
		width: 40px;
		height: 40px;
	}

	.completed_popup_close span {
		width: 16px;
	}
}






/* 모바일 */
@media screen and (max-width: 768px) {
	.completed_popup {
		max-width: calc(100vw - 32px);
		max-height: calc(100vh - 32px);
	}

	.completed_popup_inner {
		max-height: calc(100vh - 47px);
		margin-top: 15px;
	}

	.completed_popup_image {
		max-height: calc(100vh - 32px);
	}

	.completed_popup_btn {
		bottom: 80px;
		max-width: calc(100% - 28px);
	}
}


/* 모바일 - 배경 플로팅 이미지(f01~f16) 크기 및 위치 조정 */
@media screen and (max-width: 768px) {

	/* 모바일에서는 좌우 이동 폭을 줄여 화면 밖으로 잘리지 않게 조정 */
	@keyframes f_ani_01_mobile {
		0% {
			transform: translateX(0) translateY(0) rotate(0deg);
			opacity: 0;
		}

		5% {
			opacity: 1;
		}

		30% {
			transform: translateX(45px) translateY(200px) rotate(-20deg);
		}

		60% {
			transform: translateX(8px) translateY(400px) rotate(0deg);
		}

		100% {
			transform: translateX(45px) translateY(650px) rotate(-15deg);
			opacity: 1;
		}
	}

	@keyframes f_ani_02_mobile {
		0% {
			transform: translateX(0) translateY(0) rotate(0deg);
			opacity: 0;
		}

		5% {
			opacity: 1;
		}

		30% {
			transform: translateX(-42px) translateY(200px) rotate(25deg);
		}

		60% {
			transform: translateX(0) translateY(400px) rotate(0deg);
		}

		100% {
			transform: translateX(-40px) translateY(650px) rotate(20deg);
			opacity: 1;
		}
	}

	/* f01~f16 이미지 크기: 원본의 60% */
	.f01 img,
	.f02 img,
	.f03 img,
	.f04 img,
	.f05 img,
	.f06 img,
	.f07 img,
	.f08 img,
	.f09 img,
	.f10 img,
	.f11 img,
	.f12 img,
	.f13 img,
	.f14 img,
	.f15 img,
	.f16 img {
		display: block;
		transform: scale(0.60);
		transform-origin: center center;
	}

	.f01 {
		top: 100px;
		left: calc(50% - 190px);
		animation-name: f_ani_01_mobile;
	}

	.f02 {
		top: 30px;
		left: calc(50% + 125px);
		animation-name: f_ani_02_mobile;
	}

	.f03 {
		top: -50px;
		left: calc(50% + 115px);
		animation-name: f_ani_01_mobile;
	}

	.f04 {
		top: 250px;
		left: calc(50% + 80px);
		animation-name: f_ani_02_mobile;
	}

	.f05 {
		top: 500px;
		left: calc(50% - 180px);
		animation-name: f_ani_02_mobile;
	}

	.f06 {
		top: 210px;
		left: calc(50% + 120px);
		animation-name: f_ani_01_mobile;
	}

	.f07 {
		top: 610px;
		left: calc(50% - 90px);
		animation-name: f_ani_02_mobile;
	}

	.f08 {
		top: 30px;
		left: calc(50% - 190px);
		animation-name: f_ani_02_mobile;
	}

	.f09 {
		top: 500px;
		left: calc(50% + 75px);
		animation-name: f_ani_01_mobile;
	}

	.f10 {
		top: 510px;
		left: calc(50% - 170px);
		animation-name: f_ani_01_mobile;
	}

	.f11 {
		top: 20px;
		left: calc(50% - 160px);
		animation-name: f_ani_02_mobile;
	}

}




/* 아이패드 가로 / 태블릿 가로 :
   모바일 플로팅은 숨기고 PC 플로팅을 화면 오른쪽에 고정 */
@media screen and (min-width: 769px) and (max-width: 1279px) {
	.mfloating {
		display: none !important;
	}

	.floating {
		display: flex !important;
		position: fixed;
		top: 50%;
		right: 18px;
		left: auto;
		margin-left: 0;
		transform: translateY(-50%);
		z-index: 999999;
	}
}


/* PC 화면이 좁아질 때 모바일 하단 플로팅으로 전환 */
@media screen and (max-width: 1750px) {
	html,
	body {
		min-width: 0 !important;
	}

	.floating {
		display: none !important;
	}

	.mfloating {
		display: flex !important;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		justify-content: center;
		z-index: 999999999;
	}

	.footer_con {
		padding-bottom: 150px;
	}
}


/* 태블릿 가로 - 모바일 플로팅바 크기 축소 */
/* 아이패드 가로 포함 태블릿 / 좁은 PC - 모바일 플로팅바 크기 */
@media screen and (min-width: 769px) and (max-width: 1400px) {
	.mfloating {
		left: 50%;
		width: 430px !important;
		max-width: calc(100vw - 24px);
		transform: translateX(-50%);
		transform-origin: bottom center;
		z-index: 999 !important;
	}

	.mfloating > img {
		display: block;
		width: 100%;
		height: auto;
	}
}

/* 모바일 플로팅보다 개인정보 입력 폼이 위에 보이도록 */
.apply_popup .board_write_form.apply-form {
	position: relative;
	z-index: 1000 !important;
}