/* =================================== 인재채용 */
.recruitment { display: flex; align-items: flex-start; flex-direction: column; background: var(--c-mono-0); padding-top: 0; }
.recruitment .contents_wrap .tab_nav a { color: var(--c-mono-19); }
.recruitment .contents_wrap .tab_nav .tabnav { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.recruitment .contents_wrap .tab_nav .tabnav li { margin-right: 2rem; }
.recruitment .contents_wrap .tab_nav .tabnav li a { position: relative; display: block; width: max-content; height: 50px; line-height: 50px; padding: 0 2.5rem; border-radius: 50rem; font-size: 1.7rem; font-weight: 700; background: var(--c-mono-3); }
.recruitment .contents_wrap .tab_nav .tabnav li:hover a { color: var(--c-mono-0); background: var(--c-main); transition: 0.3s; }
.recruitment .contents_wrap .tab_nav .tabnav li a.active { color: var(--c-mono-0); background: var(--c-main); }

.recruitment .contents_wrap .tab_nav .tabcontent { margin-top: 6rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner h1 { font-size: 3rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner { margin-top: 4rem; font-size: 1.8rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner ul { padding: 4rem 0; border-top: 1px solid var(--c-mono-4); }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner ul.bdtop { border-top: 2px solid var(--c-mono-18) !important; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner ul li { display: flex; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner ul li.inner_tit { margin-bottom: 3rem; }




/***** 인재상 *****/
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .talent li.inner_cont { display: flex; gap: 4rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .talent li.inner_cont div { flex: calc(100%/3); padding: 4rem 3rem; text-align: center; background: var(--c-mono-2); border-radius: 2rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .talent li.inner_cont div .talent_img { width: 10rem; height: 10rem;margin: 0 auto; margin-bottom: 3rem; border: none; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .talent li.inner_cont div .talent_img.energy { background: url(../images/ic_company_value_02.png) no-repeat center; background-size: contain; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .talent li.inner_cont div .talent_img.professional { background: url(../images/ic_company_value_01.png) no-repeat center; background-size: contain; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .talent li.inner_cont div .talent_img.warrior { background: url(../images/ic_company_value_03.png) no-repeat center; background-size: contain; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .talent li.inner_cont div p { margin-bottom: 2rem; font-size: 2rem; font-weight: 700; }




/***** 인사제도 *****/
/* 보상체계 */
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .compensation li.inner_cont { display: flex; gap: 4rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .compensation li.inner_cont div { flex: calc(100%/3); padding: 4rem 3rem; text-align: center; background: var(--c-mono-2); border-radius: 2rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .compensation li.inner_cont div .inner_ic { width: 10rem; height: 10rem;margin: 0 auto; margin-bottom: 3rem; border: none; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .compensation li.inner_cont div .inner_ic.welfare_01 { background: url(../images/ic_welfare_01.png) no-repeat center; background-size: contain; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .compensation li.inner_cont div .inner_ic.welfare_02 { background: url(../images/ic_welfare_02.png) no-repeat center; background-size: contain; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .compensation li.inner_cont div .inner_ic.welfare_03 { background: url(../images/ic_welfare_03.png) no-repeat center; background-size: contain; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .compensation li.inner_cont div p { margin-bottom: 1rem; font-size: 2rem;font-weight: 700; }
/* 복지제도 */
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner.hr .item_inner:last-child { margin-top: 0; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits { display: flex; justify-content: space-between; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_tit { flex: 0 0 25%; } 
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont { display: block; flex: 0 0 75%; margin-top: 1rem; } 
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box { display: flex; justify-content: space-between; padding: 3rem 0; gap: 3rem; overflow: hidden; border-bottom: 1px solid var(--c-mono-4); } 
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box:first-child { padding-top: 0; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box:last-child { border-bottom: none; padding-bottom: 0; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box p { flex: 0 0 35%; font-size: 2rem; font-weight: 700; } 
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box p .benefit_num { display: inline-block; margin-right: .5rem; color:var(--c-main); } 
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box dl { flex: 0 0 65%; display: block; line-height: 1.7; } 
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box dl dd { width: 100%; position: relative; } 
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box dl dd::before { position: absolute; content: ''; top: 15px; left: -1.6rem; width: 5px; height: 5px; background: var(--c-mono-11); border-radius: 100%; } 
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box dl dd.dlflex { display: flex; gap: 2rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box dl dd.dlflex::before { top: 15%; transform: translateY(-15%); }




/***** 채용안내 *****/
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro { display: block; padding-bottom: 4rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step { display: block; margin: 2rem 0; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap { width: 100%; margin-bottom: 4rem; border-radius: 2rem; background-color: var(--c-mono-2); overflow: hidden; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont { display: flex; align-items: center; justify-content: space-between; padding: 4rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title { flex: 0 0 35%; display: flex; align-items: center; gap: 3rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_icon { display: flex; width: 100px; height: 100px; align-items: center; background: var(--c-mono-13); border-radius: 100rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_icon span { display: inline-block; width: 50px; height: 50px; margin: 0 auto; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_icon span.icon_01 { background: url(../images/ic_recruit_01.png) no-repeat center; background-size: contain; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_icon span.icon_02 { background: url(../images/ic_recruit_02.png) no-repeat center; background-size: contain; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_icon span.icon_03 { background: url(../images/ic_recruit_03.png) no-repeat center; background-size: contain; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_icon span.icon_04 { background: url(../images/ic_recruit_04.png) no-repeat center; background-size: contain; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_icon span.icon_05 { background: url(../images/ic_recruit_05.png) no-repeat center; background-size: contain; }

.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_txt { display: flex; align-items: center; gap: 1rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_txt p { font-size: 2rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_txt span { font-size: 2rem; font-weight: 700; }

.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .step_list { flex: 0 0 65%; padding: 0; border-top: none; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .step_list li { position: relative; line-height: 1.9; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .step_list li::before { position: absolute; content: ''; width: 5px; height: 5px; border-radius: 100%; background: var(--c-mono-11); top: 12px; left: -2rem; }

.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .etc_list { padding: 0; border-top: none; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .etc_list dt { margin-bottom: 1rem; font-weight: 700; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .etc_list dd { position: relative; margin-left: 2rem; line-height: 2; font-size: 1.6rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .etc_list dd::before { position: absolute; content: ''; top: 50%; left: -2rem; transform: translateY(-50%); width: 8px; height: 1px; background-color: var(--c-mono-13); }

.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap { margin-top: 2rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul { padding: 4rem 0; border-bottom: 1px solid var(--c-mono-3); border-top: none; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul:first-child { border-top: 2px solid var(--c-mono-18); }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul li { display: flex; align-items: center; justify-content: space-between; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul li .cont { width: 100%; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul li .cont .part { display: inline-block; margin-bottom: 1rem; font-size: 2rem; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul li .cont p {  }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul li .btn { display: inline-block; width: 4rem; height: 4rem; background: url(../images/view_more_03_hv.png) no-repeat center; background-size: contain; text-indent: -99999px; }
.recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul:hover li .btn { transform: translateX(-10px); transition: all .3s; }




/* ============================ media queries ============================ */
@media (max-width: 1920px){
}

@media (max-width: 1700px){
}

@media (max-width: 1920px){
}

@media (max-width: 1700px){
}

@media (max-width: 1300px){
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap { margin-bottom: 2rem; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont { padding: 4rem 2rem; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title { display: block; text-align: center; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_txt { justify-content: center; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_icon { width: 90px; height: 90px; margin: 0 auto; margin-bottom: 2rem; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_icon span { width: 45px; height: 45px; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .step_list li { display: block; margin-left: 1.6rem; margin-bottom: 1rem; line-height: 1.7; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .step_list li::before { top: 10px; left: -1.6rem; }

    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul { position: relative; padding: 2rem 0; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul:last-child { margin-bottom: 0; }
}

@media (max-width: 1100px){
}

@media (max-width: 991px){
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .talent li.inner_cont { display: block; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .talent li.inner_cont div { margin-bottom: 2rem; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .talent li.inner_cont div:last-child { margin-bottom: 0; }

    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .compensation li.inner_cont { display: block; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .compensation li.inner_cont div { margin-bottom: 2rem; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .compensation li.inner_cont div:last-child { margin-bottom: 0; }
}

@media (max-width: 768px){
    .recruitment .contents_wrap .tab_nav .tabnav li { margin-right: 1rem; }
    .recruitment .contents_wrap .tab_nav .tabnav li:last-child { margin-right: 0; }
    .recruitment .contents_wrap .tab_nav .tabcontent { margin-top: 5rem; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner ul { display: block; padding-bottom: 0; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits { display: block; margin-top: 4rem; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box { display: block; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .benefits li.inner_cont .benefit_box p { margin-bottom: 1rem; }

    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont { display: block; padding: 3rem; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_icon { display: none; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_txt { justify-content: flex-start; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .step_list { padding-top: 2rem; }

    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .etc_list dd { margin-bottom: 1.5rem; margin-left: 0; line-height: inherit; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .etc_list dd::before { display: none; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .etc_list dd:last-child { margin-bottom: 0; }
}

@media (max-width: 683px){
    .recruitment { padding-top: 10%; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner h3 br { display: none; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title { display: flex; gap: 2rem; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .step_list li:last-child { margin-bottom: 0; }
    
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul li { flex-direction: column; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_btn .btn_wrap ul li .btn { background: var(--c-mono-3);content: 'apply'; width: 100%; height: 50px; line-height: 50px; border-radius: 100rem; text-align: center; margin-top: 2rem; text-indent: 0px; color: var(--c-mono-18); font-weight: 600; }
}

@media (max-width: 450px){
    .recruitment .contents_wrap .tab_nav .tabnav li { margin-right: 1rem; }
}

@media (max-width: 376px){
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap { width: 100%; }
}

@media (max-width: 290px){
    .recruitment .contents_wrap .tab_nav .tabnav li a { height: 40px; line-height: 40px; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .talent li.inner_cont div { padding: 3rem; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .compensation li.inner_cont div { padding: 3rem; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title { display: block; }
    .recruitment .contents_wrap .tab_nav .tabcontent .tab_inner .item_inner .recruit_intro .recruit_step .inner_wrap .inner_cont .title .inner_txt { justify-content: flex-start; margin-top: 2rem; }
}