@charset "utf-8";

/* 회원가입 이메일 자동완성 */
.autocomplete-suggestions {
	border: 1px solid #ccc;
	max-height: 150px;
	overflow-y: auto;
	position: relative;
	/* 	position: absolute;  */
	background-color: white;
	z-index: 1000;
	width: calc(100% - 22px);
}


.gray_line {
	background: #888;
	width: 100%;
	height: 1px;
	margin: 36px 0;
}

.back_btn {
	cursor: pointer;
}


/* 협회소개 */
.sub_tab_top {
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	background: #FAFAFA;


	/* height: 60px; */
	width: 100%;
	/* position: sticky;
	top: 155px;
	left: 0; */
	z-index: 9999;
	background: #fff;
}

.sub_tab_top .sub_tab {
	width: calc(100% / 5);
	height: 60px;
	color: #888;
	font-size: clamp(16px, 3.2vw, 24px) !important;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 24px */
	letter-spacing: -0.24px;
	cursor: pointer;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sub_tab_top.four .sub_tab {
	width: calc(100% / 6);
}

.sub_tab_top.six .sub_tab {
	width: calc(100% / 6);
}

.sub_tab_top.seven .sub_tab {
	width: calc(100% / 7);
}


.sub_tab.active {
	/*border-radius: 5px 0 0 0;*/
	border-bottom: 2px solid #004195;
	background: #E9ECF1;

	color: #004195 !important;
	font-weight: 500 !important;
}


.sub_tab_top .inner {
	align-items: center;
	/*justify-content: center;*/
	height: 100%;
}

.tab_con .con {
	display: none;
}

.tab_con .con.active {
	display: block;
}

.sub_visual_box {
	width: 100%;
	height: 350px;
	margin-top: 155px;
}

.sub_visual_box .inner {
	align-items: center;
	height: 100%;
}

.sub_tit_box {
	padding: 72px 0;
}

.right_img_box .left_box {
	flex: 1 0 50%;
	/* width:  calc(100% - 809px); */
	align-items: center;
	gap: 36px;

}

.right_img_box {
	overflow-x: hidden;
	background: #F6F7F8;
}

.right_img_box .right_box {
	flex-shrink: 0;
	width: calc(50% + (100vw - 1400px) / 2);
	margin-right: calc((1400px - 100vw) / 2);
	max-width: 809px;
}

.right_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blue_txt {
	color: #004195 !important;
}

.h150 {
	line-height: 150% !important;
}

.blue_bar {
	width: 36px;
	height: 2px;
	background: #004195;
	margin: 18px 0;
}

.human_img_box {
	/*spect-ratio: 1 / 1.3;*/
	max-width: 407px;
}

.human_img_box img {
	width: 100%;
	height: 100%;
}

.sub_section {
	padding: 72px 0;
}


/* 협회소개 */
.blue_bar_tit {
	color: #004195;
	font-weight: 700;
	border-left: 3px solid #004195;
	padding-left: 9px;
	padding-bottom: 3px;

	line-height: 130%;
}

.p_14 {
	color: #222;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.p_20 {
	color: #222;
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	line-height: 100%;
	/* 20px */
	letter-spacing: 0.05px;
}

.history_con_box {
	flex-direction: column;
	gap: 36px;
	position: relative;
}

.his_con {
	align-items: center;
}

.his_year {
	width: 140px;
	position: relative;
}

.his_year::after {
	background: #F6F7F8;
	width: 6px;
	height: 6px;
	content: '';
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translateY(-50%);
	border: 3px solid #004195;
}

.history_con_box::before {
	background: #888;
	width: 1px;
	height: 87%;
	content: '';
	position: absolute;
	top: 50%;
	left: 153.5px;
	transform: translateY(-50%);
}

.his_info {
	padding-left: 72px;
}

/* 찾아오시는 길 */
.map_info_box ul {
	flex-direction: column;
	gap: 18px;
}

.map_info_box ul li {
	gap: 18px;
	align-items: flex-start;
	flex-direction: column;
}

.map_info_tit {
	align-items: center;
	gap: 9px;
}

.map_info_tit span {
	width: 100%;
	display: inline-block;
}

.line_p {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	text-transform: uppercase;
}

.map_info_tit img {
	width: 26px;
	height: 25px;
}

.sub_map_box,
.root_daum_roughmap {
	width: 100% !important;
}

.root_daum_roughmap .cont .section.lst {
	display: none;
}

.right_box.big_right_box {
	max-width: 960px;
}


.list_flex_box.two ul {
	gap: 18px;
	align-items: stretch;
}

.list_flex_box.two ul li {
	width: calc(50% - 9px);
}

.gita_business_box {
	flex-direction: column;
	gap: 18px;
}

.gita_txt_box {
	align-items: center;
	gap: 9px;
}

.gita_img_box {
	aspect-ratio: 1 / 0.6656;
	max-width: 100%;
}

.gita_img_box img {
	width: 100%;
	height: 100%;
}

@media all and (max-width:1400px) {

	.right_img_box {
		padding: 30px 0;
	}

	.right_img_box .left_box {
		flex: unset;
	}

	.right_img_box .right_box {
		margin-right: unset;
		margin: 0 auto;
		width: 100%;
	}

	.right_img_box .inner {
		gap: 60px;
		justify-content: center;
	}

	/* .human_img_box {
		margin: 0 auto;
	} */
}


@media all and (max-width:1080px) {
	.sub_tab_top.six .sub_tab {
		width: calc(100% / 3);
		font-size: 16px;
		height: 45px;
	}

	.sub_tab_top.seven .sub_tab {
		width: calc(100% / 3);
		font-size: 16px;
		height: 45px;
	}

	.sub_tab_top.four .sub_tab {
		width: calc(100% / 4);
		font-size: 16px !important;
		height: 45px;
	}
}


@media all and (max-width:1024px) {
	/* .sub_tab_top {
		top: 70px;
	} */

	.sub_visual_box {
		height: 400px;
		margin-top: 108px;
	}

}

@media all and (max-width:768px) {
	.sub_section {
		padding: 36px 0;
	}

	.blue_tit_txt_box br {
		display: none;
	}

	.his_info {
		padding-left: 50px;
	}

	.map_info_box ul li {
		flex-direction: column;
		align-items: flex-start;
	}

	.list_flex_box.two ul li {
		width: 100%;
	}

}


/* 주요사업 */

/* 산림교육 */
.num_list_box ul {
	align-items: stretch;
}

.num_list_box ul li {
	width: 20%;
	border-right: 1px solid #DEDEDE;
	padding: 18px 16px 36px 16px;

}

.num_list_box ul li .p_20 {
	margin-top: 9px;
}

.num_list_number {
	color: #E9ECF1;
	font-family: Pretendard;
	font-size: 62px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	margin-bottom: 18px;
}


.blue_tit_table {
	overflow: auto;
	width: 100%;
}

.blue_tit_table table {
	white-space: nowrap;
	overflow: auto;
	width: 100%;
}

.blue_tit_table table th {
	border: 1px solid #DEDEDE;
	background: #E9ECF1;
	height: 60px;
	padding: 10px 30px;

	color: #222;
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.blue_tit_table table td {
	border: 1px solid #DEDEDE;
	background: #FAFAFA;
	height: 60px;
	padding: 10px 30px;

	color: #888;
	text-align: start;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.blue_tit_table table td span {
	color: #004195;
	font-weight: 500;
}

.samlim_edu ul {
	align-items: center;
	gap: 18px;
	margin-top: 18px;
}

.samlim_edu ul li {
	align-items: center;
	gap: 9px;
}


.samlim_list {
	gap: 18px;
	align-items: stretch;
}

.samlim_list li {
	flex-direction: column;
	justify-content: space-between;
	padding: 36px 18px 18px 18px;
	border-radius: 5px;
	background: #F6F7F8;
	min-height: 438px;
}

.sanlim_list_img_box {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.samlim_list li {
	width: calc(25% - 85px);
}

.dot {
	position: relative;
	padding-left: 10px;
}

.dot:after {
	content: '·';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 22px;
}

.sanlim_list_img_box img {
	width: 100%;
}


@media all and (max-width:1000px) {
	.num_list_box ul li {
		width: 33.333%;

	}
}

@media all and (max-width:768px) {
	.num_list_box ul li {
		width: 50%;

	}
}



/* 엔지니어링 */

.engin_list_box {
	flex-direction: column;
	gap: 72px;
}

.engin_list_con {
	gap: 36px;
	align-items: flex-start;
}

.side_box.left {
	width: calc(100% - 682px - 36px);
}

.side_box.right {
	width: 682px;
	aspect-ratio: 3 / 2;
}

.side_box.right img {
	width: 100%;
	height: 100%;
}

.engin_small_list {
	width: 100%;
	align-items: stretch;
	margin-top: 18px;
}

.engin_small_list li {
	width: 50%;
	padding: 18px;

	display: flex;
	flex-direction: column;
	gap: 9px;
}

.engin_small_list li .flex {
	align-items: center;
	gap: 9px;
}

.reverse {
	flex-direction: row-reverse !important;
}

.new_login_wrapper {
	margin-top: 230px;
	margin-bottom: 120px;
}


@media all and (max-width:1400px) {
	.engin_list_con .side_box.left {
		width: 100%;

	}

	.engin_list_con {
		justify-content: center;
	}
}

@media all and (max-width:768px) {

	.engin_list_con .side_box.right,
	.engin_small_list li {
		width: 100%;
	}

}



/* 회원가입 안내 */
.member_blue_list {
	margin-top: 18px;
	align-items: stretch;
	gap: 9px;
}

.member_blue_list li {
	border-radius: 4px;
	background: #004195 100%;
	width: 160px;
	height: 48px;
	color: #FAFAFA;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 5.4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mt18 {
	margin-top: 18px !important;
}

.mt9 {
	margin-top: 9px !important;
}




/* 교육접수 */
.application_title {
	color: #222;
	font-family: "Noto Sans KR";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;

	border-bottom: 1px solid #888;
	padding-bottom: 9px;
}


.login_tit01 {
	color: #222;
	font-family: Pretendard;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.gray_input {
	background: #E9E9E9;
}

/* 생년월일 */
.login_input_form_box01.birth-box {
	display: flex;
	gap: 8px;
	padding: 0;
	border: none;
	background: none;
	height: auto;
}


.login_input_form_box01.birth-box .inputTxt,
.login_input_form_box01.birth-box .inputMonth {
	flex: 1;
	height: 55px;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	background-color: #f9f9f9;
	font-size: 17px;
	font-weight: 400;
	padding: 0 12px;
	box-sizing: border-box;
}


.login_input_form_box01.birth-box .inputMonth {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M2 4l4 4 4-4' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 12px;
	outline: 0;
}

.login_label_tit01 {
	color: #222;
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.submit_btn_group {
	align-items: center;
	gap: 9px;
}

.submit_btn_group div {
	width: calc(50% - 4.5px);
}

.cancel_btn a {
	border-radius: 5px;
	border: 1px solid #DEDEDE;
	background: #FAFAFA;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	color: #888;
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 40px;
}

a.login_chk_btn01,
.login_chk_btn01 {
	color: #FAFAFA;
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.new_login_wrapper {
	max-width: 900px;
	padding: 72px 144px;
}


/* 완료 테이블 컨테이너 */
.kv_new {
	/* border: 1px solid #e7e7e7; */
	border-right: 1px solid #e7e7e7;
	overflow: hidden;
	margin-top: 18px;
}

.kv_row_new {
	display: grid;
	grid-template-columns: 100px 1fr 100px 1fr;
}

.kv_row_new.two {
	grid-template-columns: 100px 1fr;
}

.kv_row_new>.th_new,
.kv_row_new>.td_new {
	padding: 4px 8px;
	height: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 0.5px solid #DEDEDE;
	border-left: 0.5px solid #DEDEDE;
	box-sizing: border-box;
}

.kv_row_new>.th_new {
	background: #F6F7F8;
	color: #222;
	font-family: "Noto Sans KR";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.kv_row_new>.td_new {
	background: #fff;
	color: #8C8C8C;
	font-family: "Noto Sans KR";
	font-size: 14px;
	font-style: normal;
	font-weight: 350;
	line-height: normal;
}

.kv_row_new:first-child>.th_new,
.kv_row_new:first-child>.td_new {
	border-top: none;
}

/* .kv_row_new>.th_new {
	border-left: none;
} */

.login_tit01.blue_tit_le {
	color: #004195;
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 9px;
}

.application_title.flex {
	align-items: center;
	gap: 9px;
	color: #222;
	font-family: "Noto Sans KR";
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	border: unset;
	padding: unset;
}

.edu_cert_box .kv_new {
	border-top: 2px solid #004195;
	border-bottom: 2px solid #004195;
	margin-top: 9px;
}

.edu_cert_box .kv_row_new>.th_new {
	color: #222;
	font-family: "Noto Sans KR";
	font-size: 8px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	height: 22px;
}

.edu_cert_box .kv_row_new>.td_new {
	color: #8C8C8C;
	font-family: "Noto Sans KR";
	font-size: 8px;
	font-style: normal;
	font-weight: 350;
	line-height: normal;
	height: 22px;
}

.cert_txt_box {
	flex-direction: column;
	gap: 18px;
	align-items: center;
	justify-content: center;
}

.cert_txt_box p {
	color: #222;
	font-family: "Noto Sans KR";
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.cert_txt_box span {
	color: #8C8C8C;
	font-family: "Noto Sans KR";
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.cert_txt_box h4 {
	color: #222;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-top: 18px;
}

/* 5칸: th th td th td */
.kv_row_new.five {
	grid-template-columns: 100px 60px 1fr 60px 1fr;
}


.new_date_td {
	min-width: 265px;
}

.new_table_section span,
.new_table_section div {
	color: #222;
	leading-trim: both;
	text-edge: cap;
	font-family: Pretendard;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}


/* 스코프: 전체를 .new_table_section로 감쌈 */
.new_table_section .recruitment_table01 .box {
	display: flex;
	align-items: center;
	gap: 8px 16px;
	padding: 10px 12px;
	min-height: 50px;
	height: auto !important;
	flex-wrap: wrap !important;
	/* 고정 nowrap 무효화 */
}

/* 좌측 번호/이미지 */
.new_table_section .recruitment_table01 .num_box002 {
	flex: 0 0 auto;
}

.new_table_section .recruitment_table01 .notice_img_box {
	flex: 0 0 88px;
}

/* 본문 컨테이너 */
.new_table_section .noice_board_alt_box {
	display: flex;
	align-items: center;
	gap: 8px 16px;
	flex: 1 1 auto;
	flex-wrap: wrap;
}

/* 제목 영역(회차+제목) */
.new_table_section .recruitment_table01 .tit {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1 1 clamp(260px, 40%, 560px);
	min-width: 240px;
}

.new_table_section .cha_num {
	flex: 0 0 auto;
	width: auto !important;
	display: inline-block;
}

.new_table_section .recruitment_table01 .title_value {
	flex: 1 1 28ch;
	min-width: 16ch;
	width: auto !important;
	display: inline-block;
}

/* 날짜 2칸 */
.new_table_section .recruitment_table01 .new_date_td {
	flex: 1 1 180px;
	min-width: 160px;
	text-align: center;
}

/* 상태/구분 박스 */
.new_table_section .recruitment_table01 .date_box {
	flex: 0 1 120px;
	min-width: 110px;
	justify-content: center;
	display: flex;
	align-items: center;
	gap: 4px;
	max-width: unset !important;
	min-width: unset !important;
	/* 기존 150px 무효화 */
}

.new_table_section .recruitment_table01 .views {
	flex: 0 0 84px;
	display: flex;
	align-items: center;
	gap: 4px;
}

/* 기존 고정폭 규칙 무효화 */
.new_table_section .recruitment_table01 .box .date_box {
	max-width: unset;
	min-width: unset;
}

.new_table_section .recruitment_table01 .title_value {
	width: auto;
}

.new_table_section .cha_num {
	width: auto;
}

/* 리스트 모드 보정 */
.new_table_section .recruitment_table01.change_box01.list_mode .box .tit,
.new_table_section .recruitment_table01 .box.review .left_alt_box {
	width: 100%;
	max-width: unset !important;
}

.new_table_section .recruitment_table01.change_box01.list_mode .noice_board_alt_box .order4 {
	order: 4;
}

.application_table_wrapper {
	overflow-x: auto;
}

.appli_table {
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	min-width: 1200px;
}

.appli_table thead tr th {
	background: #E9ECF1;
	color: #222;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 18px 5px;
}

.appli_table tbody tr td {
	color: #222;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	padding: 18px 5px;
	border-bottom: 1px solid #DEDEDE;
}

.row_link {
	cursor: pointer
}


.application_status {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
}

.status_circle {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
	aspect-ratio: 1/1;
	border-radius: 999px;
	background-color: #D9D9D9;
}

.status_circle.appli.complete {
	background-color: #63D726;
}

.status_circle.appli.cancel {
	background-color: #FFDA43;
}

.status_circle.appli.pye {
	background-color: #FF3B3B;
}

.status_circle.edu.ing {
	background-color: #63D726;
}

.status_circle.edu.complete {
	background-color: #227BFF;
}

.status_circle.edu.not {
	background-color: #FFDA43;
}

.new_table_section .login_form_flex_box01 select {
	border-radius: 5px;
	border: 1px solid #DEDEDE;
	background-color: #fff;
}

.new_table_section .program_search_box01 {
	border-radius: 5px;
	border: 1px solid #DEDEDE;
	background-color: #fff;
}

.read_btn_group {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
}

.read_btn_group a {
	border-radius: 5px;
	background: #E9E9E9;
	width: 150px;
	height: 40px;
	padding: 0 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #8C8C8C;
	font-family: "Noto Sans KR";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.read_btn_group a.active {
	background: #004195;
	color: #FAFAFA;
}

.recruitment_detail_top_box.flex {
	align-items: center;
	justify-content: space-between;
}

.recruitment_detail_top_box {
	border-bottom: 1px solid #222;
}

.edu_info_tit {
	color: #222;
	font-family: Pretendard;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}



.edu_edu_detail_con {
	width: 100%;
	gap: 36px;
}

.edu_info_line {
	width: 50%;
	border-bottom: 1px solid #DEDEDE;
	height: 50px;
}

.edu_info_txt {
	border-top: 1px solid #DEDEDE;
}

.edu_detail_tit::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -18px;
	width: 1px;
	height: 16px;
	background-color: #222;
}

.edu_detail_tit {
	position: relative;
	align-items: center;
	justify-content: space-between;
	width: 100px;
}

.edu_detail_tit span {
	color: #222;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.edu_detail_txt {
	color: #8C8C8C;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;

}

@media all and (max-width:1000px) {
	.edu_info_line {
		width: 100%;
	}

	.recruitment_detail_top_box.flex {
		flex-direction: column;
		align-items: unset;
		gap: 10px;
	}

	.read_btn_group {
		justify-content: end;
	}
}

.programCon.programCon_custom01 {
	padding-bottom: 60px;
}



/* 회원정보 */
#memberForm {
	display: block
}

#memberForm .row {
	display: flex;
	border-bottom: 1px solid #E6E6E6
}

#memberForm .row:first-child {
	border-top: 1px solid #E6E6E6
}

#memberForm .th {
	flex: 0 0 200px;
	background: #E9ECF1;
	color: #222;
	font-family: Pretendard;
	font-size: 20px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 60px;
	padding: 8px 18px;
	border-bottom: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6
}

#memberForm .td {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 60px;
	padding: 8px 20px;
	border-right: 1px solid #E6E6E6
}

#memberForm .td.grid-2 {
	display: flex;
	gap: 20px
}

/* #memberForm .td.grid-2>.ipt {
	flex: 1 1 auto
} */

#memberForm .td.grid-2>.btn {
	flex: 0 0 140px
}

#memberForm .td.grid-3 {
	display: flex;
	align-items: center;
	gap: 12px
}

#memberForm .td.grid-3>.ipt:first-child {
	flex: 1 1 0
}

#memberForm .td.grid-3>.th-inline {
	flex: 0 0 150px;
	height: 44px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EEF1F6;
	border-radius: 6px;
	color: #555
}

