
.culture-tit .cc01-list i{font-family: 'Pretendard' !important;}
.people2 .cc03:before{display: none;}

.sub_tab_title_box>span{font-size: 16px;}

.process{margin-bottom: 0;}

.recruit .sub_header{z-index: 2;}

.job_table span{line-height: 1.3;}


.rec .rec_filter{flex-shrink: 0;}
.rec_list{width: 100%;}

/* ********************************************* *
* 1630px
* ********************************************* */
@media screen and (max-width: 1630px){

}

/* ********************************************* *
* 1500px
* ********************************************* */
@media screen and (max-width: 1500px){

  /* 채용절차 */
  .info_tab_wrap{width: 60%;}
  .process .process-wrap .circle{width: calc((100% - 60px) / 4); height: auto; aspect-ratio: 1.4 / 1;}
  .process .process-wrap > div{gap: 20px;}

  
}

/* ********************************************* *
* 1440px
* ********************************************* */
@media screen and (max-width: 1420px){

  /* 직무소개 */
  .com_tit.subtit h6{font-size: 35px !important;}
  .com_tit{width: 25%; flex-shrink: 0;}
  .job_box{width: 100%;}

}

/* ********************************************* *
* 1420px
* ********************************************* */
@media screen and (max-width: 1420px){

  /* 인재상 */
  .culture-con .sticky-sec .culture-tit{top: 150px;}
  .culture-con .sticky-sec{margin-top: 150px;}
  .cc01-list{margin-top: 50px;}
  .culture-tit h6{font-size: 42px;}
  .cc01-list li.on{width: 70%; min-width: fit-content;}
  .cc03 .right-sec ul{margin-top: 150px;}



  /* 채용절차 */
  .circle-txt{gap: 10px;}
  .circle-txt strong{font-size: 17px;}
  .info_tab_wrap > .info_tab{font-size: 1.1em;}
  .info_tab_wrap > .info_tab.on{font-size: 1.1em; padding: .9em; border-radius: .8em;}
  .process-con dl dd{width: 250px; flex-shrink: 0;}
  .process-con dl dt{width: 100%;}

  /* 직무소개 */
  .guide_info_content > div.guide_info_right .guide_info > div > div > .sw_bt > strong{font-size: 1.1em;}
  .guide_info_content > div.guide_info_right .guide_info > div > div{gap: 5px;}
  .guide2 .icon_box > img{padding: 16px;}
  .guide2 .icon_box{width: 85px;}
  .guide_info_content > div.guide_info_right .guide_info{gap: 20px;}
  .guide_info_content > div.guide_info_right .guide_info > div{width: calc((100% - 40px) / 3);}



}

/* ********************************************* *
* 1240px
* ********************************************* */
@media screen and (max-width: 1240px){

  /* 인재상 */
  .cc01-list{margin-top: 40px;}
  .culture-tit h6{font-size: 40px;}
  .cc01-list{width: 65%;}
  .cc01-list li{font-size: 1.1em; padding: 1em;}
  .cc01-list li.on{border-radius: .8em;}
  .cc03 .right-sec ul li{gap: 24px;}
  .cc03 .right-sec ul li .txt{gap: 16px;}
  .cc03 .right-sec ul li .txt b{font-size: 28px;}
  .cc03 .right-sec ul li .txt p{font-size: 18px;}
  .culture-con .sticky-sec .culture-tit{width: 40%;}
  .culture-con .sticky-sec .right-sec{width: 60%;}

  /* 채용절차 */
  .process .process-wrap .circle{width: calc((100% - 48px) / 4); height: auto; aspect-ratio: 1.4 / 1;}
  .process .process-wrap > div{gap: 16px;}
  .process .process-wrap .circle{border-radius: 10px;}
  .circle-txt{gap: 6px;}
  .circle-txt strong{font-size: 16px;}

  .process-con dl{padding: 40px 20px;}
  .process-con dl dt > ul{gap: 24px;}
  .process-con dl dt ul > li > ul{gap: 8px; margin-top: 12px;}
  .process-con dl dd{width: 200px; font-size: 22px;}
  .process-con dl dt ul > li.main-pro{font-size: 17px;}
  .process-con dl dt ul > li ul li{font-size: 16px;}


  /* 직무소개 */
  .com_tit.subtit h6{font-size: 30px !important;}
  .com_tit.subtit > span{font-size: 18px; margin-bottom: 16px;}
  .skill_con .icon{width: 70%;}
}


