/** 주성인 ------------------------------- **/
/** 채용절차 **/
#apply_guide .process_list { display: grid; gap:2.2222rem; position: relative; grid-template-columns: repeat(6,1fr); } 
#apply_guide .process_list::after { display: block; position: absolute; top:40%; left:50%; z-index: -1; width:90%; height:2px; background-color: #2A543D; content: ''; transform: translate(-50%, -40%);} 
#apply_guide .process_list li { position: relative; justify-self: center;   } 
#apply_guide .process_list li > div {display: flex; align-items: center; padding: 1.9444rem; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); width: 7.8333rem; height: 7.8333rem; background-color:#fff; border-radius: 100%;} 
#apply_guide .process_list li p { display: flex; align-items: center; justify-content: center;margin-top: 0.8056rem; line-height:1.3333rem; color: #2A543D; text-align: center; } 
#apply_guide .process_list li > div img{max-width: 80%;}
#apply_guide .process_list_type{padding: 5.3333rem 0 0; }
#apply_guide .process_list_type h4{font-size: 1.1111rem; font-weight: var(--semiBold);}
#apply_guide .process_list_type_box{display: grid; gap: 1rem; margin-top: 1.4722rem; grid-template-columns: 1fr;}
#apply_guide .process_list_type_box > div{display: flex; gap: 0.7778rem; align-items: center; }
#apply_guide .process_list_type_box > div p{padding: 0.8333rem 1.9444rem; border: 1px solid #707070; background-color:#2A543D; color: #fff; border-radius: 28px;}
#apply_guide .process_list_type_box > div ul{ display: flex; gap: 1.1111rem; align-items: center;position: relative;}
#apply_guide .process_list_type_box > div ul li{padding: 0.8333rem 1.9444rem; border: 1px solid #D5D5D5; background-color:#F7F7F7; border-radius: 28px;}
#apply_guide .process_list_type_box > div ul::after { display: block; position: absolute; top:50%; left:50%; z-index: -1; width:90%; height:1px; background-color: #707070; content: ''; transform: translate(-50%, -50%);} 
#apply_guide .process_list_text{  padding: 2.2778rem 0 0; }
#apply_guide .process_list_text p{display: flex;gap: 0.2778rem; align-items: flex-start; justify-content: flex-end; }
#apply_guide .process_list_text p::before{content: "*";}


.eng #apply_guide .process_list_type_box > div ul li { padding-right:10px; padding-left:10px;font-size:14px; }

@media screen and (max-width:1500px){
  .half_wrap{flex-direction: column;}
  #apply_guide .process_list{gap: 0;}
  #apply_guide .half_wrap .ratio9 {width: 100%;}
}
@media screen and (max-width:900px){
  #apply_guide .process_list { gap:2.2222rem; grid-template-columns: repeat(1,1fr);} 
  #apply_guide .process_list::after { top:50%; left:50%; width:2px; height:90%;  transform: translate(-50% , -50%);} 
  #apply_guide .process_list li { display: grid; justify-items: center; padding: 1.1111rem; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); background-color:#fff; justify-self: auto;} 
  #apply_guide .process_list li > div{ padding:0 1.3rem; box-shadow: none; height: auto; background-color:transparent;   border-radius: 0%;}
  
  #apply_guide .process_list_type_box{grid-template-columns: 1fr 1fr;}
  #apply_guide .process_list_type_box > div { flex-direction: column;}
  #apply_guide .process_list_type_box > div ul{flex-direction: column;}
  #apply_guide .process_list_type_box > div p{width: 80%; min-width: 9rem; text-align: center;}
  #apply_guide .process_list_type_box > div ul li{width: 100%; text-align: center;}
  #apply_guide .process_list_type_box > div ul::after{ top:50%; left:50%; width:2px; height:90%;  transform: translate(-50% , -50%);} 


}

#apply_guide .dash_list { font-size:1.1111rem; font-weight: var(--regular); line-height:2rem; } 
#apply_guide .dash_list li { display: flex; gap:0.2778rem } 
#apply_guide .half_wrap a { text-decoration: underline; } 

#apply_guide .apply_btn { display: flex; justify-content: flex-end; } 
#apply_guide .apply_btn a { display: block; padding: 3.0556rem 4.4444rem; width:580px; background-color: #007E3A; background-image: url(/assets/images/sub/ico_link.svg); background-repeat: no-repeat; background-position: right 4.4444rem center; background-size: 1.5rem; font-size: 1.4444rem; font-weight: var(--semiBold); color: #fff; text-align: left !important; transition: var(--transition); } 
#apply_guide .apply_btn a:hover { background-color: #090909; } 

