@import url('sub.css');

/**** S:: 채용정보 ****/

/* 앵커 스크롤 시 fixed header 높이 + 여백 (PC 130px, 모바일 90px) */
#recruit_talent, #recruit_benefits, #recruit_announce { scroll-margin-top: 130px; }

/* 01 인재상 */
#recruit_talent .fs30 { color: var(--black); margin-bottom: 40px; }
#recruit_talent .recruit_talent_list { display: flex; gap: 30px; list-style: none; margin: 0; padding: 0; }
#recruit_talent .recruit_talent_list li { flex: 1; min-width: 0; }
#recruit_talent .recruit_talent_img { overflow: hidden; margin-bottom: 25px; aspect-ratio: 1/1; }
#recruit_talent .recruit_talent_img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#recruit_talent .recruit_talent_list .fs20 { color: var(--black); font-weight: 600; }

/* 02 복리후생 */
#recruit_benefits .recruit_benefits_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; list-style: none; margin: 0; padding: 0; border: 1px solid var(--border); }
#recruit_benefits .recruit_benefits_grid > li { position: relative; padding: 40px 40px 40px 200px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); box-sizing: border-box; background-color: var(--white); background-repeat: no-repeat; background-position: 40px 40px; background-size: 100px auto; }
#recruit_benefits .recruit_benefits_grid > li:nth-child(2n) { border-right: none; }
#recruit_benefits .recruit_benefits_grid > li:nth-last-child(-n+2) { border-bottom: none; }
#recruit_benefits .benefits_cell_01 { background-image: url('/recruit/img/benefits_icon01.svg'); }
#recruit_benefits .benefits_cell_02 { background-image: url('/recruit/img/benefits_icon02.svg'); }
#recruit_benefits .benefits_cell_03 { background-image: url('/recruit/img/benefits_icon03.svg'); }
#recruit_benefits .benefits_cell_04 { background-image: url('/recruit/img/benefits_icon04.svg'); }
#recruit_benefits .benefits_tit { color: var(--black); margin-bottom: 10px; font-weight: 600; }
#recruit_benefits .benefits_list { list-style: none; margin: 0; padding: 0; }
#recruit_benefits .benefits_cell_02 .benefits_list,
#recruit_benefits .benefits_cell_03 .benefits_list,
#recruit_benefits .benefits_cell_04 .benefits_list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0 20px; }
#recruit_benefits .benefits_list li { position: relative; padding-left: 14px; padding-bottom: 1px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Crect fill='%23111111' width='3' height='3'/%3E%3C/svg%3E") no-repeat left 14px; }
#recruit_benefits .benefits_list li:last-child { padding-bottom: 0; }


/* 03 채용공고 */
#recruit_announce .sec_title .btn-more { margin-top: 50px; }
#recruit_announce .sec_title_inner { display: block; }
#recruit_announce .recruit_announce_txt { color: var(--black); margin-bottom: 15px; line-height: 1.47; }
#recruit_announce .recruit_announce_desc { color: var(--basic); margin-bottom: 40px; line-height: 1.78; }
#recruit_announce .recruit_announce_list { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; gap: 20px;}
#recruit_announce .recruit_announce_list li { display: flex; gap: 30px; align-items: center;}
#recruit_announce .recruit_announce_icon { position: relative; flex-shrink: 0; width: 115px; height: 115px; border-radius: 50%; border: 1px solid var(--main); background: var(--white); display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
#recruit_announce .recruit_announce_icon::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 91%; height: 91%; border-radius: 50%; border: 1px solid rgba(197, 1, 61, 0.1); box-sizing: border-box; pointer-events: none; }
#recruit_announce .recruit_announce_icon img { width: 60px; height: 60px; object-fit: contain; position: relative; z-index: 1; }
#recruit_announce .recruit_announce_list li > div .fs20 { color: var(--black); font-weight: 600; margin-bottom: 8px; }
#recruit_announce .recruit_announce_list li > div .fs18 { color: var(--basic);}
/**** E:: 채용정보 ****/