/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){

  /* 인재상 */
  .culture-con .sticky-sec .culture-tit{top: 130px;}
  .culture-con .sticky-sec{margin-top: 130px;}
  .culture-tit h6{font-size: 36px;}
  .cc01-list{margin-top: 30px; width: 70%;}
  .cc01-list li{font-size: 1.05em; padding: .9em;}
  .cc01-list li.on{border-radius: .8em;}
  .cc03 .right-sec ul li{gap: 20px;}
  .cc03 .right-sec ul li .txt{gap: 14px;}
  .cc03 .right-sec ul li .txt b{font-size: 26px;}
  .cc03 .right-sec ul li .txt p{font-size: 18px;}
  .cc03 .right-sec ul li + li{margin-top: 60px;}


  /* 채용절차 */
  .guide_info_content{margin-top: 100px;}
  .process .process-wrap .circle{aspect-ratio: 1.2 / 1;}
  .process-con{margin-top: 80px;}
  .info_tab_wrap{width: 70%;}

  .process-con dl dt > ul{gap: 18px;}
  .process-con dl dd{width: 160px; font-size: 20px;}
  .process-con dl dt ul > li.main-pro{font-size: 16px;}

  .re-notice{padding: 30px;}
  .re-notice .notice-txt{font-size: 15px;}



  
}


/* ********************************************* *
* 1000px
* ********************************************* */
@media screen and (max-width: 1000px){

  /* 직무소개 */
  .com_tit.subtit{width: 25% !important;}
  .company_list .com_box + .com_box{margin-top: 100px;}
  .com_tit.subtit > span{margin-bottom: 10px;}
  .job_table dl{padding: 34px 16px; }
}

/* ********************************************* *
* 890px
* ********************************************* */
@media screen and (max-width: 890px){

  /* 인재상 */
  .cc01-list{width: 80%;}
  .cc03 .right-sec ul{margin-top: 100px;}
  .culture-tit h6{font-size: 32px;}
  .cc03 .right-sec ul li .txt b{font-size: 24px;}
  .cc03 .right-sec ul li .txt p{font-size: 17px;}


  /* 채용절차 */
  .guide_info_content{flex-direction: column;margin-top: 70px;}
  .guide_info_content > div.guide_info_right,
  .guide_info_content > div.guide_info_left{width: 100%;}
  .info_tab_wrap{width: 100%; flex-direction: row; margin-bottom: 50px;}
  .info_tab_wrap > .info_tab{width: 50%; text-align: center;}
  .info_tab_wrap > .info_tab{}

  /* 직무소개 */
  .company_list .com_box{flex-direction: column; }
  .com_tit.subtit{width: 100% !important; margin-bottom: 30px !important; gap: 0;}
  .job_intro{gap: 16px;}
  .job_intro .intro_main{padding-top: 4px;}


  /* 채용공고 */
  .rec ul{gap: 16px;}
  .apply_list li > div{padding: 20px 0;}
  .rec_list .total{padding-bottom: 20px;}
  .rec_list .total p{font-size: 17px;}
}


