/* 공통 */
.sub_con {width:100%; padding:0 15px;}
.s_title {text-align: center;}
.s_title h1 {font-size:28px; font-weight: 400; color:#272727; letter-spacing: .4px; font-family: 'paybooc-Medium'; text-align: center;}
.s_title h2 {font-size:14px; font-weight: 400; color:#0030a1; margin-top:5px; font-family: 'Ubuntu', sans-serif;}
.s_title::after {content: ''; display: block; width:1px; height:40px; background: #0030a1; margin:20px auto 0;}
.sub_p {font-size:14px; font-weight: 300; color:#4d4d4d; line-height: 24px; letter-spacing: -.5px; word-break: keep-all;}
.b_title {font-size:20px; font-weight: 400; color:#2a2a2a; font-family: 'paybooc-Medium'; margin-bottom:15px; padding-left:20px; position: relative;}
.b_title::before {content: ''; display: block; width:10px; height:10px; background: #fff; border:2px solid #0c3381; border-radius: 50%; position: absolute; left:0; top:6px;}
.apos_head {display: inline-block; position: relative;}
.apos_head h1 {font-size:16px; font-weight: 400; line-height: 34px; color:#373737;  font-family: 'paybooc-Medium'; display: inline-block; padding:0 45px;
word-break: keep-all;}
.apos_head > img {position: absolute; top:0; width: 30px;}
.apos_head > .apos1 {left:-0;}
.apos_head > .apos2 {right:-0;}

/*Content CSS*/
#job {padding:60px 0; text-align: center;}
#job .apos_head {margin:50px 0 40px; }
#job .apos_head h1 {font-size:14px; line-height: 30px; word-break: keep-all; padding:0;}
#job .apos_head h1 span {color: #0030a1; font-weight: 500; }
#job .apos_head > img {top:-30px;}
/* #job .apos_head > .apos1 {left:-130px; top:-20px;}
#job .apos_head > .apos2 {right:-130px; top:-20px;} */
.job_diagram {text-align: center; padding:0 15px;}
.job_diagram img {max-width: 85%;}


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

}

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

}

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

}

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

}