/* general.css */
#wrapper{width: 100%; max-width:100%; margin: 0 auto; }
.content_wrap#content{ padding:0 !important; }
.content_wrap#content section{ overflow:hidden; font-family:'Noto Sans KR', sans-serif; }
.flex_wrap{display:flex; flex-flow:row wrap;}
.sub_wrap{max-width:100%; width: 100%;margin: 0 auto; padding:120px 0;}
.sub_con{ max-width:1240px; padding:0 20px; width:100%; margin:0 auto; }



/* sub title */

#sub_title h2{position:relative; color: #333; font-size:24px; width: 100%; text-align: center; margin-bottom: 110px;}
#sub_title h2:after {content:''; max-width: 80px; width: 100%; height: 3px; background-color: #ff9c00; margin: 0 auto; position: absolute; top: 60px; left: 0; right: 0; border: 0;}


/* sub 01 */

.sub01_up{background-image:url("/sub/img/career/01-00.jpg"); background-repeat: no-repeat; background-position: center; background-size:cover;   width: 100%; height: 602px;  margin: 0 auto;  padding: 0 30px; display: flex;}

.sub01_up_txt_wrap{ width: 100%; max-width: 1200px; margin: 0 auto;  padding-bottom: 80px;  padding-bottom: 70px;  display: flex;  justify-content: center;  align-items: center;}
.sub01_up_txt{text-align: center; padding: 30px 0; max-width: 300px; width: 100%; border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.sub01_up_txt h1{font-size:24px; color: #fff; font-weight: 600; letter-spacing: 7px;opacity:0.6; margin:20px auto 8px; }
.sub01_up_txt h3{font-size:20px; color: #fff; font-weight: 400;}

.sub01_down{text-align:center; width: calc(100% - 60px); max-width: 1200px; background-color: #fff; margin: -100px auto 0; padding: 60px 40px 60px;}
.sub01_down h2{font-size:20px; color: #f69600; font-weight: 600; margin-bottom:10px;}
.sub01_down p{font-size:18px; color: #777; font-weight: 400;max-width: 800px; width:100%; word-break: keep-all; margin:0 auto;}

.sub01_info{width: calc(100% - 60px); max-width: 1260px; background-color: #233453; padding: 40px 40px; color: #fff; flex-wrap: nowrap; margin: 0 auto;}
.sub01_info_wrap{flex-flow: row wrap; display: flex; align-items: center; justify-content: space-between;}
.sub01_info h2{font-size:18px;}
.sub01_info_pt p{float:left; margin-left:20px; font-size:18px;}
.sub01_info_pt p:first-child{margin-left:0;}

@media(max-width:720px){
    .sub01_info h2{margin-bottom:10px; }
    .sub01_info_pt p{width:100%; margin-left:0; margin-bottom:8px;}
    .sub01_info_pt p:last-child{margin-bottom:0;}
}


@media(max-width:700px){
    .sub01_up{height:502px;}
}

@media(max-width:400px){
    .sub01_up{height:402px;}
    .sub01_down p{word-break: break-all; text-align: justify;}
}