/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (max-width: 768px){
  
  .sub_tab_menu{gap: 0.5em;}
  .sub_tab_title_box>span{font-size: 15px;}


  /* 인재상 */
  .cc01-list{display: none;}
  .culture-con .sticky-sec{flex-direction: column;margin-top: 0px; }
  .culture-con .sticky-sec .culture-tit{top: 0px;}
  .cc03 .right-sec ul{margin-top: 60px;}
  .cc03{margin-top: 100px;}
  .culture-con .sticky-sec .right-sec,
  .culture-con .sticky-sec .culture-tit{width: 100%;}
  /* .culture-tit h6 br{display: none;} */


  /* 채용절차 */
  .process .process-wrap{margin-top: 20px;}
  .process-con dl{padding: 30px 16px;}
  .process-con dl dt > ul{gap: 16px;}

  .re-notice h3{font-size: 17px; margin-bottom: 12px;}
  .re-notice .notice-txt{font-size: 14px; line-height: 1.5;}
  .re-notice .xi-info-o{position: relative; top: -2px;}
  .process-con{margin-top: 60px;}
  .info_tab_wrap{margin-bottom: 30px;}

  .process .process-wrap .circle{width: calc((100% - 36px) / 4);}
  .process .process-wrap > div{gap: 12px;}

  /* 직무소개 */
  .guide2 .info_tab_wrap > .info_tab.on{padding: 15px 0;}
  .guide2 .info_tab_wrap > .info_tab.on, .guide2 .info_tab_wrap > .info_tab{font-size: 16px; line-height: 1.3;}
  .guide2 .icon_box > img{padding: 12px;}
  .guide2 .icon_box{width: 75px;}
  .guide_info_content > div.guide_info_right .guide_info > div > div > .sw_bt > strong{font-size: 1em;}
  .guide_info_content > div.guide_info_right .guide_info{gap: 12px;}
  .guide_info_content > div.guide_info_right .guide_info > div{width: calc((100% - 32px) / 3); border-radius: 10px;}

  .skill_con .icon{width: 80%;}
  .job_skill{gap: 10px;}

}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){

  /* 채용절차 */
  .process .process-wrap .circle{width: calc((100% - 32px) / 3);}
  .process .process-wrap > div{gap: 16px;}
  .process .process-wrap .circle:nth-child(3n)::after{content: none;}
  .process .process-wrap .circle:nth-child(4)::after{content: '';}

  /* 직무소개 */
  .guide2 .info_tab_wrap{flex-wrap: wrap;}
  .guide2 .info_tab_wrap > .info_tab{width: 50%;}
  .guide2 .icon_box{width: 70px;}
  .guide_info_content > div.guide_info_right .guide_info > div{padding: 1.2em;}

  .com_tit.subtit h6{font-size: 26px !important;}
  .com_tit.subtit > span{margin-bottom: 8px; font-size: 16px;}
  .job_intro .img_box{border-radius: 10px;}
  .job_table dl{padding: 30px 12px; flex-direction: column; gap: 18px;}
  .job_table dt{width: 100%; gap: 6px;}
  .job_table dd{width: 100%;}


  /* 채용공고 */
  .rec .rec_filter{border-radius: 10px;}
  .rec ul{gap: 12px;}
  .apply_list li{padding: 1.6em; border-radius: 10px;}
  .apply_list li > div{flex-direction: column; gap: 16px; padding: 0;}
  .apply_list li em{font-size: 20px; margin-bottom: 12px;}
  .apply_list li .arrow{display: none;}
  .apply_list li .bot p span + span{margin-left: 6px; padding-left: 6px;}
  .apply_list li .bot{padding-right: 0;}
  .rec_list .total{ padding-bottom: 16px;}
  .rec_list .total p{font-size: 16px;}


}


/* ********************************************* *
* 580px
* ********************************************* */
@media screen and (max-width: 580px){
  /* 인재상 */
  .culture-tit h6{font-size: 28px;}
  .cc03{margin-top: 60px;}
  .cc03 .right-sec ul{margin-top: 50px;}
  .cc03 .right-sec ul li .txt b{font-size: 22px;}
  .cc03 .right-sec ul li .txt p{font-size: 16px;}
  .cc03 .right-sec ul li .img{border-radius: 10px;}


  /* 채용절차 */
  .info_tab_wrap{ gap: 10px;}
  .info_tab_wrap > .info_tab.on, .info_tab_wrap > .info_tab{font-size: 16px;}
  .info_tab_wrap > .info_tab.on{padding: 15px; border-radius: 10px;}
  .process .process-wrap .circle{width: calc((100% - 16px) / 2);}
  .process .process-wrap > div{gap: 16px;}
  .process .process-wrap .circle:nth-child(3)::after{content: '';}
  .process .process-wrap .circle:nth-child(2n)::after{content: none;}

  /* 직무소개 */
  .guide2 .info_tab_wrap{gap: 0;}
  .guide_info_content > div.guide_info_right .guide_info > div{width: calc((100% - 12px) / 2); }

  .com_tit.subtit{margin-bottom: 24px !important;}
  .company_list .com_box + .com_box{margin-top: 60px;}
  .skill_con .icon::after{width: 70%;}

}

