/******************************************************************************************
*******************************************************************************************

	메인소개 

*******************************************************************************************	
*******************************************************************************************/
.visual-wrapper {
	box-sizing: border-box;
	background-image: url('/resources/img/main/wave.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: center;
	height: 956px;
	padding-top: 180px;
	position: absolute;
	width: 100%;
	background-origin: content-box;
	animation: waveSway 4s ease-in-out infinite alternate;
	transform-origin: center center;
}

@keyframes waveSway { 0% {transform: translateY(0%) scale(1.0);} 100%{transform:translateY(-2%)scale(1.05); }}

.main-container {
	/* 	background-image: url('/resources/img/main/wave-pattern.svg'); */
	/* 	background-repeat: no-repeat; */
	/* 	background-size: cover; */
	/* 	height: 876px; */
	padding-top: 80px;
	position: relative;
	width: 100%;
}

.main-container .main-area {
	display: flex;
	flex-direction: column;
	height: 876px;
	max-width: 1280px;
	margin: 0 auto;
	opacity: 1;
	gap: 120px;
	padding-top: 140px;
	padding-bottom: 60px;
}

.main-container .main-area .wrap {
	display: flex;
	flex-direction: column;
	height: 486px;
	opacity: 1;
	gap: 28px;
	align-items: center;
}

.main-container .main-area .wrap .wrap_title {
	text-align: center;
}

.main-container .main-area .wrap .wrap_title span {
	font-family: Pretendard;
	font-weight: 700;
	font-style: Bold;
	font-size: 28px;
	leading-trim: NONE;
	line-height: 42px;
	letter-spacing: -0.02em;
	vertical-align: middle;
	color: white;
}

.main-container .main-area .wrap .wrap_content .m_logo {
	display: none;
}

.main-container .main-area .wrap .wrap_content {
	flex-direction: column;
	display: flex;
	height: 332px;
	opacity: 1;
	gap: 44px;
	padding-bottom: 36px;
}

.main-container .main-area .wrap .wrap_content .wrap-text {
	font-family: NanumSquareNeo;
	font-weight: 800;
	font-style: ExtraBold;
	font-size: 68px;
	leading-trim: NONE;
	line-height: 88px;
	letter-spacing: -0.02em;
	text-align: center;
	vertical-align: middle;
	color: white;
}

.main-container .main-area .wrap .wrap_content .wrap-text span {
	color: #00B894;
}

.main-container .main-area .wrap .wrap_content .main-logo {
	width: 921px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 20px 36px;
	gap: 17px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 12px;
}

.main-container .main-area .wrap  .wrap_content .logo1 {
	width: 110px;
	height: 36px;
}

.main-container .main-area .wrap  .wrap_content  .logo2 {
	width: 187px;
	height: 36px;
}

.main-container .main-area .wrap  .wrap_content  .logo3 {
	width: 191px;
	height: 36px;
}

.main-container .main-area .wrap  .wrap_content .logo4 {
	width: 214px;
	height: 36px;
}

.main-container .main-area .wrap .wrap_content .main-logo  span {
	width: 15px;
	height: 27px;
	font-family: 'Play';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 27px;
	letter-spacing: -0.2px;
	color: #FFFFFF;
}

.main-container .main-area .wrap .wrap_footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 8px;
	isolation: isolate;
	width: 160px;
	height: 56px;
	border-radius: 32px;
}

.main-container .main-area .wrap .wrap_footer .wrap_join {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	padding: 12px 18px 12px 24px;
	gap: 6px;
	width: 160px;
	height: 56px;
	background: linear-gradient(180deg, rgba(102, 102, 102, 0.2) 0%,
		rgba(102, 102, 102, 0) 32.69%),
		linear-gradient(180deg, rgba(102, 102, 102, 0) 50%,
		rgba(102, 102, 102, 0.4) 100%),
		linear-gradient(0deg, rgba(29, 29, 29, 0.2), rgba(29, 29, 29, 0.2)),
		#1d1d1d00;
	box-shadow: inset 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.5), inset
		2px 2px 1px -2px #B3B3B3, inset -2px -2px 1px -2px #B3B3B3, inset 0px
		0px 22px rgba(242, 242, 242, 0.5);
	border-radius: 32px;
	
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}

