* {margin:0; padding:0; list-style:none; box-sizing:border-box; font-family: 'Notosanskr'; font-weight:400;letter-spacing:-0.02em; }
a {color:inherit; text-decoration:none;}
img {display:block; width:100%;}

html, body {width:100%; height:100%;}

.job_intro {width:100%; max-width:820px; margin:0 auto; background:#fff; padding-bottom:80px;overflow:hidden;}

.top_fix_area { position:relative; position:fixed; top:0; left:auto; right:auto; z-index:2;width:100%; max-width:820px; background:#fff;}
.top_fix_area .backbtn { display:flex; justify-content:flex-start; align-items:center; height:56px; margin:0 20px; cursor:pointer;}
.top_fix_area .backbtn img {width:24px;}
.top_fix_area .scrollbar {position:relative; width:100%; margin-left:20px;max-width:780px; height:6px; background:#f5f5f5; }
.top_fix_area .scrollbar span {position:absolute; top:0; left:0; width:0; height:100%; background:#50B848; transition:0.3s;}
.top_fix_area .scrollbar span#fix {width:6px;}

.j_article  {width:100%; padding:64px 20px 40px; }

.main_tit {width:100%; margin:0 auto 40px; padding-top:20px; }
.main_tit .profile { width:120px; margin:0 auto;}
.main_tit .slogan {margin:0 auto; max-width:440px;transform:scale(0); animation:title_ani 0.7s ease forwards; animation-delay:0.5s;}
.main_tit p {color:#222; font-size:20px; text-align:center;}
.main_tit p span {display:inline-block; width:2px; height:20px; background:#222; margin:0 12px 0 14px; vertical-align:top; margin-top:5px;}

@keyframes title_ani {
    0% {transform:scale(0);}
    80% {transform:scale(1.05);}
    100% {transform:scale(1);}
}

.j_article .con {width:100%; margin-bottom:40px; }
.j_article .con .img_box {width:100%; margin-bottom:30px;}
.j_article .con .sub_tit {margin-bottom:12px; }
.j_article .con .sub_tit h2 {position:relative; display:flex; justify-content:flex-start; align-items:center; padding-left:14px; color:#222; font-size:20px; font-weight:700; line-height:1.4; }
.j_article .con .sub_tit h2::after {content:""; position:absolute; top:4px; left:0; display:block; width:2px; height:84%; background:#000; margin-right:14px; }
.j_article .con .text_box {margin-bottom:40px;}
.j_article .con .text_box p {color:#222; font-size:18px; line-height:1.6;}

@media all and (max-width:820px) {
    .job_intro .scrollbar {  margin:0; max-width:820px;}

}

@media all and (max-width:500px) {

    .top_fix_area .backbtn {height:50px;}

    .main_tit .profile { width:100px; }
    .main_tit .slogan { max-width:320px;}
    .main_tit p {font-size:16px; }
    .main_tit p span {height:16px;}
    .j_article .con .sub_tit h2 {font-size:18px; }
    .j_article .con .text_box p {font-size:16px; }
}