/* ------------------------------------------------------------- */
/* ------------- 금양 계열사별 컬러, 로고 및 이미지 지정 ---------- */
/* ------------------------------------------------------------- */

/* 계열사별로 body의 바로 아래 div태그에 계열사명 클래스 추가하여 작업합니다. */

/* ------------- 메인컬러 전역변수 -------------*/
 :root {
	--main-color: #0E45A4;
}

.main-c{color: var(--main-color); display: inline !important; font-weight: 700; width: fit-content !important;}


.sub_hd_img_wrap {position: relative; display: none; margin-top: 90px;}
.sub_hd_img_wrap > .sub_hd_img_box {background-position: center; background-repeat: no-repeat; border-radius: 20px;}

/* 회사소개 */
.company .sub_header{background: #FFF; }
.company .sub_header .company_title{display: flex; width: 100%; flex-direction: column; justify-content: center;}
.company .ssub_header > div.ssub_hd_wrap > .company_s_tit {display: flex; justify-content: center;}
.company .sub_hd_img_wrap {display: flex; width: 1528px; max-width: 100%; height: 410px; overflow: hidden; left: 50%; top: 0; transform: translate(-50%, 0);}
.company .sub_hd_img_wrap > .sub_hd_img_box{ position: absolute; width: 100%; height: 100%; background: url(../img/company/com_hd.jpg) no-repeat center/cover;}
.company.comp1 .ssub_header > div.ssub_hd_wrap ul > li:nth-child(1),
.company.comp2 .ssub_header > div.ssub_hd_wrap ul > li:nth-child(2),
.company.comp3 .ssub_header > div.ssub_hd_wrap ul > li:nth-child(3) {border: 1px solid #0E45A4; background-color: #0E45A4; color: #fff; font-weight: 600; }








/* 인사제도 */
.people .sub_header{background: #FFF; }
.people .sub_header .people_title{display: flex; width: 100%; flex-direction: column; justify-content: center;}
.people .ssub_header > div.ssub_hd_wrap > .people_s_tit {display: flex; justify-content: center;}
.people .sub_hd_img_wrap {display: flex; width: 1528px; max-width: 100%; height: 410px; overflow: hidden; left: 50%; top: 0; transform: translate(-50%, 0);}
.people .sub_hd_img_wrap > .sub_hd_img_box{ position: absolute; width: 100%; height: 100%; background: url(../img/company/pp_hd.jpg) no-repeat center/cover; background-position: bottom;}
.people.people1 .ssub_header > div.ssub_hd_wrap ul > li:nth-child(1),
.people.people2 .ssub_header > div.ssub_hd_wrap ul > li:nth-child(2),
.people.people3 .ssub_header > div.ssub_hd_wrap ul > li:nth-child(3) {border: 1px solid #0E45A4; background-color: #0E45A4; color: #fff; font-weight: 600; }


/* 채용공고 */
.recruit .sub_header{background: #FFF;}
.recruit .sub_header .recruit_title{display: flex; width: 100%; flex-direction: column; justify-content: center;}
.recruit .ssub_header > div.ssub_hd_wrap > .recruit_s_tit {display: flex; justify-content: center;}
.recruit .sub_hd_img_wrap {display: flex; width: 1528px; max-width: 100%; height: 410px; overflow: hidden; left: 50%; top: 0; transform: translate(-50%, 0);}
.recruit .sub_hd_img_wrap > .sub_hd_img_box{ position: absolute; width: 100%; height: 100%; background: url(../img/company/top_recruit.jpg) no-repeat center/cover;}
.recruit .ssub_header > div.ssub_hd_wrap ul > li:nth-child(1).on,
.recruit .ssub_header > div.ssub_hd_wrap ul > li:nth-child(2).on,
.recruit .ssub_header > div.ssub_hd_wrap ul > li:nth-child(3).on,
.recruit .ssub_header > div.ssub_hd_wrap ul > li:nth-child(4).on {border: 1px solid #0E45A4; background-color: #0E45A4; color: #fff; font-weight: 600; }


/* FAQ */
.ns-shop.faq .sub_header{background: #FFF;}
.ns-shop.faq .sub_header .faq_title{display: flex; width: 100%; flex-direction: column; justify-content: center;}

/* QNA */
.qna .sub_header{background: #FFF;}
.qna .sub_header .qna_title{display: flex; width: 100%; flex-direction: column; justify-content: center;}


/* 지원가이드 */
.recruit_process .sub_header{background: #FFF;}
.recruit_process .sub_header .faq_title{display: flex; width: 100%; flex-direction: column; justify-content: center;}

.recruit_process .ssub_header > div.ssub_hd_wrap > .guide_s_tit {display: flex; justify-content: center;}
.recruit_process .sub_hd_img_wrap {display: flex; width: 1528px; max-width: 100%; height: 410px; overflow: hidden; left: 50%; top: 0; transform: translate(-50%, 0);}
.recruit_process .sub_hd_img_wrap > .sub_hd_img_box{ position: absolute; width: 100%; height: 100%; background: url(../img/company/top_guide.jpg) no-repeat center/cover;}
.recruit_process.guide1 .ssub_header > div.ssub_hd_wrap ul > li:nth-child(1),
.recruit_process.guide2 .ssub_header > div.ssub_hd_wrap ul > li:nth-child(2) {border: 1px solid #0E45A4; background-color: #0E45A4; color: #fff; font-weight: 600; }






/* ------------- 금양 ------------- */
/* .farmsco{--main-color: #0E45A4;}
.farmsco header .header-farmsco{display: flex;}
.farmsco footer .footer_wrap.footer-farmsco{display: flex;}
.farmsco.recruit .sub_header{background: url(../img/company/sub_recruit_farmsco.jpg) bottom no-repeat;}
.farmsco.recruit .sub_header .recruit_title.farmsco_title{display: block;}

.farmsco.faq .sub_header{background: url(../img/company/sub_faq_farmsco.jpg) bottom no-repeat;}
.farmsco.faq .sub_header .faq_title.farmsco_title{display: block;} */