/* 공통 */
.sub_con {width: 1300px; margin:0 auto;}
.sub_title h2 {font-size:18px; font-weight: 700; color:#1f9fae; letter-spacing: 6.3px; text-transform: uppercase; margin-bottom: 20px; font-family: 'NanumSquare',sans-serif;}
.sub_title h1 {font-size:48px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}
.sub_title p {font-size:17px; font-weight: 400; color:#666; font-family: 'NanumSquare',sans-serif; margin:20px 0 0; line-height: 36px; }
.sub_p {font-size:16px; font-weight: 300; color:#666; line-height: 30px; letter-spacing: -.5px; }
.w_bg {padding:100px 0 ; background: #fff;}
.g_bg {padding:100px 0 ; background: url('../img/dot_bg.jpg') 50% 50% repeat;}
.bullet_title {position: relative; font-size:24px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif; padding-left:30px; }
.bullet_title span {display: block; width: 3px; height: 24px; background: #1f9fae; position: absolute; left:0; top:7px; }
.bullet_title span::after {content: ''; display: inline-block; width: 3px; height: 24px; background: #4cd2e2; margin-left:8px; }
.step {width: 100%; border-top:1px solid #000; text-align: left; }
.step li {padding:16px 50px; border-bottom: 1px solid #ddd; display: flex; align-items: center; }
.step li span {display: block; width: 36px ;height: 36px; border-radius: 50%; background: #1f9fae; text-align: center; line-height: 36px; font-size: 18px; font-weight: 800;
color:#fff; font-family: 'NanumSquare',sans-serif;  margin-right: 24px; }
.step li p {font-size:16px; font-weight: 300; color:#666; }
.step li:nth-child(even) span {background-color: #333; }

/*Content CSS*/
#job {text-align: center; padding:80px 0 0;}
/* sec1 */
#job_sec1 {margin:85px 0 0;}
#job_sec1 > h1 {font-size:30px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}
#job_sec1 > h1::before {content: ''; display: block ; width: 50px; height: 3px; background: #1f9fae; margin:0 auto 22px;}
.s1_list {display: flex; flex-wrap:wrap; margin:65px 0 0;}
.s1_list li {width: 244px; height: 244px; background: #fff; border:1px solid #bbd9dd; border-top:3px solid #1f9fae; padding:45px 0 0; margin:0 20px 35px 0; }
.s1_list li:nth-child(5n) {margin-right: 0; }
.s1_list li:nth-child(n+11) {margin-bottom: 0; }
.s1_list li:nth-child(2), .s1_list li:nth-child(4), .s1_list li:nth-child(7), .s1_list li:nth-child(9), .s1_list li:nth-child(12) {border-top-color: #333; }
.s1_list li h2 {font-size:18px; font-weight: 700; color:#333; margin:15px 0 10px;  font-family: 'NanumSquare',sans-serif;}
.s1_list li .icon {height: 62px; }
.s1_list li p {font-size:13px; font-weight: 300; color:#8b8b8b; letter-spacing: -.3px; line-height: 22px; }
.s1_list li .icon img {transition: transform 500ms;}
.s1_list li:hover .icon img {transform: rotateY(180deg);}


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

}

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

}

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

}

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

}