@charset "utf-8";


/* @keyframes sup_example {  */
/*   0%{ left:0px; opacity: 0} */
/*   50%{left:0px; opacity: 0} */
/*   100%{ left:0px; opacity: 1} */
/* } */



/* 취업센터 */
.sup_explain_wrap {}
.sup_explain_wrap .explain_text span:not(:first-of-type) {padding-top:15px;}

.sup_guide_wrap .sup_guide {position:relative; width:900px; height:262px; margin:0 auto; padding-top:30px; background:url(/resources/images/support/sup_guide.png) no-repeat; background-position:137px center;}
.sup_guide_wrap .sup_guide div.guide_ani {position:absolute; bottom:4px; left:76px; margin-top:0; animation:guide_ani 0.9s linear infinite alternate; animation-delay:0s;}
.sup_guide_wrap .sup_guide p {padding:0 0 25px 21px; margin-left:444px; font-family:"CoreGothic4"; font-size:16px; background-image:url(/resources/images/common/check.png); background-position:0 5px; background-repeat:no-repeat;}
/* .sup_guide_wrap .sup_guide p::before {margin-right:7px; content:url(/resources/images/common/check.png);} */
.sup_guide_wrap .sup_guide p span {display:inline-block; padding-bottom:3px;font-family:"CoreGothic6"; font-size:18px;}

@keyframes guide_ani { 
    0% {bottom:4px;}
    100% {bottom:-7px;}
}


.sup_process_wrap {padding:60px 70px 0;}
.sup_process_wrap .process_actiontype div[class^="loading"] {opacity:0; animation-name:sup_process_ani; animation-fill-mode:forwards;}
.sup_process_wrap .process_actiontype div[class^="loading"] .process_img {width:103px; height:103px; margin:0 auto 17px;}
.sup_process_wrap .process_actiontype div[class^="loading"]:nth-of-type(odd) {}
.sup_process_wrap .process_actiontype div[class^="loading"]:nth-of-type(even) {top:-109px;}
.sup_process_wrap .process_actiontype .loading1 .process_img {background-image:url(/resources/images/support/sup_process1.png);}
.sup_process_wrap .process_actiontype .loading3 .process_img {background-image:url(/resources/images/support/sup_process2.png);}
.sup_process_wrap .process_actiontype .loading5 .process_img {background-image:url(/resources/images/support/sup_process3.png);}
.sup_process_wrap .process_actiontype .loading7 .process_img {background-image:url(/resources/images/support/sup_process4.png);}
.sup_process_wrap .process_actiontype .loading9 .process_img {background-image:url(/resources/images/support/sup_process5.png);}
.sup_process_wrap .process_actiontype .loading11 .process_img {background-image:url(/resources/images/support/sup_process6.png);}


/*취업센터 프로세스 아이콘 효과*/
.sup_process_wrap .process_actiontype .loading1 {padding-right:27px;
    animation-duration:2.6s;
    animation-delay:0s;
    -webkit-animation-duration:2.6s;
    -moz-animation-duration:2.6s;
    -o-animation-duration:2.6s;
    -ms-animation-duration:2.6s;
}
.sup_process_wrap .process_actiontype .loading2 {
    animation-duration:2.6s;
    animation-delay:0s;
    -webkit-animation-duration:2.6s;
    -moz-animation-duration:2.6s;
    -o-animation-duration:2.6s;
    -ms-animation-duration:2.6s;
}
.sup_process_wrap .process_actiontype .loading3 {padding:0 21px 0 21px;
    animation-duration:2.7s;
    animation-delay:0s;
    -webkit-animation-duration:2.7s;
    -moz-animation-duration:2.7s;
    -o-animation-duration:2.7s;
    -ms-animation-duration:2.7s;
}
.sup_process_wrap .process_actiontype .loading4 {
    animation-duration:2.7s;
    animation-delay:0s;
    -webkit-animation-duration:2.7s;
    -moz-animation-duration:2.7s;;
    -o-animation-duration:2.7s;
    -ms-animation-duration:2.7s;
}
.sup_process_wrap .process_actiontype .loading5 {padding:0 29px 0 26px;
    animation-duration:2.8s;
    animation-delay:0s;
    -webkit-animation-duration:2.8s;
    -moz-animation-duration:2.8s;
    -o-animation-duration:2.8s;
    -ms-animation-duration:2.8s;
}
.sup_process_wrap .process_actiontype .loading6 {
    animation-duration:3s;
    animation-delay:0s;
    -webkit-animation-duration:3s;
    -moz-animation-duration:3s;
    -o-animation-duration:3s;
    -ms-animation-duration:3s;
}
.sup_process_wrap .process_actiontype .loading7 {padding:0 22px 0 26px;
    animation-duration:3s;
    animation-delay:0s;
    -webkit-animation-duration:3s;
    -moz-animation-duration:3s;
    -o-animation-duration:3s;
    -ms-animation-duration:3s;
}
.sup_process_wrap .process_actiontype .loading8 {left:7px;
    animation-duration:3.2s;
    animation-delay:0s;
    -webkit-animation-duration:3.2s;
    -moz-animation-duration:3.2s;
    -o-animation-duration:3.2s;
    -ms-animation-duration:3.2s;
}
.sup_process_wrap .process_actiontype .loading9 {
    animation-duration:3.2s;
    animation-delay:0s;
    -webkit-animation-duration:3.2s;
    -moz-animation-duration:3.2s;
    -o-animation-duration:3.2s;
    -ms-animation-duration:3.2s;
}
.sup_process_wrap .process_actiontype .loading10 {left:-7px;
    animation-duration:3.4s;
    animation-delay:0s;
    -webkit-animation-duration:3.4s;
    -moz-animation-duration:3.4s;
    -o-animation-duration:3.4s;
    -ms-animation-duration:3.4s;
}

.sup_process_wrap .process_actiontype .loading11 {padding-left:20px;
    animation-duration:3.4s;
    animation-delay:0s;
    -webkit-animation-duration:3.4s;
    -moz-animation-duration:3.4s;
    -o-animation-duration:3.4s;
    -ms-animation-duration:3.4s;
}

@keyframes sup_process_ani { 
  0% {opacity:0;}
  50% {opacity:1;}
  100% {opacity:1;}
}







.sub_interview {padding:unset; background: url(/resources/images/landing/support/sub_support_interview_bg.jpg)no-repeat top center; background-size:cover; height:1141px;}
.sub_interview .story_img_wrap {width: 1280px; margin:0 auto; padding-top:47px; position:relative;}
.sub_interview .img_box_wrap{/* margin:0 12px 59px 0; */ margin:0 15px 59px 0; padding-right:0; float: left;}
.sub_interview .img_box_wrap:nth-child(5n) {margin-right:0px;}
/* .sub_interview .img_box_wrap:nth-child(10){margin-right:0px;} */