#memberForm .td.grid-3>.ipt:last-child {
	flex: 1 1 0
}

#memberForm .td.grid-4 {
	display: flex;
	align-items: center;
	gap: 12px
}

#memberForm .td.grid-4 .ipt.email {
	flex: 0 0 240px;
	max-width: 240px
}

#memberForm .td.grid-4 .at {
	flex: 0 0 24px;
	text-align: center;
	color: var(--Foundation-GREY-900, #222);
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 20px */

}

#memberForm .td.grid-4 .sel {
	flex: 0 0 240px;
	height: 44px;
	border: 1px solid #F6F6F6;
	border-radius: 4px;
	background: #F6F6F6;
	padding: 0 8px
}

/* #memberForm .td.grid-4 .chk {
	margin-left: auto
} */

#memberForm .td.address_td {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px
}

#memberForm .ipt {
	width: 100%;
	height: 44px;
	border: 1px solid #F6F6F6;
	border-radius: 4px;
	background: #F6F6F6;
	padding: 0 12px;
	outline: 0;
	color: #8E8E8E;
	font-family: Pretendard;
	font-size: 16px;
	line-height: 100%
}

#memberForm .ipt select {
	width: 100%;
	height: 100%;
	border: none;
	outline: 0;
	background: transparent;
	padding: 0;
	padding-right: 30px;
	cursor: pointer;
	appearance: none;
	background: transparent url('/img/email_arw001.png') no-repeat center right 12px / 13px 14px;
	color: #8E8E8E;
	font-family: Pretendard;
	font-size: 16px;
}