.main-container .main-area .wrap .wrap_footer .wrap_join span {
	font-family: Pretendard;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 30px;
	letter-spacing: -0.02em;
	text-align: center;
	color: white;
	width: 80px;
	height: 30px;
}

.main-container .main-area .wrap .wrap_footer .wrap_join img {
	width: 32px;
	height: 32px;
}

.main-container .main-area .main-scroll {
	display: flex;
	justify-content: center;
}

.main-container .main-area .main-scroll div {
	align-items: center;
	width: 42.46px;
	height: 70px;
	opacity: 1;
	gap: 10px;
	display: flex;
	flex-direction: column;
}

.main-container .main-area .main-scroll .scroll_down .mousetext {
	height: 20px;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: -0.02em;	
	color: rgba(255, 255, 255, 0.6);

}

.main-container .main-area .main-scroll .scroll_down .mouselayout{
	box-sizing: border-box;width: 24px;height: 40px;border: 1px solid #FFFFFF;border-radius: 20px;
	position: relative;  
	overflow: hidden;    
}

.main-container .main-area .main-scroll .scroll_down .mouselayout:before {
    transition: all 0.3s;
    animation: scroll_down 1s ease-in Infinite alternate;
    content: '';
    position: absolute;
    top: 7px;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #fff;
    margin-left: -3px;
    
    
    
    
}

.main-container .main-area .main-scroll div img {
	width: 24px;
	height: 40px;
}

@keyframes scroll_down {
    0% {
        top: 7px;
        opacity: 1;
    }
    100% {
        top: 22px;
        opacity: 0.2;
    }
}


/*************************************************************************************
**************************************************************************************

	혁신사례 
	
**************************************************************************************	
**************************************************************************************/
.main-case {
	width: 100%;
	background: #F3F5F7;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border-bottom: 1px solid #5F6973;
}

.main-case .wrap {
	display: flex;
	gap: 10px;
	margin: 0 auto;
	width: 100%;
}

.main-case .wrap .wrap_content {
	width: 1280px;
	gap: 40px;
	padding-top: 120px;
	padding-bottom: 100px;
	justify-content: center;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 auto;
}

.main-case .wrap .wrap_content .wrap_title {
	width: 1280px;
	height: 102px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 16px;
	align-items: center;
}

.main-case .wrap .wrap_content .wrap_title .title {

	height: 26px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: #00B894;
}

.main-case .wrap .wrap_content .wrap_title .content {
	height: 60px;
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 800;
	font-size: 56px;
	line-height: 60px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: #062921;
}

.wrap_slide {
	overflow: hidden;
	display: block; /* 혹시 flex로 잡혀 있으면 block으로 고정 */
	justify-content: flex-start; /* 부모가 flex여도 왼쪽 정렬 */
	align-items: stretch;
}

.main-case .wrap .wrap_slide {
	overflow: hidden;
	display: block; /* 혹시 flex로 잡혀 있으면 block으로 고정 */
	justify-content: flex-start; /* 부모가 flex여도 왼쪽 정렬 */
	align-items: stretch;
}

.main-case .wrap .wrap_slide .slider-track {
	justify-content: center;
	will-change: transform;
	transition: transform 0.6s ease;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 24px;
	width: 1280px;
	/* 	height: 668.86px; */
	flex: none;
	order: 2;
	align-self: stretch;
	flex-grow: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start; /* 중요: 중앙 정렬 금지 */
	align-items: stretch;
	transform: translateX(0); /* 초기 위치 고정 */
	will-change: transform;
}

.main-case .wrap .wrap_slide {
	position: relative;
	overflow: hidden;
}

.main-case .wrap .wrap_slide .wrap_case {
	flex: 0 0 calc(( 100% - 24px)/2);
	/* 	flex: 0 0 calc((100% - 136px) / 2); */
}

