/* 공통 */
.sub_con {width:100%; padding:0 15px;}
.sub_title1 {font-size:16px; font-weight: 600; color:#006dbb; font-family: 'Raleway', sans-serif;}
.sub_title1::after {content: ''; display: block; width:1px; height:40px; margin: 20px auto 0; background: #006dbb;}
.sub_title2 {font-size:22px; font-weight: 400; color:#2a2a2a; position: relative; font-family: 'NEXON Lv1 Gothic OTF';}
.sub_title2::after {content: ''; display: block; width:40px; height:2px; background: #006dbb; margin:20px auto 30px;}
.sub_p {font-size:15px; font-weight: 400; color:#2a2a2a; line-height: 25px; word-break: keep-all; letter-spacing: -.5px; word-break: keep-all;}

/*Content CSS*/
#hrsystem {text-align: center; padding:50px 0 80px 0;}
/* 인사제도 */
.personnel {display: flex; padding-bottom:50px; border-bottom:1px solid #d7d7d7; text-align: center; align-items: center; flex-direction: column;}
.personnel > div {}
.personnel > div > p {margin-bottom:50px;}
.personnel ul li {display: flex; align-items: flex-start; margin-bottom:35px; text-align: left;}
.personnel ul li:last-child {margin-bottom:0;}
.personnel ul li div:nth-child(1) {width:80px; height:80px; text-align: center; line-height: 80px; background: #f5f5f5; margin-right:20px; border-radius: 50%; transition: all .3s ease; min-width:80px;}
.personnel ul li div:nth-child(1) img {transition: transform 500ms;}
.personnel ul li div:nth-child(2) h2 {font-size:16px; font-weight: 400; color:#2a2a2a; }
.personnel ul li div:nth-child(2) p {font-size:14px; font-weight: 300; letter-spacing: -.5px; color:#5b5b5b; margin-top:8px; word-break: keep-all;}

/* 직급체계 */
.rank {padding-top:50px; text-align: left;}
.rank > div:nth-child(1) {text-align: center;}
.rank > div:nth-child(1) span {font-size:15px; font-weight: 300; color:#5b5b5b; letter-spacing: -.5px; text-align: right; display: block;}
.rank_info {margin:50px auto 0; text-align: center;}
.rank_info img {width:170px;}
.rank_info ul {display: flex; }
.rank_info ul li {width:200px; height:100%; padding:100px 0 0 0; }
.rank_info ul li:first-child {padding-left:20px;}
.rank_info ul li:nth-child(2) {padding-left:15px;}
.rank_info ul li:nth-child(3) {padding-left:5px;}
.rank_info ul li:nth-child(4) {padding-right:5px;}
.rank_info ul li:nth-child(5) {padding-right:15px;}
.rank_info ul li:nth-child(6) {padding-right:20px;}
.rank_info ul li h2 {font-size:18px; color:#2a2a2a; font-family: 'NEXON Lv1 Gothic OTF'; margin-bottom:15px;}
.rank_info ul li p {font-size:15px; color:#2a2a2a; font-weight: 400; font-family: 'NEXON Lv1 Gothic OTF'; display: none;}


@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}