#memberForm .ipt.short {
	width: 200px
}

.ipt.half {
	max-width: 440px
}

#memberForm .radios label {
	margin-right: 24px
}

#memberForm .chk {
	display: flex;
	align-items: center;
	gap: 6px
}

#memberForm .actions {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 24px
}

#memberForm .btn {
	min-width: 120px;
	height: 44px;
	border-radius: 4px;
	border: 0;
	background: #2e2e2e;
	color: #fff
}

#memberForm .actions .btn {
	width: 160px;
}

#memberForm .btn.primary {
	background: #004195
}

#memberForm .btn.danger {
	background: #d82020
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-text-fill-color: #000;
	-webkit-box-shadow: 0 0 0px 1000px #F6F6F6 inset
}

/* 비밀번호 50:50 분리용 */
#memberForm .row.pw50 .td {
	padding: 0
}

#memberForm .pw-split {
	display: flex;
	width: 100%
}

#memberForm .pw-split .col {
	flex: 1 1 50%;
	box-sizing: border-box;
	padding: 8px 20px
}

#memberForm .pw-split .sub-th {
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EEF1F6;
	border-radius: 6px;
	color: #555;
	margin-bottom: 12px
}

/* 2세트 th-td */
#memberForm .row.row-2col {
	display: flex
}

