@charset "utf-8";
/* ==================== 서브페이지 ==================== */
/* 서브페이지 비주얼 */
#sub_visual { padding: calc(var(--sec_pd) * 2) 0; background-color: var(--darker_point); background-repeat: no-repeat; background-attachment: fixed; background-position: center bottom; background-size: cover; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
	#sub_visual .wrap{  z-index: 3; }
		#sub_visual .txt_01 {font-size: 2.5rem; margin-bottom: 1rem; 
			opacity: 0; animation: animate 1s ease-in-out 1 forwards; text-shadow: 1px 2px 3px rgba(0,0,0,0.9);}
		#sub_visual .txt_02 { font-size: 1.25rem; font-weight: 200; letter-spacing: normal;
			opacity: 0; animation: animate 1s ease-in-out 0.3s 1 forwards; text-shadow: 1px 2px 3px rgba(0,0,0,0.9);}

		.txt_ani_01{opacity: 0; animation: animate 1s ease-in-out 1 forwards; 
		text-shadow: 1px 5px 20px rgba(0,0,0,0.7), 0px 0px 5px rgba(0,0,0,0.5);
		}
		.txt_ani_02{opacity: 0; animation: animate 1s ease-in-out 0.3s 1 forwards; text-shadow: 0px 0px 15px rgba(0,0,0,1), 0px 0px 2px rgba(0,0,0,0.5);}


/* 각 페이지 별 배경이미지  */
#sub_visual[class^="About_"]{background-image: url(../images/tit/tit_11.png); }/*회사소개*/
#sub_visual[class^="Fund_0"]{background-image: url(../images/tit/tit_01.jpg); }
#sub_visual.Fund_02{background-image: url(../images/tit/tit_13.jpg); }
#sub_visual.Fund_03{background-image: url(../images/tit/tit_15.jpg); }
#sub_visual.Fund_04{background-image: url(../images/tit/tit_07.jpg); }
#sub_visual.Fund_05{background-image: url(../images/tit/tit_06.jpg); }
#sub_visual.Fund_06{background-image: url(../images/tit/tit_03.jpg); }
#sub_visual[class^="Board"]{background-image: url(../images/tit/tit_04.jpg); }
#sub_visual[class^="Board_n"]{background-image: url(../images/tit/tit_14.jpg); }
#sub_visual[class^="Board_r"]{background-image: url(../images/tit/tit_18.jpg); }
#sub_visual[class^="Board_rp"]{background-image: url(../images/tit/tit_16.jpg); }
#sub_visual[class^="Board_q"]{background-image: url(../images/tit/tit_02.jpg); }
#sub_visual.Board_consult{background-image: url(../images/tit/tit_08.jpg); }
#sub_visual.Recruit{background-image: url(../images/tit/tit_10.jpg);}
#sub_visual.Privacypolicy{background-image: url(../images/tit/tit_17.jpg); background-position: center center}

/*padding: 0 3rem;  서브페이지 콘텐츠 border-right: var(--op_black); */
#sub_layout {background-image: url(../images/sub_bg.png); background-size: 80% auto; background-repeat: no-repeat; background-position:80% 100%;}


/* 서브 네비 */
#sub_layout #sub_nav_div {position: relative; width: 100%; max-width: 250px; min-width: 250px; display: flex; flex-direction: column; border-right:1px solid white; box-shadow: 8px -5px 15px 3px rgba(0,0,0,0.08),3px -5px 5px 3px rgba(0,0,0,0.015); z-index: 4; /*background-color: var(--gray_fa);*/ background-image: linear-gradient(to right,  var(--gray_fa), var(--white)); }