.main-case .wrap .wrap_slide .slider-track .wrap_case {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	padding: 28px 28px 36px;
	gap: 36px;
	width: 572px;
	/* 	max-width:572px; */
	/* 	height: 604.86px; */
	background: #FFFFFF;
	border-radius: 16px !important;
	border: 1px solid white;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case:hover {
	/* 	box-sizing: border-box; */
	/* 	display: flex; */
	/* 	flex-direction: column; */
	/* 	align-items: center; */
	/* 	position: relative; */
	/* 	width: 628px; */
	/* 	max-width: 628px; */
	/* 	height: 668.86px; */
	border: 1px solid #00B894;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_img {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 8px;
	width: 572px;
	/* 	height: 326.86px; */
	background: #F3F5F7;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	border-radius: 8px;
	overflow: hidden;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_img img {
	width: 572px;
	border-radius: 8px;
	height: 326.86px; 
	transition: transform 0.5s ease;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_img:hover img {
	 transform: scale(1.1);
}


.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 0px;
	gap: 12px;
	width: 572px;
	height: 242px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div .case_text
	{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 10px;
	width: 572px;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div .more_info
	{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px 4px;
	width: 36px;
	height: 36px;
	background: #DDE0E4;
	border-radius: 99px;
	flex: none;
	order: 1;
	flex-grow: 0;
	bottom: 0px;
	position: absolute;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div .more_info:hover
	{
	background: linear-gradient(90deg, #00FFC2 0%, #00B894 100%);
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div .more_info img
	{
	width: 24px;
	height: 24px;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div .case_text .title
	{
	height: 68px;
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 800;
	font-size: 22px;
	line-height: 34px;
	align-items: center;
	letter-spacing: -0.02em;
	color: #141E28;
	align-items: flex-start;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 100%;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div .case_text .title a
	{
	height: 68px;
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 800;
	font-size: 22px;
	line-height: 34px;
	align-items: center;
	letter-spacing: -0.02em;
	color: #141E28;
	align-items: flex-start;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 100%;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div .case_text .content
	{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 4px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div .case_text .content ul
	{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px 0px 0px 4px;
	gap: 10px;
}

.main-case .wrap .wrap_slide .slider-track .wrap_case .case_div .case_text .content ul li
	{
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #46505A;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 100%;
	text-overflow: ellipsis;
}

.main-case .wrap .wrap_progress {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 36px;
	display: flex;
	gap: 30px;
	justify-content: center;
	align-items: center;
}

.main-case .wrap .wrap_progress .slider-progress {
	width: 1143px;
	height: 2px;
	opacity: 1;
	border-radius: 99px;
	background: #E1E6EB;
	overflow: hidden;
}

.main-case .wrap .wrap_progress .slider-progress .slider-progress-fill {
	width: 0%;
	transition: width 0.3s ease;
	height: 2px;
	background: #141E28;
	border-radius: 99px;
	flex: none;
	order: 2;
	flex-grow: 0;
	z-index: 2;
}

.main-case .wrap .wrap_progress .slider-controls {
	flex-direction: row;
	align-items: center;
	padding: 0px;
	width: 107px;
	height: 32px;
	flex: none;
	order: 1;
	flex-grow: 0;
	z-index: 1;
	gap: 6px;
	display: flex;
	justify-content: space-between;
}

.main-case .wrap .wrap_progress .slider-controls  .btn_group {
	/* 	display: flex; */
	/* 	flex-direction: row; */
	/* 	align-items: center; */
	/* 	padding: 0px; */
	/* 	width: 69px; */
	/* 	height: 32px; */
	/* 	filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08)); */
	/* arrow_btn */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	width: 69px;
	height: 32px;
	filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08));
	/* 내부 오토레이아웃 */
	flex: none;
	order: 0;
	flex-grow: 0;
}

.main-case .wrap .wrap_progress .slider-controls  .btn_group .slider-btn-l
	{
	width: 34px;
	/* 	box-shadow: 0px 2px 4px 0px #00000014; */
	height: 32px;
	opacity: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0px;
	border-top-left-radius: 99px;
	border-bottom-left-radius: 99px;
	background: linear-gradient(0deg, #F3F5F7, #F3F5F7);
}

.main-case .wrap .wrap_progress .slider-controls  .btn_group .slider-btn-l img
	{
	width: 24px;
	height: 24px;
	left: calc(50% - 24px/ 2 + 1px);
	top: calc(50% - 24px/ 2 + 0.14px);
}

.main-case .wrap .wrap_progress .slider-controls  .btn_group .slider-btn-r
	{
	border: 0px;
	/* 	box-shadow: 0px 2px 4px 0px #00000014; */
	width: 34px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	border-top-right-radius: 99px;
	border-bottom-right-radius: 99px;
	background: linear-gradient(0deg, #F3F5F7, #F3F5F7);
}

.main-case .wrap .wrap_progress .slider-controls  .btn_group .slider-btn-r img
	{
	width: 24px;
	height: 24px;
	left: calc(50% - 24px/ 2 + 1px);
	top: calc(50% - 24px/ 2 + 0.14px);
}

.main-case .wrap .wrap_progress .slider-controls .play_btn {
	width: 32px;
	height: 32px;
	opacity: 1;
	border-radius: 99px;
	background: linear-gradient(0deg, #F3F5F7, #F3F5F7);
	box-shadow: 0px 2px 4px 0px #00000014;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.main-case .wrap .wrap_progress .slider-controls .play_btn .slider-btn-t
	{
	background: linear-gradient(0deg, #F3F5F7, #F3F5F7);
	width: 20px;
	border: 0px;
	height: 20px;
	left: calc(50% - 20px/ 2);
	top: calc(50% - 20px/ 2 + 0.14px);
	margin: 0 auto;
	width: 20px;
	position: absolute;
	cursor: pointer;
}

.main-case .wrap .wrap_progress .slider-controls .play_btn .slider-btn-t img
	{
	width: 20px;
	height: 20px;
}

.slider-btn:disabled {
	opacity: 0.5;
	cursor: default;
}

.slider-divider {
	width: 1px;
	height: 32px;
	background: #cfd6dd;
}

/***************************************************************************
***************************************************************************

모집분야 안내

****************************************************************************
****************************************************************************/
.main-field {
	width: 100%;
	/* 	height: 1376px; */
	opacity: 1;
	background-image: url('/resources/img/main/field_bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: luminosity, normal;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
}

/* 패럴럭스 적용 버전 */
.main-field.has-parallax {
	position: relative;
	background-image: none;
	overflow: hidden;
	--parallax-y: 0px;
}

/* 배경 레이어를 가상요소로 분리 */
.main-field.has-parallax::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url('/resources/img/main/field_bg.png');
	/* 기존 소스 재사용 */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	will-change: transform; /* GPU 가속 힌트 */
	transform: translate3d(0, var(--parallax-y), 0);
	z-index: 0;
}

/* 내용이 배경 위로 올라오도록 */
.main-field.has-parallax>.wrap {
	position: relative;
	z-index: 1;
}

.main-field .wrap {
	margin: 0 auto;
	width: 1280px;
	gap: 46px;
	justify-content: center;
	flex-direction: column;
	display: flex;
	align-items: flex-end;
	padding: 120px 0px 100px;
}

.main-field .wrap .wrap_title {
	width: 100%;
	height: 102px;
	gap: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0px;
}

.wrap .wrap_title .title {
	color: #00B894;
	font-family: Pretendard;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 26px;
	letter-spacing: -0.02em;
	vertical-align: middle;
}

.wrap .wrap_title .content {
	font-family: NanumSquareNeo;
	font-weight: 800;
	font-style: ExtraBold;
	font-size: 56px;
	leading-trim: NONE;
	line-height: 60px;
	letter-spacing: -0.02em;
	vertical-align: middle;
	color: #FFFFFF;
}

.main-field .wrap .wrap_field {
	width: 100%;
	/* 	height: 1008px; */
	gap: 24px;
	display: flex;
	flex-wrap: wrap;
	padding: 0px;
	justify-content: flex-start;
}

.main-field .wrap .wrap_field .field {
	box-sizing: border-box;
	height: 320px;
	opacity: 1;
	gap: 36px;
	padding-top: 28px;
	padding-right: 32px;
	padding-bottom: 28px;
	padding-left: 48px;
	display: flex;
	background: #FFFFFF;
	border-radius: 16px;
	align-items: center;
	flex: 0 0 calc(( 100% - 24px)/2);
}

.main-field .wrap .wrap_field .field .img_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 8px;
	width: 100px;
	height: 100px;
}

.main-field .wrap .wrap_field .field .img_box img {
	width: 100px;
	height: 100px;
}

.main-field .wrap .wrap_field .field .img_box img.spin {
	animation: spinY 2s linear 1;
}

@keyframes spinY {from { transform:rotateY(0deg);}

to {
	transform: rotateY(720deg); /* 720deg 두 바퀴 → 1440deg 네 바퀴 */
}

}
.main-field .wrap .wrap_field .field .txt_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 10px;
	width: 412px;
}

.main-field .wrap .wrap_field .field .txt_box .title {
	width: 100%;
	height: 36px;
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 900;
	font-size: 24px;
	line-height: 36px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: #141E28;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.main-field .wrap .wrap_field .field .txt_box .content {
	/* sub_txt */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 4px;
	width: 100%;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}

.main-field .wrap .wrap_field .field .txt_box .content .text {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px 0px 0px 4px;
	gap: 10px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
	font-family: Pretendard;
	font-weight: 500;
	font-style: Medium;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #46505A;
}

.main-field .wrap .wrap_field .field .txt_box .content .category {
	/* sub_tit */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px 4px;
	gap: 10px;
	isolation: isolate;
	height: 28px;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 0;
	flex-grow: 0;
	height: 28px;
}

.main-field .wrap .wrap_field .field .txt_box .content .category span {
	/* t */
	background: #00FFC233;
	height: 12px;
	display: flex;
	align-items: center;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	/* 상자 높이와 동일 또는 144% */
	letter-spacing: -0.02em;
	/* gray_c / 800 */
	color: #2D3741;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 0;
	flex-grow: 0;
	z-index: 0;
}

/*************************************************************************************
**************************************************************************************

지원혜택 안내

**************************************************************************************
*************************************************************************************/
.main-benefit {
	width: 100%;
	background: #062921;
	opacity: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
}

.main-benefit .wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 120px 0px 100px;
	gap: 46px;
	width: 1280px;
	max-width: 1280px;
	flex: none;
	order: 0;
	flex-grow: 0;
}

.main-benefit .wrap .wrap_title {
	width: 100%;
	height: 102px;
	angle: 0 deg;
	opacity: 1;
	gap: 16px;
	/* tit */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 16px;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.main-benefit .wrap .wrap_field {
	width: 100%;
	gap: 24px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0px;
}

.main-benefit .wrap .wrap_field .field {
	/* Liquid button_li */
	/* 오토레이아웃 */
	gap: 8px;
	/* Liquid button */
	box-sizing: border-box;
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 40px 24px 24px;
	width: 410.67px;
	height: 120px;
	
	
	background: linear-gradient(180deg, rgba(102, 102, 102, 0.2) 0%,
		rgba(102, 102, 102, 0) 32.69%),
		linear-gradient(180deg, rgba(102, 102, 102, 0) 50%,
		rgba(102, 102, 102, 0.4) 100%),
		linear-gradient(0deg, rgba(29, 29, 29, 0.2), rgba(29, 29, 29, 0.2)),
		#1D1D1D;
	mix-blend-mode: screen;
	box-shadow: inset 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.5), inset
		2px 2px 1px -2px #B3B3B3, inset -2px -2px 1px -2px #B3B3B3, inset 0px
		0px 22px rgba(242, 242, 242, 0.5);
	border-radius: 16px;
	position: relative;
}

.main-benefit .wrap .wrap_field .field .number {
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	padding: 6px 4px 0px;
	position: absolute;
	width: 32px;
	height: 32px;
	left: 20px;
	top: 0px;
	background: linear-gradient(90deg, #00FFC2 0%, #00B894 100%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 99px 99px;
}

.main-benefit .wrap .wrap_field .field .number  span {
	width: 24px;
	height: 20px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	/* 상자 높이와 동일 또는 111% */
	text-align: center;
	letter-spacing: -0.02em;
	color: rgba(0, 0, 0, 0.6);
}

.main-benefit .wrap .wrap_field .field .text {
	/* txt_box */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 8px;
	width: 362.67px;
	height: 56px;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.main-benefit .wrap .wrap_field .field .text  span {
	/* tit */
	height: 56px;
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 28px;
	/* 또는 156% */
	letter-spacing: -0.02em;
	/* white */
	color: #FFFFFF;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.main-benefit .wrap .wrap_field .field:hover {
	box-shadow: inset 3px 3px 0.5px -3.5px rgba(255, 255, 255, 1), inset 2px
		2px 1px -2px #B3B3B3, inset -2px -2px 1px -2px #B3B3B3, inset 0px 0px
		22px rgba(242, 242, 242, 1);
}

@media ( prefers-reduced-motion : reduce) {
	.main-field .wrap .wrap_field .field, .main-field .wrap .wrap_field .field.in-view
		{
		transition: none !important;
		transform: none !important;
		opacity: 1 !important;
	}
}

/* 초기 상태: 안 보이게 & 좌/우로 대기 */
.main-field .wrap .wrap_field .field {
	opacity: 0;
	transition: transform 700ms ease, opacity 700ms ease;
	will-change: transform, opacity;
}

/* 홀수: 왼쪽에서, 짝수: 오른쪽에서 */
.main-field .wrap .wrap_field .field.from-left {
	transform: translateX(-60px);
}

.main-field .wrap .wrap_field .field.from-right {
	transform: translateX(60px);
}

/* 뷰포트 안에 들어오면 중앙 정렬 + 보이기 */
.main-field .wrap .wrap_field .field.in-view {
	opacity: 1;
	transform: translateX(0);
}

/*************************************************************************************
**************************************************************************************

최신소식

**************************************************************************************
*************************************************************************************/
.main-news {
	width: 100%;
	background: #05211A;
	opacity: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
}

.main-news .wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 120px 0px 100px;
	gap: 46px;
	width: 1280px;
	max-width: 1280px;
	flex: none;
	order: 0;
	flex-grow: 0;
}

.main-news .wrap .wrap_title {
	width: 100%;
	height: 102px;
	angle: 0 deg;
	opacity: 1;
	gap: 16px;
	/* tit */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 16px;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.main-news .wrap .wrap_field {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 24px;
	width: 100%;
	height: 300.6px;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.main-news .wrap .wrap_field ul {
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	padding: 0px;
	gap: 24px;
	width: 100%;
	height: 300.6px;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	height: 300.6px;
}

.main-news .wrap .wrap_field ul li {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0px;
	gap: 24px;
	width: 23.59%;
	height: 300.6px;
	background: #FFFFFF;
	border: 1px solid rgba(0, 184, 148, 0.6);
	box-shadow: 0px 0px 20px rgba(0, 184, 148, 0.6);
	overflow: hidden;
	border-radius: 16px;
	position: relative;
}
.main-news .wrap .wrap_field ul li .more_info.hides {
	display: none;
}

.main-news .wrap .wrap_field ul li:hover .more_info {
    display: flex !important;
}

.main-news .wrap .wrap_field ul li .more_info {
	background: linear-gradient(90deg, #00FFC2 0%, #00B894 100%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	margin-top:36px;
	right:11px;
	position:absolute;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px 4px;
	width: 36px;
	height: 36px;
	border-radius: 99px;
}

.main-news .wrap .wrap_field ul li:hover {
	
border: 1px solid rgba(0, 184, 148, 0.9);
box-shadow: 0px 0px 30px rgba(0, 184, 148, 0.8);
	
}

.main-news .wrap .wrap_field .img {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 8px;
	width: 100%;
	height: 170.6px;
	overflow: hidden;
	
}
.main-news .wrap .wrap_field .img:hover img {
		  transform: scale(1.1);
}
.main-news .wrap .wrap_field .img img {
	
	box-sizing: border-box;
	width: 100%;
	height: 168.6px;
	background: #F9FAFB;
	border-bottom: 1px solid #E1E6EB;
	border-top-left-radius:16px;
	border-top-right-radius:16px;
	transition: transform 0.5s ease;
}

.main-news .wrap .wrap_field ul li .text {
	/* txt_box */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px 20px 20px;
	gap: 6px;
	width: 100%;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}

.main-news .wrap .wrap_field ul li .text .title a {
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 28px;
	/* 또는 156% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	/* gray_c / 900 */
	color: #141E28;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main-news .wrap .wrap_field ul li .text .title {
	width: 262px;
	height: 56px;
	font-family: 'NanumSquareNeo';
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 28px;
	/* 또는 156% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	/* gray_c / 900 */
	color: #141E28;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main-news .wrap .wrap_field ul li .text .date {
	/* date */
	width: 262px;
	height: 24px;
	/* subtitle/subtit 1 | 16px */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	/* 상자 높이와 동일 또는 150% */
	letter-spacing: -0.02em;
	/* gray_c / 400 */
	color: #919BA5;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}

/* arrow_btn */
.main-news .wrap .wrap_field ul li .arrow {
	/* 오토레이아웃 */
	display: none;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px 4px;
	position: absolute;
	width: 28.03px;
	height: 36px;
	right: 11px;
	top: 151px;
	background: linear-gradient(90deg, #00FFC2 0%, #00B894 100%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	border-radius: 99px;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 2;
	flex-grow: 0;
	z-index: 2;
}

.main-news .wrap .wrap_field ul li:hover .arrow {
	display: flex;
}

.main-news .wrap .wrap_field ul li .arrow img {
	height: 24px;
	width: 24px;
}

.main-news .wrap .wrap_btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-news .wrap .wrap_btn .wrap_more {
	/* btn_list */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 11px 46px 11px 52px;
	gap: 4px;
	width: 170px;
	height: 48px;
	background: #00B894;
	border-radius: 99px;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 2;
	flex-grow: 0;
}

.main-news .wrap .wrap_btn .wrap_more span {
	/* 더 보기 */
	height: 26px;
	/* button/btn 1 | 18px */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	/* 상자 높이와 동일 또는 144% */
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	/* white */
	color: #FFFFFF;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	/* 내부 오토레이아웃 */
	flex: none;
	order: 0;
	flex-grow: 0;
}

.main-news .wrap .wrap_btn .wrap_more img {
	width: 18px;
	height: 18px;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 1;
	flex-grow: 0;
}




.area {
	/* cnt-main */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	width: 100%;
	/* white */
	background: #FFFFFF;
	/* 내부 오토레이아웃 */
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}

.area .wrap {
	/* inner */
	/* 오토레이아웃 */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px 0px 100px;
	gap: 60px;
	width: 1280px;
	max-width: 1280px;
}
.area .wrap .email_content {
	display: flex; flex-direction: column; align-items: flex-start; padding: 0px 120px; width: 100%;
}
.area .wrap .email_content .inner-content{
	display: flex;flex-direction: column;align-items: center;padding: 40px 50px 0px;gap: 50px;width: 1040px;
}
.area .wrap .email_content .inner-content .email-title{
	width: 100%;height: 62px;font-family: 'Pretendard';font-style: normal;font-weight: 700;font-size: 50px;line-height: 62px;text-align: center;letter-spacing: -0.02em;color: #141E28;
}


.area .wrap .title {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 40px 0px 0px;
	gap: 4px;
	width: 100%;
}

.area .wrap .title .home {
	width: 13px;
	height: 21px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.02em;
	color: #919BA5;
}

.area .wrap .title img {
	width: 18px;
	height: 18px;
}

.area .wrap .title .bid_text {
	/* 모집공고 */
	height: 21px;
	/* subtitle/subtit 2 | 14px */
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	/* 상자 높이와 동일 또는 150% */
	letter-spacing: -0.02em;
	/* gray_c / 700 */
	color: #46505A;
}

.area .wrap .content{
	display: flex; flex-direction: column; align-items: flex-start; padding: 0px 120px; width: 100%;
}

.area .wrap .content .inner-content .inner-title{
	width: 100%; height: 62px; font-family: 'Pretendard'; font-style: normal; font-weight: 700; font-size: 50px; line-height: 62px; text-align: center; letter-spacing: -0.02em; color: #141E28;
}

.area .wrap .content .inner-content .select-div{
	display: flex; flex-direction: column; position: relative; justify-content: flex-end; align-items: flex-end; padding: 10px 0px 0px; gap: 8px; width: 100%; height: 54px;
}
.area .wrap .content .inner-content .select-div .select-tag{
	box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px 20px; gap: 10px; height: 44px; /* gray_c / 200 */ border: 1px solid #C7CDD4; border-radius: 99px;
	width:225px;
}
	
.price-lay{
	display: flex; flex-direction: column; align-items: center; padding: 50px 10px;  width: 100%;
}