#memberForm .row.row-2col>.th {
	flex: 0 0 200px
}

#memberForm .row.row-2col>.td {
	flex: 1 1 0
}

.address_flex {
	width: 100%;
	gap: 20px;
}

.td.radios {
	color: var(--Foundation-GREY-900, #222);
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 16px */
}

.td.radios label {
	display: flex;
	align-items: center;
	gap: 5px;
}

.td.radios input {
	height: 20px;
	aspect-ratio: 1 / 1;
}

.appli_table.edu_table thead tr th {
	padding: 18px 20px;
	font-weight: bold;
}

.nabbu_state {
	border-radius: 4px;
	background: #F1F4F9;
	padding: 8px 5px;
	display: flex;
	align-items: center;
	justify-content: center;

	color: var(--Foundation-GREY-800, #2E2E2E);
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 14px */

	z-index: 999;
	position: relative;
}

.nabbu_state.complete {
	color: #B3B3B3;
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 14px */
}

/* 상자형 체크박스 */
.radios-box .chkbox {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-right: 24px;
	cursor: pointer
}

.radios-box .chkbox input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0
}

.radios-box .chkbox .box {
	width: 24px;
	height: 24px;
	border: 2px solid #C9D3E2;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff
}

.radios-box .chkbox input:checked+.box {
	background: #0A3E8A;
	border-color: #0A3E8A
}

.radios-box .chkbox input:checked+.box::after {
	content: "✓";
	color: #fff;
	font-size: 16px;
	line-height: 1
}

.radios-box .chkbox input:focus-visible+.box {
	outline: 2px solid #2b7cff;
	outline-offset: 2px
}

.today_date_box {
	padding: 24px;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 56px;
	/* background: #F7F7F7; */
	border: 1px solid #E0E0E0;
}

.date_sign_box {
	display: flex;
	align-items: center;
	justify-content: center;

	color: #222;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 18px */
}

.date_sign_box span {
	border-radius: 2px;
	background: #EDEDED;
	padding: 4px 8px;
	width: 40px;
	height: 26px;
	display: inline-block;
	margin-right: 3px;
}

.date_sign_box span:last-child {
	width: 100px;
}

.date_sign_box {
	position: relative;
	width: 100%;
}

.date_sign_box .now_date {
	display: flex;
	align-items: center;
}

.date_sign_box .sign_box {
	color: #999;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 18px */

	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.guiha b {
	color: #222;
	font-family: Pretendard;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	/* 24px */

	max-width: 100%;
}

.guiha {
	color: #222;
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 20px */
	width: 100%;
	margin-right: auto;

	display: flex;
	align-items: center;
	justify-content: end;
	gap: 5px;
	flex-wrap: wrap;
}

.read_pyo_box {
	gap: 24px;
	align-items: stretch;
}

.read_pyo_box li {
	width: calc(50% - 12px);
	padding: 16px 24px;
	background: #F7F7F7;
	min-height: 200px;
}

ul,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

li::marker {
	content: "";
}

/* Safari 대응 */
.readEdit ul {
	padding-left: unset;
}

.read_pyo_tit_box {
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.read_pyo_txt_box {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 88px;
}

.read_pyo_one {
	display: flex;
	align-items: center;
	gap: 18px;
}

.read_pyo_txt_tit {
	width: 42px;
	color: #222;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.read_pyo_con_txt {
	width: calc(100% - 42px - 18px);
}

.read_pyo_con_txt {
	color: #8C8C8C;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.pyo_arrow_box {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.pyo_arrow_box .pyo_arrow {
	width: calc(33.333% - 8px);
	border-radius: 2px;
	background: rgba(235, 235, 235, 0.80);
	padding: 4px 12px;
	display: flex;
	align-items: center;
	justify-content: center;

	cursor: pointer;
}

.arrow_pyo_flex {
	flex-direction: column;
	justify-content: space-between;
}


/* 반응형 */
@media (max-width:1024px) {

	#memberForm .th,
	#memberForm .row.row-2col>.th {
		flex-basis: 160px
	}

	#memberForm .td.grid-4 .sel {
		flex-basis: 220px
	}

	.read_pyo_box li {
		width: 100%;
	}
}

@media (max-width:900px) {

	.guiha b {
		font-size: 20px;
	}

	.new_login_wrapper {
		padding: 40px 20px;
	}

	#memberForm .row.row-2col {
		flex-wrap: wrap
	}

	#memberForm .row.row-2col>.th {
		flex: 1 1 100%;
		border-right: 0
	}

	#memberForm .row.row-2col>.td {
		flex: 1 1 100%;
		border-right: 0;
		padding: 12px 0;
	}

	#memberForm .row.row-2col>.th:nth-of-type(2) {
		border-top: 1px solid #E6E6E6
	}

	#memberForm .row {
		flex-direction: column
	}

	#memberForm .th {
		flex: 0 0 auto;
		min-height: 44px;
		border-right: 0
	}

	#memberForm .td {
		padding: 12px 0;
		border-right: 0
	}

	#memberForm .ipt.short {
		width: 100%
	}

	#memberForm .td.grid-2,
	.address_flex {
		flex-wrap: wrap;
		justify-content: end;
	}

	.address_flex .btn {
		margin-bottom: 10px;
	}

	/* #memberForm .td.grid-2>.btn {
		flex: 1 1 100%
	} */

	#memberForm .td.grid-3 {
		flex-direction: column;
		align-items: stretch
	}

	#memberForm .td.grid-3>.th-inline {
		margin: 8px 0
	}

	#memberForm .td.grid-4 {
		flex-wrap: wrap;
		justify-content: end;
	}

	#memberForm .td.grid-4 .ipt.email {
		flex: 1 1 100%;
		max-width: 100%
	}

	/* #memberForm .td.grid-4 .at {
		display: none
	} */

	#memberForm .td.grid-4 .sel {
		flex: 1 1 100%;
		max-width: 100%
	}

	#memberForm .td.grid-4 .chk {
		margin-left: 0
	}

	#memberForm .td.address_td .ipt.half {
		max-width: 100%;
		width: 100%
	}

	#memberForm .pw-split {
		flex-direction: column
	}

	#memberForm .pw-split .col {
		flex: 1 1 100%;
		padding: 12px 16px
	}

	#memberForm .pw-split .sub-th {
		margin-bottom: 8px
	}

	#memberForm .actions .btn {
		min-width: 44%
	}

	.date_sign_box .sign_box {
		position: relative;
		top: unset;
		right: unset;
		transform: unset;
	}

	.date_sign_box {
		flex-direction: column;
		gap: 30px;
	}

	.guiha {
		justify-content: end;
	}
}