#sub_layout #sub_nav {position: absolute; width: 100%; max-width: 250px; min-width: 250px; display: flex; flex-direction: column;  border-top: 1px solid rgba(35, 39, 94, 0.08); border-right:1px solid white; box-shadow: 8px -5px 15px 3px rgba(18,55,135,0.02); z-index: 5;  }
#sub_layout #sub_nav:after{position: absolute; top: 0; left:0; background-color: var(--gray_fa);}
		#sub_layout #sub_nav a {padding: 1.25rem 2.25rem; border-bottom: 1px solid rgba(35, 39, 94, 0.08);  }
			#sub_layout #sub_nav a:hover {background-color: rgba(18,55,135,0.03);  background-image: linear-gradient(to right,  rgba(18,55,135,0.05), rgba(18,55,135,0.015), rgba(18,55,135,0.0));}
			#sub_layout #sub_nav a.on { background-color: var(--dark_point); background-image: linear-gradient(to right, var(--dark_point), var(--point), var(--point2)); color: var(--white); }

	@media (min-width: 1024px) {
		#sub_layout.sticky-start #sub_nav {
			position: sticky;
			top: 70px;
		}
	}

	/* 서브 네비 박스 안에서 부드럽게 따라오게 */
	#sub_layout #sub_nav {
		top: 0;
		left: 0;
		transition: top 0.25s ease-out; /* 미끄러지는 느낌 */
	}
	
	/* 서브 콘텐츠 3rem  backdrop-filter: brightness(90%);*/
	#sub_layout .content { padding:0 0 calc(var(--sec_pd) * 2) ; width: 100%;  box-shadow: 8px -5px 15px 3px rgba(0,0,0,0.05),3px -5px 5px 3px rgba(0,0,0,0.015); overflow: hidden;}	

		
		/* 콘텐츠 타이틀 1 border-bottom: 1px solid var(--dark_point); */
		#sub_layout .content .sub_title {width: 100%; padding: 3rem 0;  }
			#sub_layout .content .sub_title .txtwrap { width: 100%; display: flex; flex-direction: column; gap: .75rem; }
				#sub_layout .content .sub_title .txtwrap .txt_01 { font-size: 1.6rem; font-weight: 600;display: flex; align-items: center; gap: .5rem;  }
				#sub_layout .content .sub_title .txtwrap .txt_01 i { margin-left: -0.3rem;}
				#sub_layout .content .sub_title .txtwrap .txt_02 { line-height: 1.4; width: 100%; max-width: 700px;}

		/* 콘텐츠 타이틀 2  border-radius: var(--br_l); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);background-image: radial-gradient(#0a2f7e, var(--steal)); */		
		#sub_layout .content .cont_tit{ background-color: var(--steal); color: var(--white); margin-bottom: 5rem; background: linear-gradient(90deg, rgb(0, 4, 60) 0%, hsla(211, 100%, 28%, 1) 100%); }

/* 내용 내부 타이틀 */
h2.tit {color: var(--point); margin-top: 7rem; position: relative; background-image: url(../images/icon.svg); background-size: 28px; background-repeat: no-repeat; background-position:1.75rem 11%; padding-left: 4rem; padding-bottom: 1rem; }
    h2.tit::after{ content: ""; position: absolute; left: 0; bottom: 0;
    height: 5px; width: 55px; background-color: var(--point);}
    h2.tit::before { content: ""; position: absolute; left: 0; bottom: 2px;
    height: 1px; width: 90%; max-width: 350px; min-width: 275px; background-color:var(--sky);}