@media screen and (max-width:1200px){
 #apply_guide .apply_btn a { padding: 2rem; } 
 }
@media screen and (max-width:1024px){
 #apply_guide .apply_btn a { padding-left: 15%; } 
 }
@media screen and (max-width:640px){
 #apply_guide .dash_list { line-height:1.8rem; } 
 #apply_guide .apply_btn { justify-content: center; } 
 #apply_guide .apply_btn a:hover { background-color: #007E3A; } 
 #apply_guide .process_list_text p{justify-content: flex-start;}
 }

/* 주성인 인재상 */ 

.value_visual { display : flex; justify-content: center; margin-bottom: 2.7778rem; } 
.value_info { margin-bottom: 5.5556rem;position: relative; } 
.value { width: 100%; background: url(/assets/images/sub/img_value_visual.png) no-repeat center / cover; } 
@media screen and (max-width:640px){
  .value_info { margin-bottom: 0.5556rem; } 
}
.value_info>div { display: grid; gap: 10rem; } 

.value_info .list_top { display: flex; align-items: center; justify-content: center; margin: 0 auto; border: 0.8333rem solid #6C917D; position: relative; width: 13.4444rem; height: 13.4444rem; background: #fff; font-size: 1.3333rem; font-weight: var(--semiBold); color: #2A543D; border-radius: 100%; } 
.value_info .list_top::after { border: 1px solid #C3E2D1; position: absolute; top: 50%; left: 50%; width: 16.3889rem; height: 16.3889rem; content: ""; border-radius: 100%; transform: translate(-50% , -50%); } 
.value_list { display: grid; gap: 1.9444rem; grid-template-columns: 1fr 1fr 1fr; } 
/* 240621 작업 CSS */
.value_info::before { padding: 0 30px; position: absolute; top: 30%; left: 50%; width: 65%; height: 18.25rem; background: url(/assets/images/sub/img_value_line.png)no-repeat center/ contain;content: ""; transform: translate(-50% , -30%);} 

.value_list li { display: flex;  gap: 1.6667rem; flex-direction: column; padding: 90px 10px; position: relative; width: 100%; height: auto; background: #fff; font-size: 1.2222rem; font-weight: var(--medium); text-align: center; border-radius: 27.7778rem; } 
.value_list li > div > div{display: flex;
  align-items: center; justify-content: center;}
.value_list li::before { border-left: 0.3333rem solid #C7C7C7; position: absolute; top: -50%; left: 50%; z-index: -1; width: 1px; height: 27.7778rem; content: ""; transform: translateX(-50%);} 
.value_list li:first-child::before, 
.value_list li:last-child::before {content: none; } 

.value_list li .value_title { margin-bottom: 2.3889rem; font-family: var(--montserrat); font-size: 1.5556rem; font-weight: var(--bold); line-height: 1.8889rem;} 
.value_list li:first-child .value_title { margin-bottom: 1.2222rem; } 
.value_list li p {line-height: 1.4;} 


/**************** 주성인 > 인재상 영문 */
.value_list li p {padding:0 1.5rem; font-size:1.125rem;} 




  /* //240621 작업 CSS */



@media screen and (max-width:1024px){
  /* 240621 작업 CSS */
  .value_info::before {content: none;} 
.value_list li::before { border-left: 0.3333rem solid #C7C7C7; position: absolute; top: -50%; left: 50%; z-index: -1; width: 1px; height: 27.7778rem; content: ""; transform: translateX(-50%);} 
.value_list li::after { position: absolute; top: -5rem; left: 50%; z-index: -1; width: 50px; height: 50px; background: url(/assets/images/sub/img_value_arrow.png)no-repeat center/ 50px; content: ""; transform: translateX(-50%);} 

.value_list li:first-child::after {   top: -90px; right: 0; left: auto; background: url(/assets/images/sub/img_value_arrow.png)no-repeat center/ 50px;content: "";  transform: rotate(45deg);} 
.value_list li:last-child::after {  top: -90px; left: 0;background: url(/assets/images/sub/img_value_arrow.png)no-repeat center/ 50px;content: ""; transform: rotate(-45deg); } 
  /* //240621 작업 CSS */
 .value_list li { font-size: 1rem; } 

 .value_list li:first-child::before { top: -18rem; right: 0; left: auto; height: 25rem;content: ""; transform: rotate(45deg); } 
.value_list li:last-child::before { top: -18rem; left: 0; height: 25rem;content: ""; transform: rotate(-45deg); } 
 }

/* 240621 작업 CSS */ 
 @media screen and (max-width:900px){
  .value_list li > div > div img {max-width: 80%;}
 .value_info .list_top { border: 0.8333rem solid #6C917D; } 
 .value_info>div { gap: 10rem; } 

 .value_list { gap: 0.8889rem; grid-template-columns: 1fr; } 
 .value_list li { display: grid; gap: 2rem; align-items: center; justify-content: flex-start; padding: 50px 20px; width: 100%; height: 100%; font-size: 0.8889rem;
 text-align: left; grid-template-columns: 30% 1fr; border-radius: 0;  } 
 .value_list li .value_title{margin-bottom: 1.2222rem;}
 .value_list li:first-child::before, 
 .value_list li:last-child::before { display: none; } 
 .value_list li:last-child .value_title { margin-bottom: 1.2222rem; } 
 .value_title {font-size: 1.4rem;}
 .value_list li::before { top: -220%; height: 50rem; } 


.value_list li::after,
.value_list li:first-child::after ,
.value_list li:last-child::after {content: none;}

.value_list{position: relative;}
.value_list::after{  position: absolute; top: -5rem; left: 50%; z-index: -1; width: 50px; height: 50px; background: url(/assets/images/sub/img_value_arrow.png)no-repeat center/ 50px;content: ""; transform: translateX(-50%);}
}
/* //240621 작업 CSS */

 @media screen and (max-width:640px){
 .value_info .list_top { border: 0.8333rem solid #6C917D; } 
 .value_list { gap: 0.8889rem; grid-template-columns: 1fr; } 
 .value_list li { display: grid; gap: 2rem; align-items: center; justify-content: flex-start; padding: 50px 20px; width: 100%; height: 100%; font-size: 0.8889rem;
 text-align: left; grid-template-columns: 30% 1fr; border-radius: 0; } 
 

 .value_list li:first-child::before, 
 .value_list li:last-child::before { display: none; } 
 .value_list li:last-child .value_title { margin-bottom: 1.2222rem; } 
 .value_title {font-size: 1.4rem;}


/* 240621 작업 CSS */
.value_list li::after,
.value_list li:first-child::after ,
.value_list li:last-child::after {content: none;}
  /* //240621 작업 CSS */
 }

/* 주성인 인사원칙 */
.principle_info { display : flex; justify-content: center; padding: 2.7778rem; } 
.br_hide-w { display: none; } 
@media screen and (max-width:1024px){
 .top_text__principle .br_hide { display: none; } 
 }
@media screen and (max-width:640px){
 .br_hide { display: none; } 
 .principle_info { padding: 1rem; } 
 .top_text__principle .br_hide-w { display: block; } 
 .top_text__principle .br_hide { display: none; } 
 }

/* 주성인 평가보상제도 */
.hr_vision { display: flex; justify-content: center; padding-top: 2.7778rem; } 
@media screen and (max-width:1024px){
 .hr_vision { padding: 2.7778rem 1.1111rem 6.3333rem; } 
 }
.evaluation_type { margin-bottom: 8.3333rem; } 
.evaluation_type-title { margin-bottom: 2.2222rem; font-size: 1.2222rem; font-weight: var(--bold); text-align: center; } 
.evaluation_type__list { position: relative; } 
.evaluation_type__list ul { display: flex; gap: 4.1111rem; align-items: center; justify-content: center; } 
.evaluation_type__list ul li { display: flex; align-items: center; justify-content: center; width: 17.2222rem; height: 17.2222rem; background: #fff; text-align: center; border-radius: 100%; } 
.evaluation_type__list .evaluation_type__text { line-height: 1.4444rem; } 
.evaluation_type__list .evaluation_type__text b { font-size: 1.4444rem; font-weight: var(--semiBold); } 
.evaluation_type__list .evaluation_type__text p { margin-top: 1.4444rem; font-weight: var(--medium); } 

@media screen and (max-width:1024px){
 .evaluation_type__list ul li { width: 15.2222rem; height: 15.2222rem; } 
 }
@media screen and (max-width:640px){
 .hr_vision { padding: 0 1.1111rem ; } 
 .evaluation_type__list ul { gap: 2.1111rem; flex-direction: column; } 
 .evaluation_type__list ul li { width: 100%; height: 9.2222rem; border-radius: 25px; } 
 .evaluation_type__list .evaluation_type__text p { margin-top: 0.4444rem; } 
 }

.circle_line { position: absolute; top: 50%; left: 50%; z-index: -1; width: 27.7778rem; height: 1px; background: #707070; transform: translateX(-50%); } 
@media screen and (max-width:640px){
 .circle_line { top: 0; width: 1px; height: 27.7778rem; } 
 }


.prize_box { margin-bottom: 2.7778rem; } 
.prize_info { display: grid; margin-bottom: 2.7778rem; grid-template-columns: 20.3333rem 1fr; } 
.prize_info b { font-size: 2.5556rem; font-weight: var(--bold); line-height: 3.8889rem; } 
.prize_info p { font-size: 1.1111rem; line-height: 2rem; } 
.prize_type { display: flex; gap: 1.6667rem; } 
.prize_type div { text-align: center; } 
.prize_type div b { display: block; margin: 1.2rem 0 0.5rem; font-size: 1.6667rem; font-weight: var(--semiBold); line-height: 1.7778rem; } 
.prize_type p { font-weight: var(--medium); line-height: 1.7778rem; } 
@media screen and (max-width:1024px){
 .prize_type { display: grid; grid-template-columns: 1fr 1fr 1fr; } 
 }
@media screen and (max-width:640px){
 .prize_info { gap: 0.5556rem; grid-template-columns: 1fr; } 
 .prize_info b { font-size: 1.5rem; } 
 .prize_type { display: grid; gap: 2rem; grid-template-columns: 1fr; } 
 .prize_type > div { display: grid; grid-template-columns: 1fr; } 
 }
/* 주성인 인재육성 */
.nurture_box { display: flex; justify-content: center; padding: 2.7778rem 0; } 

@media screen and (max-width:1024px){
 .nurture_box { padding: 2.7778rem; } 
 }

@media screen and (max-width:640px){
 .nurture_text .br_hide { display: none; } 
 .nurture_box { padding: 2.7778rem 0.5556rem; } 
 }

/* 주성인 복리후생 */

/* .welfare_info__list { display: grid; gap: 1.6667rem; margin-bottom: 2.7778rem; }  */
.welfare_info__list { display: grid; gap: 5.5556rem; margin-bottom: 2.7778rem; } 
.welfare_info__list >li { display : grid; gap: 6.7778rem; padding-bottom: 5.5556rem; border-bottom: 1px solid #DEDEDE; grid-template-columns: .9fr 1fr;} 
.welfare_info__list >li:last-child { border-bottom: none;} 
.welfare_info__list >li > div >.img_box img{width: 100%;} 
.welfare_info__list li .welfare_info__list__bt { align-self: flex-start; padding-top: 3.8889rem ;  line-height: 1.7778rem; } 
.welfare_info__list li div b { display: block; margin: 1.6667rem 0 1.1111rem; font-size: 1.25rem; font-weight: var(--semiBold); } 
.welfare_info__list li div p { font-size: 1rem; font-weight: var(--medium);  letter-spacing: -1px; } 
.welfare_text br_hide-w { display: none; } 

.welfare_info__list h5{margin-bottom: 1.4444rem; font-size: 1.8889rem; font-weight: var(--semiBold); color: #0D0D0D;}
.welfare_info__list__bt ul{display: grid; gap: 3.8889rem 3rem; grid-template-columns:  1fr 1fr;}
.welfare_info__list__bt ul .img_box{display: flex; align-items: center; height: 2.5556rem; text-align: left; }
.welfare_info__list__bt ul .img_box img{
  height: 100%;   object-fit: contain;
}

@media screen and (max-width:1250px){
  .welfare_info__list li .welfare_info__list__bt { align-self: center; padding: 3.8889rem 2rem 5.5556rem;  line-height: 1.7778rem; } 
  .welfare_info__list >li{ gap: 0;grid-template-columns: 1fr;}
}
@media screen and (max-width:1024px){
 .welfare_info__list { margin-bottom: 2.7778rem; } 
 .welfare_info__list li div .welfare_info__text { display: grid; justify-items: center; gap: 0.5556rem; align-self: center; text-align: center; grid-template-columns: 1fr;
 }
 .welfare_info__list__bt ul {gap: 3.8889rem 0;}
 .welfare_info__list__bt ul .img_box { justify-content: center;}
 }

@media screen and (max-width:640px){
 .welfare_text .sm .br_hide { display: none; } 
 .welfare_text .br_show { display: block; } 
 .welfare_info__list { gap: 2.7778rem; } 
 .welfare_info__list li .welfare_info__list__bt { padding: 2.7778rem 1rem; } 

.welfare_info__list li div b {margin: 1.4rem 0 1rem;} 
.welfare_info__list__bt ul{grid-template-columns: 1fr;}
.welfare_info__list h5{margin-bottom: 1rem; font-size: 1.45rem;}

 }