/* ============================================
   미디어 쿼리
   ============================================ */

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

    #recruit_benefits .recruit_benefits_grid > li { padding: 40px 40px 40px 180px; background-size: 90px auto; }
}

 /* 1590px 이하 */
@media all and (max-width: 1590px) {

    #recruit_talent .fs30 br{display: none;}
    
}

 /* 1350px 이하 */
 @media all and (max-width: 1350px) {

    /* 02 복리후생 */
    #recruit_benefits .recruit_benefits_grid > li { padding: 40px 30px 40px 160px; background-size: 75px auto; }

}

/* 1320px 이하 - 타이틀/컨텐츠 세로 배치 시 타이틀과 버튼 동일 가로선, 버튼 우측 */
@media all and (max-width: 1320px) {

    #recruit_announce .sec_title { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 40px;; }
    #recruit_announce .sec_title .sec_title_inner { flex: 0 0 auto; }
    #recruit_announce .sec_title .btn-more { margin-top: 0; flex-shrink: 0; }

}

/* 980px 이하 */
@media all and (max-width: 980px) {

    #recruit_talent, #recruit_benefits, #recruit_announce { scroll-margin-top: 90px; }

    /* 01 인재상 */
    #recruit_talent .recruit_talent_list { gap: 20px; }
    #recruit_talent .recruit_talent_img { aspect-ratio: 1/1; }

    /* 02 복리후생 */
    #recruit_benefits .recruit_benefits_grid { grid-template-columns: 1fr; }
    #recruit_benefits .recruit_benefits_grid > li { border-right: none; border-bottom: 1px solid var(--border); }
    #recruit_benefits .recruit_benefits_grid > li:nth-last-child(-n+2) { border-bottom: 1px solid var(--border); }
    #recruit_benefits .recruit_benefits_grid > li:last-child { border-bottom: none; }
    #recruit_benefits .benefits_list li {padding-left: 11px; padding-bottom: 2px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Crect fill='%23111111' width='3' height='3'/%3E%3C/svg%3E") no-repeat left 12px; }
}

/* 680px 이하 */
@media all and (max-width: 680px) {

    /* 01 인재상 */
    #recruit_talent .fs30 { margin-bottom: 30px; }
    #recruit_talent .recruit_talent_list { gap: 15px; flex-direction: column; }
    #recruit_talent .recruit_talent_list li { display: flex; flex-direction: row; align-items: center; gap: 15px; }
    #recruit_talent .recruit_talent_list li .recruit_talent_img { flex-shrink: 0; width: 100px; margin-bottom: 0; aspect-ratio: 1/1; }
    #recruit_talent .recruit_talent_list li .fs20 { flex: 1; min-width: 0; }

    /* 02 복리후생 */
    #recruit_benefits .recruit_benefits_grid > li { padding: 20px 20px 20px 100px; background-position: 20px 20px; background-size: 50px auto; }
    #recruit_benefits .benefits_tit { margin-bottom: 5px;}
    #recruit_benefits .benefits_list li {padding-left: 9px; padding-bottom: 2px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Crect fill='%23111111' width='2' height='2'/%3E%3C/svg%3E") no-repeat left 9px; }
    #recruit_benefits .benefits_cell_02 .benefits_list,
    #recruit_benefits .benefits_cell_03 .benefits_list,
    #recruit_benefits .benefits_cell_04 .benefits_list { grid-template-columns: 1fr; }

    /* 03 채용공고 */
    #recruit_announce .recruit_announce_txt { margin-bottom: 12px; }
    #recruit_announce .recruit_announce_desc { margin-bottom: 30px; }
    #recruit_announce .recruit_announce_list { gap: 15px;}
    #recruit_announce .recruit_announce_list li { gap: 20px;  }
    #recruit_announce .recruit_announce_icon { width: 80px; height: 80px; }
    #recruit_announce .recruit_announce_icon img { width: 44px; height: 44px; }
    #recruit_announce .recruit_announce_list li > div .fs20 {margin-bottom: 6px; }

}