/* 현재 페이지 네비 */
.breadcrumb { list-style: none;  display: flex;  align-items: center;  padding: 0;  margin: 0;}
	.breadcrumb-item {  margin: 0;  padding: 0;}
	.breadcrumb-item + .breadcrumb-item::before {  content: "\f105"; font-family: 'Font Awesome 7 Pro'; font-weight: 400;  margin: 0 8px;  color: #6c757d; /* 화살표 구분자의 회색 톤 */}
	.breadcrumb-item a {  text-decoration: none;  color: #8096ad; /* 링크 */}
	.breadcrumb-item a:hover {  text-decoration: underline; text-underline-offset:3px;}
	.breadcrumb-item.active {  color: #6c757d;  pointer-events: none;}

/* 서브페이지 테이블 */
.prod_table{ border-bottom: 2px solid var(--dark_point); border-radius: var(--br_base);}
	.prod_table caption { font-size: 1.2em; font-weight: bold; padding: 0 0 1rem; }
	.prod_table caption i { margin-right: 0.5rem; }
	/* .prod_table th, .prod_table td {border-top:1px solid #cad9ef; border-bottom:1px solid #cad9ef;} */
	.prod_table th { font-weight: bold; background-color: var(--surface); font-size: 110%; color: var(--dark_point);}
	.prod_table td {text-align: left; padding-left: 2rem;}
	.prod_table.input_small td{text-align: left; padding-left: 1rem;}
/* 게시판 테이블 */

/* 공지사항배경색 */
.board_table {width: 100%; }
	.board_table tr.board_notice {background-color: var(--gray_fa);}
	/* 마우스오버 배경색 border-left: 3px solid transparent;*/
	.board_table tbody tr:hover {background-color: var(--surface); }
	.board_table tbody tr td:first-child{ box-shadow: inset 0.2em 0 0 transparent;}
	.board_table tbody tr:hover td:first-child{box-shadow: inset 0.2em 0 0 var(--point); }
	.board_table tbody tr:hover td a{color: var(--point); cursor: pointer;}
	.tit_question::before{display: inline-flex; margin-right: .3rem; margin-bottom: -.15rem; content: '\f30d'; font-family: "Font Awesome 7 Pro","Font Awesome 7 Brands"; font-weight: 300; font-size: .8rem;}
	.board_table tr td.board_tit{ text-align: left;  max-width: 0;} 
	.board_table tr td.board_tit a{display: flex; align-items: center; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 게시판 아이콘 */
.board_icon {width: fit-content; display: inline-flex; justify-content: center; align-items: center; font-size: 12px; line-height: 1; padding: 3px 10px 4px; border-radius:var(--br_c); border: 1px solid var(--dark_point); color: var(--dark_point);}
	.icon_replied {background-color:var(--dark_point); color: var(--white); }
	td .board_icon{margin: auto;}

/* 페이지네이션 */
#pagination button{ display: flex; justify-content: center; align-items: center; aspect-ratio: 1 / 1; width: 30px; background-color: var(--white); border-radius:var(--br_c); outline: none; border: 1px solid rgba(0, 0, 0, .1);}
	#pagination button:hover{ background-color: var(--light_point);}

	#pagination button.active{ background-color: var(--point); color:var(--white);}
	#pagination button:disabled{color:rgba(0, 0, 0, .2); cursor: default; }
	#pagination button:disabled:hover{ background-color:var(--white);}

.anq_cont{ border-bottom: 1px solid  #c9d5ed; border-top: 1px solid  #c9d5ed;}

/* 아코디언 */
.accordion{	border-top: 1px solid #e5e5e5;}
	.accordion .accordion-item {  border-bottom: 1px solid #e5e5e5;}
	.accordion .accordion-item button[aria-expanded='true'] {  border-bottom: 2px solid var(--sky);}
	.accordion button {  position: relative;  display: flex;  align-items: center;  text-align: left;  width: 100%;  padding: 1rem 0;  color: inherit;  border: none;  background: none;  outline: none; font-size: 1.025rem;}.accordion button:hover,.accordion button:focus {  cursor: pointer;  color:var(--dark_point);}
	.accordion button:hover::after,
	.accordion button:focus::after { cursor: pointer;  color:var(--point);}
	.accordion button .accordion-title {  padding: .5rem 1.5rem .5rem 0;}
	.accordion button .accordion-title::before{	content:'\f2c4'; font-family: "Font Awesome 7 Pro","Font Awesome 7 Brands";	font-size: 1.4rem;	font-weight: 300;	color: var(--point); opacity: 0.7; display: inline-block;	margin-right: 0.5rem;}
	.accordion button .icon {  display: inline-flex;  align-items: center; justify-content: center;  position: absolute;  right: 0;  width: 25px;  aspect-ratio: 1/1;  border-radius: var(--br_c);  transition: all 200ms linear;}
	.accordion button[aria-expanded='true'] {  color: var(--point);}
	.accordion button[aria-expanded='true'] .icon {  transform: rotate(180deg);  }
	.accordion button[aria-expanded='true'] + .accordion-content {  opacity: 1;  max-height: 9em;  transition: all 200ms linear;  will-change: opacity, max-height;}
	.accordion .accordion-content {  opacity: 0;  max-height: 0; overflow: hidden;  transition: opacity 200ms linear, max-height 200ms linear;  will-change: opacity, max-height;  background-color: var(--surface);  font-size: .95rem;  border-bottom: 1px solid var(--sky);}
	.report_icon {background-color: var(--point); color: var(--white); border-radius: var(--br_s); margin-right: 0.25rem; padding: 1px 10px;}


/* 포인트박스 */
.point_box {margin-bottom: 1.5rem; background-image:var(--grd_sky); position: relative; overflow: hidden; border-radius: var(--br_base);}
.point_box span.fs_30.black {width: 30px;}
.point_box span + i {margin:0 1rem 0 0;}

/* 플로우박스 color: var(--white);padding: 3rem 0;*/
.flow-wrap { text-align: center; }
    .flow-row { display: flex; justify-content: center; align-items: center; gap: 1rem; }
        .flow-row.top{margin-bottom:1rem;}

            .flow-item { /* 플로우 박스 배경 박스 */flex: 1 1 22%; max-width: 250px; min-width: 250px; aspect-ratio: 1/1; display: flex; justify-content:center; align-items: center; background:var(--surface); background-image:var(--grd_sky); border: 1px solid var(--sky); border-radius: var(--br_base); position: relative;}

            .flow-item span.squircle {  /* 플로우 스퀘클 */position: absolute; top: 0; left: 50%; transform: translate3d(-50%, -50%, 0); width: 50px;  aspect-ratio: 1/1;  font-size: 1.8rem; font-weight: 100; display: flex; background-image: linear-gradient(135deg,rgba(47, 112, 253, 0.8),rgba(0, 46, 145, 1)); justify-content:center; align-items: center; z-index: 2; text-align: center;}

            .flow-item article{ /* 플로우 실제 내용  justify-content:space-between; */ width: 100%; height: 100%; padding: 2.75rem 1.5rem 1.5rem; display: flex;flex-direction: column; align-items: center; }
                    .flow-item article p.semibold { font-size: 1.1rem; color: var(--point); }
                    .flow-item article i{font-size: 2rem; color: var(--point2); margin-bottom: 1rem;}
                    .flow-item article p:last-child {line-height: 1.2;}
                /* ✅ flow-item 에서만 씀. 회전 + 이동 같이 쓰는 override */
                .flow-item[data-animate-in]{transition: transform 0.5s ease, opacity 0.5s ease;} 
                .flow-item[data-animate-in="up"] {transform: translate3d(1.5rem,4rem,4rem);}
                .flow-item[data-animate-in="up"].in-view {transform: translate3d(0,0,0);}

/* GoConsult 상담신청하기 */
.GoConsult_box{box-shadow: 0px 11px 44px #cccc; border-radius: var(--br_l); overflow: hidden;  }
.GoConsult_box .tit { background: linear-gradient(-45deg, #a10bcf, #0a72d3, #03c0f9, #0cc89c); background-size: 400% 400%; animation: gradient 25s ease infinite;}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/*리스트기본세팅*/
#sub_layout ul{	padding-inline-start: 0.75rem;	list-style-position: outside;}
/* #sub_layout ul li::marker {	content: "-  ";	color: inherit;} */
#sub_layout ul li{margin-bottom: 0.5rem;}
#sub_layout .content ul.line-list li::marker {	content: "-  ";	color: inherit;}
#sub_layout .content ul.dot-list li::marker {	content: "·  ";	color: inherit;}

			
/* AboutCompany 회사소개 */
.AboutCompany .circle_box_pack .circle_box{width: 20%; margin-left: -2rem;}
	.AboutCompany .circle_box_pack .circle_box:nth-child(1){background-color: rgba(67, 119, 232, 0.7);}
	.AboutCompany .circle_box_pack .circle_box:nth-child(2){background-color: rgba(40, 99, 227, 0.8);}
	.AboutCompany .circle_box_pack .circle_box:nth-child(3){background-color: rgba(13, 75, 207, 0.9);}

/* about_01 인사말 */
#sub_visual.About_01 ~ #sub_layout {background-image: none; }/* about_01 인사말 배경 없음*/
.About_01 ~ #sub_layout .cont_tit {padding-top: 6rem;}
	.About_01 ~ #sub_layout .cont_tit p{z-index: 2;}
	.About_01_obj_img{z-index: 1;  position: relative; margin-top: -8rem;}

/* about_02 주요업무 */
.About_02 ~ #sub_layout .content .fdc_lg .card {flex: 1 1 45%;}
.About_02 ~ #sub_layout	.card:nth-child(1),
.About_02 ~ #sub_layout	.card:nth-child(4),
.About_02 ~ #sub_layout	.card:nth-child(5) {background-color: var(--surface); }
.About_02 ~ #sub_layout	.card:nth-child(2),
.About_02 ~ #sub_layout	.card:nth-child(3),
.About_02 ~ #sub_layout	.card:nth-child(6) {background-color: var(--white);}

.num_box > div.d_flex:not(:last-child){margin-bottom: 2.5rem; }

/* about_03 사회공헌 */
.About_03 ~ #sub_layout .content .fdc_lg .card {flex: 1 1 45%;}
.About_03 ~ #sub_layout	.card:nth-child(1),
.About_03 ~ #sub_layout	.card:nth-child(4){background-color: var(--surface); }
.About_03 ~ #sub_layout	.card:nth-child(2),
.About_03 ~ #sub_layout	.card:nth-child(3){background-color: var(--white);}
/* fund_06 정책자금종류 */
.Fund_06_list ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.Fund_06_list ul li { width: 49%; display: inline; }
.Fund_06_list .li_num {display: inline-block; min-width:40px; color: var(--dark_point);}
a.view_more { margin-bottom: 1rem; font-size: .9rem; border-radius: var(--br_c); padding: 0.5rem 1rem; background-color:var(--red); color: var(--white);}
a.view_more:hover{background-color:var(--dark_red);;}
.list_box div {width: 45%;}
.list_box h2.tit{margin-top: 0; font-size: 120%; padding-bottom: 0.8rem;}


/* Recruit 채용센터 */
#sub_visual.Recruit ~ #sub_layout {background-image: none; }/* about_01 인사말 배경 없음*/
.Recruit ~ #sub_layout .content .cont .Recruit_01{ background-image: url(../images/Recruit_01.png); background-size: 37% auto; background-repeat: no-repeat; background-position:bottom right;}

.Recruit_02 .card { /* 플로우 박스 배경 박스 */flex: 1 1 30%; }

.Recruit_02 .card:nth-child(1),
.Recruit_02 .card:nth-child(3),
.Recruit_02 .card:nth-child(5) {background-color: var(--surface); }
.Recruit_02 .card:nth-child(2),
.Recruit_02 .card:nth-child(4) {background-color: var(--white);}
.Recruit_02 .card span.squircle {  /* 스퀘클 */width: 35px;  aspect-ratio: 1/1; font-weight: 100;  background-image: linear-gradient(135deg,rgba(47, 112, 253, 0.8),rgba(0, 46, 145, 1)); display: flex; justify-content:center; align-items: center; text-align: center;}

 /* 채용 테이블 */
.Recruit_tbl th{ background-color: #0a72d323; padding: 0.75rem 1rem;}
.Recruit_tbl .tbl_point{ background-color: #0a72d323; border-top: 1px solid #0a72d329;border-bottom: 1px solid #0a72d329;}
.Recruit_tbl th.tbl_point{ background-color: #0a72d33f;}


.Recruit_04 .card { /* 플로우 박스 배경 박스 */flex: 1 1 22%; }

.Recruit_04 .card:nth-child(1),
.Recruit_04 .card:nth-child(3),
.Recruit_04 .card:nth-child(6),
.Recruit_04 .card:nth-child(8) {background-color: var(--surface); }
.Recruit_04 .card:nth-child(2),
.Recruit_04 .card:nth-child(4),
.Recruit_04 .card:nth-child(5),
.Recruit_04 .card:nth-child(7) {background-color: var(--white);}


.Recruit_05 .card span.squircle {  /* 스퀘클 */width: 35px;  aspect-ratio: 1/1; font-weight: 100;  background-image: linear-gradient(135deg,rgba(47, 112, 253, 0.8),rgba(0, 46, 145, 1)); display: flex; justify-content:center; align-items: center; text-align: center;}
.Recruit_05 .card { /* 플로우 박스 배경 박스 */flex: 1 1 48%; }
.Recruit_05 .card:nth-child(1),
.Recruit_05 .card:nth-child(4) {background-color: var(--surface); }
.Recruit_05 .card:nth-child(2),
.Recruit_05 .card:nth-child(3) {background-color: var(--white);}


.Recruit_icon {background-color: var(--point2); color: var(--white); padding: 0.35rem 1rem; min-width: 90px; display: inline-flex; justify-content: center; align-items: center; text-align: center; border-radius: var(--br_s); }

.course_wrap {width: 100%; align-items: stretch; overflow: hidden;}
.course_wrap .list_item{display: flex; flex-direction: column;flex: 1;}
.course_wrap .list_item.shadow{box-shadow:2px 0px 3px rgba(82, 88, 140, 0.126), 5px 0px 3px rgba(0,0,0,0.035)!important; }
.course_wrap .list_cont { width: 100%; height: 100%;  justify-content: space-between; align-items: stretch;border-right: 1px solid #5b6db31c; }
.course_wrap .list_cont .list{margin: 0.5rem auto; line-height: 1.6;}
.course_wrap [class*=h60] {width: 100%; color: #fff; }
.course_wrap [class*=h60]:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    z-index: 2;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    margin-top: -15px;
    margin-left: -0px;
}
.course_wrap .h601 {position: relative; text-align: center; padding: 1rem; font-size: 1.2rem; background-color: #4377e8;}
.course_wrap .h602 {position: relative; text-align: center; padding: 1rem; font-size: 1.2rem;background-color: #2f61cd;}
.course_wrap .h603 {position: relative; text-align: center; padding: 1rem; font-size: 1.2rem;background-color: #1e4cb0;}
.course_wrap .h604 {position: relative; text-align: center; padding: 1rem; font-size: 1.2rem;background-color: #123d98;}
.course_wrap .h601:after {border-left: 15px solid #4377e8;}
.course_wrap .h602:after {border-left: 15px solid #2f61cd;}
.course_wrap .h603:after {border-left: 15px solid #1e4cb0;}
.course_wrap .h604:after {border-left: 15px solid #123d98;}
.period{ background-color: #0a72d325; text-align: center;}
/* ==================== 모바일 레이아웃 ==================== */
@media ( max-width: 900px ) {
	.mx_10{margin-left: calc(var(--base-px) * 5);margin-right: calc(var(--base-px) * 5);}
	#sub_layout{flex-direction: column;}
	/* 내용 내부 타이틀 */
	h2.tit { background-position:1.25rem 3%;  }
	/* 서브 네비 */
	#sub_layout #sub_nav_div {display: flex; flex-wrap: wrap; flex-direction: row; width: calc(100% + 2rem); min-width:  calc(100% + 2rem); margin-left: -1rem; gap: 1px; background-color: #ddd;padding:1px; }
	#sub_layout #sub_nav { position:static; display: flex; flex-wrap: wrap; flex-direction: row; width: calc(100% + 2rem); min-width:  calc(100% + 2rem); margin-left: -1rem; gap: 1px; background-color: #ddd;padding:1px; }
	#sub_layout #sub_nav a {font-size: 12px;  display: flex; justify-content: center; align-items: center; padding:1rem 0; width: auto; flex:1 1 23%; text-align: center; border-bottom: none; background-color: white; }

	/* 서브 페이지 비주얼 */
	#sub_visual { background-attachment:scroll; margin-top: 50px; text-align: center; padding: 4rem 0; margin-bottom: 0; background-position: bottom;}
	#sub_visual .wrap{padding:1rem}
	#sub_visual .wrap p.txt_01 {font-size: 140%;}
	#sub_visual .wrap p.txt_02 {font-size: 110%;}
	/* about_02 주요업무 */
	#sub_layout .card:nth-child(odd) {background-color: var(--surface);}
	#sub_layout .card:nth-child(even) {background-color: var(--white);}

	.prod_table td{padding-left: 1rem;}

	.flow-row.bottom {
		margin-top: 1rem;
	}
	.flow-item {min-width: unset!important; width: 40%;}
	.GoConsult_box{margin-top: 8rem;}
	/* Recruit 채용센터 */
	.Recruit ~ #sub_layout .card { /* 플로우 박스 배경 박스 */flex: 1; flex-direction: row; align-items: center; gap: 1rem; }
	.Recruit ~ #sub_layout .content .cont .Recruit_01{padding-bottom: 8rem; background-size: 35% auto;}
.Recruit_04 .card { /* 플로우 박스 배경 박스 */flex: 1 1 48%!important; flex-direction: column!important; padding: 2rem 1rem;}
.Recruit_04 .card:nth-child(1),
.Recruit_04 .card:nth-child(4),
.Recruit_04 .card:nth-child(5),
.Recruit_04 .card:nth-child(8) {background-color: var(--surface)!important; }
.Recruit_04 .card:nth-child(2),
.Recruit_04 .card:nth-child(3),
.Recruit_04 .card:nth-child(6),
.Recruit_04 .card:nth-child(7) {background-color: var(--white)!important;}

.Recruit_05 .card {flex: 1 1 90%!important; flex-direction: row; align-items: center; gap: 1rem;}
.Recruit_icon { min-width: 60px; }
	[class^="Recruit_0"] ~ p.fs_32  {font-size: 120%;}
}