@import url('sub.css'); 

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap');


/**** S:: Recruit > welfare ****/
.welfare_in {display:grid;grid-template-columns: repeat(4, 1fr); grid-auto-flow:row dense; width:100%;}
.welfare_in .welfare_box {display:flex; align-items: center; border:1px solid var(--border); }
.welfare_in .welfare_box dl {display:flex; flex-direction:row; align-items: center; padding:55px 30px; width:100%;  box-sizing:border-box;}
.welfare_in .welfare_box dl dt {width:70px;}
.welfare_in .welfare_box dl dd {width:calc(100% - 70px); padding-left:30px; box-sizing:border-box;}
.welfare_in .welfare_box dl dd .ko{font-family: 'Noto Sans KR', "Noto Sans TC","Noto Sans JP", Malgun Gothic,'Malgun Gothic', sans-serif; font-weight: 500;}
.welfare_in .welfare_box dl dd .fs20{line-height: 150%;}
.welfare_in .welfare_box img {max-width:100%;}
.welfare_btn { padding-top:60px;}

.welfare_in .welfare_box:first-of-type {border-radius:15px 0 0 0;}
.welfare_in .welfare_box:nth-of-type(4) {border-radius:0 15px 0 0; border-right:1px solid var(--border);}
.welfare_in .welfare_box:nth-of-type(8) { border-right:1px solid var(--border);}
.welfare_in .welfare_box:nth-of-type(12) { border-right:1px solid var(--border);}
.welfare_in .welfare_box:nth-of-type(16) { border-right:1px solid var(--border);}
.welfare_in .welfare_box:nth-of-type(17) {border-radius:0 0 0 15px; border-bottom:1px solid var(--border);}
.welfare_in .welfare_box:last-of-type {border-radius:0 0 15px 0; border-bottom:1px solid var(--border); border-right:1px solid var(--border);}
.welfare_in .welfare_box:nth-of-type(18) { border-bottom:1px solid var(--border);}
.welfare_in .welfare_box:nth-of-type(19) { border-bottom:1px solid var(--border);}
.welfare_in .welfare_box {border-bottom:0; border-right:0;}

.welfare_btn {display:flex; flex-direction:row; gap:4px;justify-content: center;align-items: center}
.welfare_btn .detail_btn.kor {background: var(--white);}
.welfare_btn .detail_btn.kor em {color:var(--main)}
.welfare_btn .detail_btn.kor i:before {background: var(--main);}
.welfare_btn .detail_btn.kor i:after {color:var(--main)}

.welfare_btn .detail_btn.kor:hover em {color:var(--white)}
.welfare_btn .detail_btn.kor:hover i:after {color:var(--white)}
/**** E:: Recruit > welfare ****/


	



/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){



}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1300px){

/**** S:: Recruit > welfare ****/
.welfare_in .welfare_box dl{padding: 40px 25px;}
.welfare_in .welfare_box dl dt {width:50px;}
.welfare_in .welfare_box dl dd {padding-left:20px; width:calc(100% - 50px);}
.welfare_in .welfare_box dl dd .fs20{font-size:1.125rem;}
/**** E:: Recruit > welfare ****/

}

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

/**** S:: Recruit > welfare ****/
.welfare_in .welfare_box dl {padding:30px 30px;}

.welfare_in .welfare_box p br {display:none;}
.welfare_in {grid-template-columns: repeat(2, 1fr); grid-auto-flow:row dense;}
.welfare_in .welfare_box { border-bottom:0; }
.welfare_in .welfare_box:nth-of-type(2) {border-radius:0 15px 0 0;}
.welfare_in .welfare_box:nth-of-type(4) {border-radius:0;}
.welfare_in .welfare_box:nth-of-type(17) {border-radius:0;}
.welfare_in .welfare_box:nth-of-type(19) {border-radius:0 0 0 15px;}
.welfare_in .welfare_box:last-of-type, .welfare_in .welfare_box:nth-of-type(19) {border-bottom:1px solid var(--border); border-top:0;}
.welfare_in .welfare_box:nth-of-type(odd)  {border-right:0;}
.welfare_in .welfare_box:nth-of-type(even)  {border-right:1px solid var(--border);}
.welfare_btn { padding-top:40px;}
/**** E:: Recruit > welfare ****/

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/**** S:: Recruit > welfare ****/
.welfare_btn {padding-top:30px;}

.welfare_in .welfare_box dl {padding:25px 20px;}
.welfare_in .welfare_box dl dd {padding-left:15px; width:calc(100% - 40px);}
.welfare_in .welfare_box dl dt { width:40px;}
/**** E:: Recruit > welfare ****/


}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){


/**** S:: Recruit > welfare ****/
.welfare_in{display: block; border:1px solid var(--border); border-radius:var(--borderR15);}
.welfare_in .welfare_box{border:0; border-bottom: 1px solid var(--border);}
.welfare_in .welfare_box:nth-of-type(2) {border-radius:0;}
.welfare_in .welfare_box:nth-of-type(4) {border-radius:0;}
.welfare_in .welfare_box:nth-of-type(17) {border-radius:0;}
.welfare_in .welfare_box:nth-of-type(19) {border-radius:0;}
.welfare_in .welfare_box:last-of-type, .welfare_in .welfare_box:nth-of-type(19) {border-bottom:1px solid var(--border); border-top:0;}
.welfare_in .welfare_box:last-of-type{border-bottom: 0;}
.welfare_in .welfare_box:nth-of-type(odd)  {border-right:0;}
.welfare_in .welfare_box:nth-of-type(even)  {border-right:0;}
/**** E:: Recruit > welfare ****/


}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){

}