/*회원사관리*/
.member_info__wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	width: 100%;
}

.member_info__box {
	flex: 1 1 calc(33.333% - 12px);
	/* 기본 3개 */
	max-width: calc(33.333% - 12px);
	border-radius: 5px;
	background: #F4F5F6;
	box-sizing: border-box;
}

.member_info__box>div {
	width: calc(50%);
}

.member_info__img {
	padding: 18px;
	padding-bottom: 0;
}

.member_info__text {
	padding: 18px;
	padding-top: 24px;
}

.member_info__text>ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.member_info__text>ul>li {
	display: flex;
	align-items: center;
	padding-bottom: 16px;
}

.member_info__text>ul>li:last-child {
	padding-bottom: 0;
}

.member_info__text>ul>li>strong {
	flex: 0 0 70px;
	/* 타이틀 고정 너비 */
	text-align: left;
	color: #222;
	font-family: Pretendard;
	font-size: 14px;
	font-weight: 500;
	position: relative;
}

.member_info__text>ul>li>strong::after {
	content: "|";
	position: absolute;
	right: -12px;
	color: #ccc;
}

.member_info__text>ul>li>p {
	flex: 1;
	margin-left: 24px;
	/* | 뒤의 여백 */
	color: #707070;
	font-family: Pretendard;
	font-size: 14px;
	font-weight: 400;
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ----------- 반응형 ----------- */
@media (max-width: 1024px) {
	.member_info__box {
		flex: 1 1 calc(50% - 9px);
		/* 태블릿 2개 */
		max-width: calc(50% - 9px);
	}
}

@media (max-width: 600px) {
	.member_info__box {
		flex: 1 1 100%;
		/* 모바일 1개 */
		max-width: 100%;
	}
}


/* 협약기관 */
.partner_org__wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.partner_org__box {
	display: flex;
	align-items: center;
	gap: 24px;
	/* flex: 0 1 calc(50% - 20px); */
	/* 한 줄에 2개 */
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 8px;
	background: #fff;
	box-sizing: border-box;
	width: calc(50% - 10px);
}



/* .partner_org__logo { flex:0 0 120px; } */
.partner_org__logo {
	width: 222.222px;
	height: 125px;
}

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

.partner_org__info {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.partner_org__name {
	color: #222;
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 20px */
}

.partner_org__link {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border-radius: 20px;
	background: #f5f6f7;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	transition: background 0.2s;
	color: #666;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.partner_org__link:hover {
	background: #e1e2e3;
}

.partner_org__link img {
	padding-left: 8px;
}




.employee_tab .sub_tab {
	width: calc(100%/4);
}



/*직원관리 테이블 버튼*/
.table_top_actions {
	display: flex;
	justify-content: flex-end;
	/* 오른쪽 정렬 */
	gap: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.btn_action {
	padding: 6px 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
}

.btn_action:hover {
	background: #f5f5f5;
}


.btn_action:nth-child(2) {
	background: #004195;
	color: #fff;
}



#checkAll,
.rowCheck {
	width: 16px;
	height: 16px;
}




.employeeDetailTable {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
	margin-top: 48px;
}

.employeeDetailTable th,
.employeeDetailTable td {
	padding: 14px 16px;
	border-bottom: 1px solid #DEDEDE;
	text-align: left;
	font-size: 14px;
	font-family: Pretendard, sans-serif;
	color: #333;
}

.employeeDetailTable th {
	width: 150px;
	background: #E9ECF1;
	font-weight: 500;
	color: #222;
}

.employeeDetailTable tr:last-child th,
.employeeDetailTable tr:last-child td {
	border-bottom: none;
}




.con02_btn_action {
	padding: 6px 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
}

.sub_header {
	display: flex;
	align-items: center;
	justify-content: center;
	/* h4를 가운데 정렬 */
	position: relative;
	margin-bottom: 20px;
}

.back_btn {
	position: absolute;
	left: 0;
	/* 무조건 맨 왼쪽 */
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	color: #222;
	text-decoration: none;
	gap: 6px;
}

.back_btn:hover {
	color: #000;
}

.back_icon {
	font-size: 20px;
	line-height: 1;
}

.employeeEditForm {
	margin-top: 56px;
}

.employeeEditTable {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	margin-bottom: 30px;
}

.employeeEditTable th,
.employeeEditTable td {
	padding: 14px 16px;
	border-bottom: 1px solid #eee;
	text-align: left;
	font-size: 14px;
	font-family: Pretendard, sans-serif;
}

.employeeEditTable th {
	background: #f9f9f9;
	font-weight: 500;
	color: #222;
}

.employeeEditTable input {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	font-family: inherit;
	box-sizing: border-box;
}

.form_btn_box {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.btn_edit,
.btn_cancel {
	min-width: 100px;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	font-family: Pretendard, sans-serif;
	transition: 0.2s;
}

.btn_edit {
	background: #222;
	color: #fff;
}

.btn_edit:hover {
	background: #000;
}

.btn_cancel {
	background: #e60000;
	color: #fff;
}

.btn_cancel:hover {
	background: #c50000;
}




.employeeFormTable {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	margin-bottom: 30px;
	margin-top: 56px;
}

.employeeFormTable th,
.employeeFormTable td {
	padding: 14px 16px;
	border-bottom: 1px solid #DEDEDE;
	text-align: left;
	font-size: 14px;
	font-family: Pretendard, sans-serif;
}

.employeeFormTable th {
	background: #E9ECF1;
	font-weight: 500;
	color: #222;
}

.employeeFormTable input {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	font-family: inherit;
	box-sizing: border-box;
	background: #f9f9f9;
}

.form_btn_box {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.btn_edit,
.btn_cancel {
	min-width: 100px;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	font-family: Pretendard, sans-serif;
	transition: 0.2s;
}

.btn_edit {
	background: #222;
	color: #fff;
}

.btn_edit:hover {
	background: #000;
}

.btn_cancel {
	background: #e60000;
	color: #fff;
}

.btn_cancel:hover {
	background: #c50000;
}

.innerr.flex {
	display: flex;
	justify-content: center;
	/* 가로 가운데 */
	align-items: center;
	/* 세로 가운데 */
	width: 100%;
	height: 100vh;
	/* 화면 전체 높이 */
	background: #f9f9f9;
	/* (선택) 배경색 테스트용 */
}


@media all and (max-width:1000px) {
	.partner_org__box {
		width: 100%;
	}
}

.business_intro__wrap .inner ul {
	padding: 72px 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.business_intro__wrap .inner ul li {
	padding: 36px;
	border-radius: 5px;
	background: #F6F7F8;
}

.business_intro__wrap .inner ul li p {
	color: #004195;
	font-family: Pretendard;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	position: relative;
	/* ✅ 기준점 추가 */
	padding-left: 9px;
	/* ✅ 글자와 막대 간격 확보 */
}


.business_intro__wrap .inner ul li p::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 3px;
	height: 100%;
	background: #004195;
	transform: translateY(-50%);
}


/* ================= Partner 탭 ================= */
.partner_tab {
	cursor: pointer;
	transition: 0.2s;
}

.partner_tab.active {
	color: #003C85;
	font-weight: 600;
}

.partner_con {
	display: none;
}

.partner_con.active {
	display: block;
}

/* ================= Sub 탭 ================= */
.sub_tab_02 {
	cursor: pointer;
	padding: 10px 28px;
	border: 1px solid #ddd;
	font-size: 16px;
	color: #555;
	background: #fff;
	transition: all 0.25s ease;
	width: calc(100% / 3);
	border-radius: 0;
	text-align: center;
}

.sub_tab_02.active_02 {
	background: #003C85;
	color: #fff;
	border-color: #003C85;
	font-weight: 600;
}

/* ================= Sub 탭 콘텐츠 ================= */
.a02con {
	display: none;
	animation: fadeIn 0.3s ease;
}

.a02con.active_02 {
	display: block;
}

/* ================= Fade 효과 ================= */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


.enroll_wrap {
	margin-top: 224px;
}

.mt72 {
	margin-top: 72px;
}

.row2_chkbox {
	width: 100%;
}

.row2_chkbox .radios {
	border-top: 1px solid #E6E6E6;
	padding: 9px 18px !important;
	gap: 18px !important;
}

.row2_chkbox .radios label {
	width: auto;
}

.qual-section {
	width: 100%;
	border-collapse: collapse;
	font-family: Pretendard, sans-serif;
}

.qual-row {
	display: flex;
	border-bottom: 1px solid #e5e5e5;
}

.qual-row.head {
	background: #f8f9fb;
	font-weight: 600;
}

.qual-row .th,
.qual-row .td {
	padding: 10px 16px;
	border-right: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
}

.qual-row .th:first-child,
.qual-row .td:first-child {
	flex: 0 0 220px;
	background: #f3f6f9;
}

.qual-row .td:last-child {
	flex: 1;
	flex-wrap: wrap;
	gap: 12px;
}

.qual-row label {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 15px;
	color: #333;
}

.qual-row input[type="checkbox"] {
	accent-color: #2b5cd8;
	width: 16px;
	height: 16px;
}


.row2_th {
	flex: 0 0 88px;
	background: #E9ECF1;
	color: #222;
	font-family: Pretendard;
	font-size: 20px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 60px;
	padding: 8px 18px;
	border-bottom: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	display: flex;
	padding: 8px 36px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-bottom: 1px solid #E6E6E6;
	background: #E6E6E6;
	text-align: center;
}

.row2_fir {
	width: 198px;
}

.row2_custom_flex {
	flex: 1 1;
}

.top_border {
	border-top: 1px solid #E6E6E6;
	;
}

/*  */


.file_upload_box {
	display: flex;
	align-items: center;
	width: 100%;
	height: 44px;
	border: 1px solid #F6F6F6;
	border-radius: 4px;
	background: #F6F6F6;
	padding: 0 12px;
	outline: 0;
	color: #8E8E8E;
	font-family: Pretendard;
	font-size: 16px;
	line-height: 100%;
	cursor: pointer;
}

.file_display {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 4px;
	padding: 8px 8px;
	font-size: 15px;
	color: #707070;
	transition: background 0.2s, border-color 0.2s;
}

.file_display svg {
	width: 12px;
	height: 16px;
}

.file-hidden {
	display: none;
}

.file_txt {
	margin: 4px 0 0;
	font-size: 14px;
	color: #555;
}


/* 20251023 추가 */
body .login_chk_btn01.white {
	border-radius: 5px;
	border: 1px solid #DEDEDE;
	background: #FAFAFA;
	color: #888 !important;
	font-weight: 400 !important;
	cursor: pointer;
}

.file_input {
	width: 100%;
	position: relative;
}

#memberForm .file_input input {
	padding-left: 35px;
}

.file_input .file_logo {
	position: absolute;
	top: 50%;
	left: 16px;
	transform: translateY(-50%);

}

.private_p {
	width: 100%;
}

.private_p ul {
	gap: 72px;
	align-items: flex-start;
}

@media all and (max-width:768px) {
	.private_p ul {
		gap: 0;
	}
}


/* 20251112 custom */

.hs_right_box {
	max-width: 1400px !important;
}

.hs_right_box .side_img_box img {
	width: auto;
}

.disnone {
	display: none;
}

.human_img_box {
	max-width: 250px;
}

/* new 일반사업 */
.general_business_section {
	width: 100%;
	padding: 64px 0 144px;
	background: #FAFAF9;
	overflow: hidden;
}

.general_business_container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 64px;
}

.general_business_main_title {
	color: #262626;
	font-size: 36px;
	font-family: 'Noto Sans KR', 'Pretendard', sans-serif;
	font-weight: 700;
	line-height: 36px;
	margin: 0;
}

.general_business_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 48px;
}

.general_business_hero {
	width: 256px;
	height: 256px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.general_business_hero_bg {
	position: absolute;
	overflow: hidden;
}

.general_business_hero_bg_1 {
	width: 512px;
	height: 512px;
	background: url('/img/general_business_hero_bg.png') center center / cover no-repeat;
}

.general_business_hero_content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.general_business_hero_icon {
	width: 56px;
	height: 56px;
	background: white;
	border-radius: 50%;
	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.general_business_hero_icon_inner {
	width: 32px;
	height: 32px;
	display: block;
	border: 3px solid #15803D;
	border-radius: 4px;
}

.general_business_hero_title {
	color: #14532D;
	font-size: 24px;
	font-family: 'Inter', 'Pretendard', sans-serif;
	font-weight: 700;
	line-height: 32px;
	margin: 8px 0 0;
	text-align: center;
}

.general_business_hero_line {
	width: 48px;
	height: 4px;
	background: #4CAF50;
	border-radius: 9999px;
	margin-top: 8px;
}

.general_business_grid {
	max-width: 1148px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
}

.general_business_card {
	width: 320px;
	padding: 24px;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid #DCFCE7;
	border-radius: 16px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.03);
	display: flex;
	gap: 16px;
	transition: transform 0.3s, box-shadow 0.3s;
}

.general_business_card:hover {
	transform: translateY(-4px);
	box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08);
}

.general_business_card_icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.general_business_card_icon_shape {
	width: 20px;
	height: 20px;
	border: 2px solid #4ADE80;
	border-radius: 4px;
	display: block;
}

.general_business_card_content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.general_business_card_title {
	color: #15803D;
	font-size: 18px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 600;
	line-height: 24px;
	margin: 0;
}

.general_business_card_subtitle {
	color: rgba(77, 124, 15, 0.8);
	font-size: 14px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
}

@media (max-width: 1200px) {
	.general_business_section {
		padding: 50px 0 120px;
	}

	.general_business_container {
		gap: 50px;
	}

	.general_business_main_title {
		font-size: 32px;
	}

	.general_business_content {
		gap: 40px;
	}

	.general_business_grid {
		gap: 20px;
	}

	.general_business_card {
		width: calc(33.333% - 14px);
		min-width: 280px;
	}
}

@media (max-width: 968px) {
	.general_business_section {
		padding: 40px 0 100px;
	}

	.general_business_container {
		gap: 40px;
	}

	.general_business_main_title {
		font-size: 28px;
	}

	.general_business_hero {
		width: 200px;
		height: 200px;
	}

	.general_business_hero_bg_1 {
		width: 350px;
		height: 350px;
	}

	.general_business_hero_icon {
		width: 48px;
		height: 48px;
	}

	.general_business_hero_icon_inner {
		width: 28px;
		height: 28px;
	}

	.general_business_hero_title {
		font-size: 20px;
		line-height: 28px;
	}

	.general_business_card {
		width: calc(50% - 12px);
	}
}

@media (max-width: 768px) {
	.general_business_section {
		padding: 30px 0 80px;
	}

	.general_business_container {
		gap: 30px;
		padding: 0 15px;
	}

	.general_business_main_title {
		font-size: 24px;
	}

	.general_business_content {
		gap: 30px;
	}

	.general_business_grid {
		gap: 16px;
	}

	.general_business_card {
		padding: 20px;
	}

	.general_business_card_title {
		font-size: 16px;
		line-height: 22px;
	}

	.general_business_card_subtitle {
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.general_business_section {
		padding: 25px 0 60px;
	}

	.general_business_main_title {
		font-size: 20px;
	}

	.general_business_hero {
		width: 180px;
		height: 180px;
	}

	.general_business_hero_bg_1 {
		width: 300px;
		height: 300px;
	}

	.general_business_hero_bg_2 {
		width: 200px;
		height: 200px;
	}

	.general_business_hero_icon {
		width: 40px;
		height: 40px;
	}

	.general_business_hero_icon_inner {
		width: 24px;
		height: 24px;
		border-width: 2px;
	}

	.general_business_hero_title {
		font-size: 18px;
		line-height: 24px;
	}

	.general_business_hero_line {
		width: 40px;
		height: 3px;
	}

	.general_business_card {
		width: 100%;
		padding: 18px;
	}

	.general_business_card_icon {
		width: 20px;
		height: 20px;
	}

	.general_business_card_icon_shape {
		width: 16px;
		height: 16px;
	}

	.general_business_card_title {
		font-size: 15px;
	}

	.general_business_card_subtitle {
		font-size: 12px;
	}
}


.just_between {
	justify-content: space-between !important;
}


/* 20251205 추가 */

.member_info__wrap.list_change_custom {
	flex-wrap: nowrap !important;
	flex-direction: column !important;
}

.member_info__wrap.list_change_custom .member_info__box {
	flex: 1 1 100% !important;
	max-width: 100% !important;
	width: 100% !important;
	display: flex;
}

.member_info__wrap.list_change_custom .member_info__box>div {
	width: 100% !important;
}

.member_info__wrap.list_change_custom .member_info__img {
	padding: 18px;
}

@media (max-width: 1080px) {
	.member_info__wrap.list_change_custom .member_info__box {
		flex-direction: column;
	}

	.member_info__box>div {
		width: 100%;
	}

	#memberForm .btn {
		margin-left: auto;
	}
}

@media (max-width: 600px) {
	.member_info__wrap.list_change_custom .member_info__box {
		flex: 1 1 100%;
		max-width: 100%;
		width: 100%;
	}
}

/* 20251208 추가 */

.relative {
	position: relative;
}

.jikin_box {
	position: absolute;
	right: 24px;
	bottom: 24px;
	/* width: 105px; */
	width: 80px;
	aspect-ratio: 1 / 1;
	z-index: -1;
}

.sanlim_jikin {
	width: 100px;
	aspect-ratio: 1 / 1;
	/* margin: 0 auto; */
}

@media (max-width: 900px) {
	.jikin_box {
		right: 15px;
		bottom: 15px;
		width: 70px;
	}
}




/* 20251210 추가 */
.member_info__img {
	aspect-ratio: 1 / 0.5622009;
}

.member_info__img img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.5622009;
}


/* 20251211 추가 */
.company_info_category_wrap {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 30px;
}

.company_info_category_wrap ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.company_info_category_wrap ul li {
	flex: 1;
	font-size: 16px;
	color: #999;
	text-align: center;
	cursor: pointer;
}

.company_info_category_wrap ul .active {
	color: #000;
	font-weight: 600;
}

.company_info_category_wrap ul li:not(.active):hover {
	color: #666;
	font-weight: 600;
}

.com_prd_wrapper {
	padding: 0;
}


/* 20251215 추가 */
.like_pyo_custom ul {
	display: flex;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
}

.member_info__text.like_pyo_custom>ul>li {
	padding-bottom: unset;
	flex-direction: column;
	width: calc(16.666% - 25px);
}

.member_info__text.like_pyo_custom>ul>li>strong::after {
	display: none;
}

.member_info__text.like_pyo_custom>ul>li>strong {
	flex: 0 0 40px;
	font-size: 18px;
}

.member_info__text.like_pyo_custom>ul>li>p {
	margin-left: unset;
	font-size: 16px;
}

@media (max-width: 1400px) {
	.member_info__text.like_pyo_custom>ul>li {
		width: calc(33.333% - 20px);
	}
}

@media (max-width: 768px) {
	.like_pyo_custom ul {
		gap: 20px;
	}
	.member_info__text.like_pyo_custom>ul>li {
		width: calc(50% - 10px);
	}
}