/* ********************************************* *
* 470px
* ********************************************* */
@media screen and (max-width: 470px){

  /* 인재상 */
  .culture-tit h6{font-size: 24px;}
  .cc03{margin-top: 60px;}
  .cc03 .right-sec ul{margin-top: 50px;}
  .cc03 .right-sec ul li + li{margin-top: 50px;}
  .cc03 .right-sec ul li .txt b{font-size: 20px;}
  .cc03 .right-sec ul li .txt p{font-size: 16px;}
  

  /* 채용절차 */
  .process .process-wrap{margin-top: 0;}
  .process-con dl{padding: 30px 10px; gap: 16px;}
  .process-con dl dt ul > li.main-pro{font-size: 16px;}
  .process-con dl dt ul > li ul li{font-size: 15px; }
  .process-con dl dt ul > li > ul{margin-top: 8px;}
  .re-notice{padding: 20px;}
  .guide_info_content{margin-top: 50px;}
  .circle-txt strong{font-size: 15px;}

  /* 직무소개 */
  .guide2 .info_tab_wrap{flex-direction: column;}
  .guide2 .info_tab_wrap > .info_tab{width: 100%;}
  .guide_info_content > div.guide_info_right .guide_info > div > div > .sw_bt > strong{font-size: .95em;}
  .guide2 .icon_box{width: 65px;}
  .guide_info_content > div.guide_info_right .guide_info > div{padding: 1.1em;}

  .com_tit.subtit{margin-bottom: 20px !important;}
  .com_tit.subtit h6{font-size: 24px !important;}
  /* .company_list .com_box + .com_box{margin-top: 50px;} */
  .skill_con .icon{width: 90%;}
  .skill_con .icon::after{width: 80%;}

  /* 채용공고 */
  .apply_list li{padding: 1.1em;}
  .apply_list li .top b{padding: 5px 10px; font-size: 13px;}
  .apply_list li em{font-size: 19px; margin-bottom: 8px;}
  .apply_list li .bot p span.bay{display: block; width: 100%; margin-left: 0; padding-left: 0; font-size: 13px;}
  .apply_list li .bot p span.bay::after{display: none; margin-top: 8px;}



  /* 공고 상세 */
  .btn-wrap02{gap: 10px; padding: 0 16px;}
  .btn-wrap02 button{width: 50%;}


}


/* ********************************************* *
* 430px
* ********************************************* */
@media screen and (max-width: 430px){

  /* 채용절차 */
  .info_tab_wrap{gap: 0; flex-direction: column;}
  .info_tab_wrap > .info_tab{width: 100%; }

  /* 직무소개 */
  .list_btn{font-size: 1em;}



}

/* ********************************************* *
* 380px
* ********************************************* */
@media screen and (max-width: 380px){

  /* 인재상 */
  .cc03 .right-sec ul li{gap: 16px;}
  .cc03 .right-sec ul li .txt{gap: 10px;}
  .cc03 .right-sec ul li .txt b{font-size: 18px;}
  .cc03 .right-sec ul li .txt p{font-size: 15px;}


  /* 채용절차 */
  .process-con dl dt ul > li.main-pro{font-size: 15px;}
  .process-con dl{gap: 16px;}
  .process-con dl dt > ul{gap: 12px;}
  .process .process-wrap .circle{width: calc((100% - 12px) / 2);}
  .process .process-wrap > div{gap: 12px;}

  /* 직무소개 */
  .guide_info_content > div.guide_info_right .guide_info{gap: 10px;}
  .guide_info_content > div.guide_info_right .guide_info > div{width: 100%;}

  .skill_con .icon{width: 90%;}
  .skill_con .icon::after{width: 90%;}

}

/* ********************************************* *
* 320px
* ********************************************* */
@media screen and (max-width: 320px){

  .job_skill{flex-direction: column;grid-template-columns: none;}
  .skill_con .icon::after{width: 60%;}
  .skill_con .icon i{width: 28%;}
  .job_skill .skill_con{gap: 0;}

}