@charset "UTF-8";
.program--view .inner .info_box .list-1st{display:flex;flex-wrap: wrap;}
.program--view .inner .info_box .list-1st li{width: 33.333%;}
.program--view .inner .info_box .cnts_txt{text-align:center}
@media (max-width:1023px) {
    .program--view .inner .info_box .list-1st li{width: 50%;}
}

@media (max-width:540px) {
    .program--view .inner .info_box .list-1st li{width:100%;}
}


/* 0503 */
.program-skin_recruit li{height: 250px;}
.program-skin_recruit li .link{padding-bottom: 80px;}
.program-skin_recruit li small{margin-bottom: 10px;}
.program-skin_recruit li small strong{height: 24px;line-height: 22px;}
.program-skin_recruit li .period{line-height: 1.1;padding-top: 17px;background-position: 0 37px;padding-left: 25px; height: 70px;}
.program-skin_recruit li .period .cate{display:block;font-family: 'gmarket';font-weight: 500;color:#757575;/* margin-left: -23px; */margin-bottom: 6px;font-size: 14px;}
.program-skin_recruit li p strong.job em {/* -webkit-line-clamp: 1; */height: 60px;}
.program-skin_recruit li p strong.job span{display:inline-block;line-height: 1;}
.program-skin_recruit li p strong.job .job_text {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 20px;line-height: 1;}




@media (max-width:767px) {
    .program-skin_recruit li .period{padding-top: 13px;}
    .program-skin_recruit li .period .cate{margin-bottom: 12px;}
}

/* 221208 */
/* 변경된 스타일  */
.program-skin_recruit{overflow: visible;}
.program-skin_recruit ul{width:calc(100% + 30px);margin: 0 0 0 -15px;}
.program-skin_recruit li{padding: 15px; height: auto; }
.program-skin_recruit li .link{background-color:#f6f6f6;padding: 0;border-radius: 0 8px 0 0;border:0;min-height: 217px;}

.program-skin_recruit li .link .link-box{padding:23px 29px 16px;display: block;height: 100%;}

.program-skin_recruit li .link:hover,.program-skin_recruit li .link:focus{box-shadow: none;}
.program-skin_recruit li .link:hover .link-box,.program-skin_recruit li .link:focus .link-box{border: 0;outline: transparent;background-color:#f6f6f6;position: relative;z-index: 3;}
.program-skin_recruit li .link:before{display:block; width:100%;height:100%;background-color: #e1e1e1; position:absolute;top:0;left:0;opacity: 0; visibility: hidden;transition: 0.3s; content:'';z-index: -1; border-radius: 0 8px 0 0;}
.program-skin_recruit li .link:hover:before,.program-skin_recruit li .link:focus:before{opacity: 1;visibility: visible;transform: translate(10px,10px);z-index: -1;}


.program-skin_recruit li .link *,
.program-skin_recruit li p strong.job span,
.program-skin_recruit li p strong.job em,
.program-skin_recruit li .period .cate{font-family: 'NanumBarunGothic';font-weight: 500;}
.program-skin_recruit li small{margin-bottom: 14px;}
.program-skin_recruit li small strong{border-radius: 0;color:#3b3b3b;border: transparent; padding: 0;}
.program-skin_recruit li p strong.job{background-color: #fff; padding:14px 17px}
.program-skin_recruit li p strong.job .job_text{margin-bottom: 11px;}
.program-skin_recruit li p strong.job span{font-size:15px;font-weight: bold;}
.program-skin_recruit li p strong.job em {color:#333333;font-size:17px;font-weight: bold; letter-spacing: -1px;-webkit-line-clamp:3}

.program-skin_recruit li .period{position: relative;top:auto;bottom: auto;left: auto;width: 100%;color:#666;font-size: 15px;margin-top: 19px;background-image: none;border:1px solid transparent;padding-top: 0;}
.program-skin_recruit li .period:before{content:'';display:block;width:15px;height: 15px;background:url(/images/recruit/time.png) no-repeat center center;background-size: 100%;position: absolute;top: 0px;left:5px}


.program-skin_recruit li .period .cate{color:#666;font-weight: bold;}
.program-skin_recruit li .more{display:none}
 /* 카테고리 추가 , 카테고리는 버튼에 추가된 클래스에 따라 스타일 변동 됨*/
 .program-skin_recruit li .link .re-stats{display:inline-block;position:absolute;min-width: 81px;height:37px;font-size: 15px;color:#fff;padding: 10px 11px 11px;text-align: center;top:0;right:0;border-radius: 0 8px 0 8px;border: 0;box-sizing: border-box;line-height: 1; font-weight: bold; overflow: hidden; background-color: #e16984;}
 .program-skin_recruit li .link .re-stats em{color:#fff;height: auto;}
 .program-skin_recruit li .link p strong.job span{color:#e16984}



/* 상시모집일 때 button 클래스에 daily 추가 */

.program-skin_recruit li .link.view1 .re-stats{background-color: #476bb4;}
.program-skin_recruit li .link.view1  p strong.job span{color:#476bb4}

.program-skin_recruit li .link.view2 .re-stats{background-color: #e16984;}
.program-skin_recruit li .link.view2  p strong.job span{color:#e16984}

.program-skin_recruit li .link.view3 .re-stats{background-color: #333;}
.program-skin_recruit li .link.view3  p strong.job span{color:#333}


/* 
.program-skin_recruit li .link[class*="RR"]{}
.program-skin_recruit li .link[class*="RR"] .re-stats{background-color: #476bb4;}
.program-skin_recruit li .link[class*="RR"] {}
.program-skin_recruit li .link[class*="RR"]  p strong.job span{color:#476bb4} */



@media screen and (max-width:940px) {
    .program-skin_recruit ul{width:calc(100% + 20px); margin: 0 -10px;}
    .program-skin_recruit li{width:50%;padding: 10px;}

}


@media screen and (max-width:767px) {
    .program-skin_recruit li .link{box-shadow: none;}
    .program-skin_recruit li .link:hover,.program-skin_recruit li .link:focus{box-shadow: none; transform: none;}
    .program-skin_recruit li .link:hover .link-box,.program-skin_recruit li .link:focus .link-box{border: 0;outline: transparent;background-color:#f6f6f6;position: relative;z-index: 3;}
    .program-skin_recruit li .link:before,
    .program-skin_recruit li .link:hover:before,.program-skin_recruit li .link:focus:before{display:none}


}



@media screen and (max-width:640px) {
    .tabTypeC{padding: 32px 20px 20px 180px;}
    .tabTypeC li{margin-bottom: 10px; padding-bottom: 5px; }
    .tabTypeC li:last-child{margin-bottom: 0;}
    .tabTypeC li a span{padding: 0 10px;}
    .tabTypeC li.on:before{bottom: 0;}

    .program-skin_recruit{overflow: hidden;}
    .program-skin_recruit ul{width:100%; margin: 0 ;}
    .program-skin_recruit li{width:100%; padding-left: 0; padding-right: 0;}

}

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

    .program--view .inner .card--btn .btn:first-child{margin-bottom: 5px;}

}

/* 합격자화면*/
#pass{width:100%;height:100%;min-height:704px;background:#eef3f1;display: flex;align-items: center;justify-content: center;flex-direction: column;padding-left: 40px;padding-right: 40px;}
#pass *{font-family: 'gmarket'; color:#222222}
#pass .point{color:#026940}
#pass .logo,#pass .pass-con,#pass .pass-con .small,#pass .pass-con .re-text{display:block}
#pass .logo,#pass .pass-con{ margin: 0 auto}
#pass .logo{background: url('/images/recruit/pass_logo.png'); width: 144px;height: 98px; margin-bottom: 45px;}
#pass .pass-con{max-width: 1164px;height:363px;background-color: #fff;box-shadow:0 0 10px rgba(94,123,111,0.1);border-radius: 13px;width: 100%;padding: 50px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}

#pass .pass-con .small,#pass .pass-con .small span,#pass .pass-con .re-text + p{font-size: 22px; line-height: 1.2; word-break: keep-all; }
#pass .pass-con .re-text,#pass .pass-con .re-text span{font-size:36px;font-weight: bold; line-height: 1.2; word-break: keep-all; }
#pass .pass-con .small{margin-bottom: 19px;}
#pass .pass-con .re-text{margin-bottom: 47px;}
#pass .pass-con .re-text em{}


@media screen and (max-width:570px) {
    #pass{padding-left: 20px; padding-right: 20px;}
    #pass .pass-con{padding: 20px; height: 293px;}
    #pass .pass-con .small, #pass .pass-con .small span, #pass .pass-con .re-text + p{font-size: 18px;}
    #pass .pass-con .re-text, #pass .pass-con .re-text span{font-size: 28px;}
    #pass .pass-con .re-text{margin-bottom: 27px;}
}

@media screen and (max-width:450px) {
    .pass-con .small .name{display:block}
}