/* * E M P L O Y   P A G E  T I T L E * */
#EMPLOYCENTER .pgTitle.Basic{
    background-image: url(../img/5employ/employ_pgTitle_bg.jpg);
}

/* * 취 업 센 터  공 통 사 항 S T Y L E * */
.EM_Wrap{
    width: 1200px;
}




/* * * * * * * * * * * * * * * * * * * * * */
/* * * * * * *  취 업 현 황  * * * * * * */
.EM_status{
    width: 100%;
    background: pink;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}
.EM_status .EM_staList{
    width: 100%; height: 298px;
    background: white;
    border-bottom: 1px solid #ddd;
    padding: 30px 35px 35px 35px;
    position: relative;
}
.EM_staList .EMsta_img{
    width: 287px; height: 233px;
    overflow: hidden;
    margin-right: 30px;
    float: left;
    font-size: 0;
    position: relative;
    border: 1px solid #eee;
    
}
.EM_staList .EMsta_img img{
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

/* - 취업현황 썸네일 - hover box STYLE - */
.EM_staList .EMsta_img .box_ov{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.EM_staList .EMsta_img .box_ov .hoverbx{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 15px;
    border: 1px solid #ff7800;
    transform: scale(0);
    opacity: 0;
}
.EM_staList .EMsta_img .box_ov .hoverbx em{
    display: inline-block;
    overflow: hidden;
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px;
    color: #fff;
    background: #ff7800;
    border-radius: 30px;
    padding: 10px 15px 15px 15px;
}

/* - 썸네일 hoverbx:hover animation - */
.EM_staList .EMsta_img:hover .box_ov{
    background: rgba(0,0,0,0.7);
}
.EM_staList .EMsta_img:hover .box_ov .hoverbx{    
    transform: scale(1);
    transition-duration: 0.3s;
    opacity: 1;
}
/* */


.EM_staList .EMsta_txt{
    float: left;
    width: 813px;
}
.EMsta_txt .EMsta_tit{
    font-size: 22px;
    font-weight: 700;
    color: #ff7800;
}
.EMsta_txt .EMsta_tit:after{
    content: '취업을 축하드립니다 !';
    font-weight: 500;
    color: #333;
    margin-left: 5px;
}



.EMsta_txt .EMsta_cnt{
    width: 100%;
    padding: 20px 0;
}
.EMsta_txt .EMsta_cnt li{
    float: left;
    width: 33%;
    margin-bottom: 10px;
}
.EMsta_txt .EMsta_cnt li .EMsta_cnt_title{
    float: left;
    font-size: 14px;
    font-weight: 500;
}

.EMsta_txt .EMsta_cnt li .EMsta_cnt_title:before{
    content: '・';
}
.EMsta_txt .EMsta_cnt li .EMsta_cnt_title:after{
    content: '';
    display: inline-block;
    width: 1px; height: 10px;
    background: #333;
    margin: 0 10px;
}
.EMsta_txt .EMsta_cnt li .EMsta_cnt_text{
    float: left;
    font-size: 14px;
}




.EM_staList .EMsta_link{
    position: absolute;
    bottom: 35px;
}
.EM_staList .EMsta_link .moreLink{
}
.EM_staList .EMsta_link .moreLink>a{
    width: 250px;
    margin-right: 20px;
}
.EM_staList .EMsta_link .moreLink .btnEf{
    background: #d7d7d7;
    color: #666;
}
.EM_staList .EMsta_link .moreLink .btnEf:hover{
    background: #ff7800;
    color: #fff;
}


/* * * * * * * * * * * * * * * ** * * * */
/* * * * * * *  채 용 정 보  * * * * * * */

.EM_incruit{
    width: 100%;
}
.EM_incruit .EM_incList{
    width: 285px; 
    height: 220px;
    
    background: #fff;
    position: relative;
    margin-bottom: 30px;
    margin-right: 20px;
    float: left;
}
.EM_incruit .EM_incList:nth-child(4), 
.EM_incruit .EM_incList:nth-child(8), 
.EM_incruit .EM_incList:nth-child(12){
    margin-right: 0;
}
/* 채용공고 썸네일 커버 (anchor태그) */
.EM_incList .incList_hv{
    position: absolute;
    top: 0; left: 0;
    display: block;
    width: 100%; height: 100%;
    background: #fff;
    border: 1px solid #eee;
    overflow: hidden;
    z-index: 1;
    transition: all .4s;
    -webkit-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}
.EM_incList .incList_hv.bottom{
    top: inherit; bottom: 0;
}
/* 채용공고 썸네일 백그라운드 이미지 */
.EM_incList .incList_hv .EMinc_bg1, 
.EM_incList .incList_hv .EMinc_bg2{
    display: inline-block;
    width: 500px; height: 470px;
    z-index: 2;
    position: absolute;
    top: 45px;
    transition: all .7s;
    -webkit-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -o-transition: all .7s;
}
.EM_incList .incList_hv .EMinc_bg1{
    background: url(../img/5employ/em_incruit_bg1.svg) no-repeat center center;
    left: -50%;
}
.EM_incList .incList_hv .EMinc_bg2{
    background: url(../img/5employ/em_incruit_bg.svg) no-repeat center center;
    right: -40%;
}
/* 채용공고 썸네일 노출 고정상태 txt */
.EM_incList .incList_hv .EMinc_txt{
    position: absolute;
    top: 20px; left: 25px;
    z-index: 3;
}
.EMinc_txt .EMinc_tit{
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 30px;
}
.EMinc_txt .EMinc_subtit{
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
.EMinc_txt .EMinc_cnt{
    margin-top: 65px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}
.EMinc_txt .EMinc_cnt .cntForm{
    font-size: 13px;
    color: #fff;
    line-height: 20px;
}
.EMinc_txt .EMinc_cnt .cntMax{
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    color: #f24611;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 5px;
    padding: 2px 10px;
}
/* 채용공고 썸네일 노출 숨김상태 txt */
.EM_incList .incList_hv .EMinc_hidden{
    position: absolute;
    bottom: 22px; left: 25px;
    z-index: 3;
    display: none;
	width: 235px;
}

.EMinc_hidden>li{
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
}
.EMinc_hidden>li:last-child{
    margin-bottom: 0;
}
.EMinc_hidden>li .hidden_tit{
    display: block;
    font-size: 14px;
    font-weight: 500;
}

/* 채용공고 썸네일 마우스오버 STYLE */
.EM_incList .incList_hv:hover{
    height: 470px;
    border: 1px solid #ff7800;
    z-index: 4;
}
.EM_incList .incList_hv:hover .EMinc_bg1{
    top: 145px; left: -8%;
}
.EM_incList .incList_hv:hover .EMinc_bg2{
    top: 145px; right: -10%;
}
.EM_incList .incList_hv:hover .EMinc_txt .EMinc_tit{
    color: #ff7800;
}
.EM_incList .incList_hv:hover .EMinc_txt .EMinc_cnt{
    margin-top: 35px;
}
.EM_incList .incList_hv:hover .EMinc_txt .EMinc_cnt .cntForm{
    color: #333;
}
.EM_incList .incList_hv:hover .EMinc_txt .EMinc_cnt .cntMax{
    background: #ff7800;
    color: #fff;
}
.EMinc_show{
    display: block !important;
}


/* * * * * * * * * * * * * * * * * * * * * */
/* * * * * * *  취 업 인 터 뷰  * * * * * * */


/* 취업인터뷰 리스트 썸네일 STYLE */
.EM_interview{
    width: 100%;
    display: flex;
}

.EM_interview .EM_intList{    
    width: 33.33%; height:300px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    position: relative;
    border-radius: 0.15em;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #eee;
}

.EM_interview .EM_intList:nth-child(3){
    margin-right: 0;
}
.EM_intList .EMint_Img{
    width: 100%; height: 280px;
    overflow: hidden;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    transition: 0.4s;
}

/* 리스트 썸네일 4분할 추가될 때 수정 STYLE 

.EM_interview .EM_intList{    
    width: 285px; height: 250px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #eee;
    border-radius: 0.15em;
    overflow: hidden;
    cursor: pointer;
}
.EM_interview .EM_intList:nth-child(4){
    margin-right: 0;
}
.EM_intList .EMint_Img{
    width: 100%; height: 230px;
    overflow: hidden;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    transition: 0.3s;
}
*/


.EM_intList .EMint_Img>img{
    position:absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.EM_intList .EMint_Txt{
    width: 100%;
    position: absolute;
    bottom: 0; left: 0;
    background: #fff;
}

.EM_intList .EMint_Txt .EMint_Name{
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
    padding: 7px 10px;
        
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 리스트 썸네일 hover STYLE */
.EM_interview .EM_intList:hover{
    border: 1px solid #000;
}
.EM_interview .EM_intList:hover .EMint_Img{
    transform: scale(1.13);
    opacity: .8;
}
.EM_intList:hover .EMint_Txt .EMint_Name{
    color: #f24611;
}

/* 리스트 썸네일 클릭 > inner 노출 */
.tabBox .tabIn{
    height: 1870px;    
    display: none;
    position: relative;
    margin-bottom: 30px;
    
}

.tabBox .tabIn .EM_intCnt{
    width: 100%;
    position: absolute;
    top: 0; left: 0; bottom: 0;
    display: none;
    height: 1870px;
    background: #f7f7f7;
    border-radius: 30px;
    overflow: hidden;
}
.tabBox .tabIn .EM_intCnt .intCntWrap{
    padding: 0px 0px;
}

.interviewOn{
    display: block !important;
}



/* 취업생인터뷰 inner 타이틀 */
.intCnt0{
    width: 100%; 
    background: url(../img/5employ/INTERVIEW_ict0_bg.jpg) center no-repeat;
    background-size: 100%;
    text-align: center;
    padding: 60px 0;
}
.intCnt0>h3{
    display: inline-block;
    font-size: 32px;
    font-weight: 500;
    line-height: 50px;
    color: #fff;
    position: relative;
    padding: 0 30px;
}
.intCnt0>h3:before{
    content: '';
    display: block;
    width: 15px; height: 15px;
    background: url(../img/basic/QUOTE1_wh.svg);
    background-size: 100%;
    position: absolute;
    top: 0; left: 0;
}
.intCnt0>h3:after{
    content: '';
    display: block;
    width: 15px; height: 15px;
    background: url(../img/basic/QUOTE2_wh.svg);
    background-size: 100%;
    position: absolute;
    top: 0; right: 0;
}
/* * * 취업인터뷰 inner 내용 * * */
.intCnt{
    width: 100%; 
    position: relative;
    margin-top: 50px;
    padding: 0 10px;
}
/* 취업인터뷰 inner 삽입 이미지 */
.intCnt .ict1Img{
    width: 40%; height: 350px;
    overflow: hidden;
    float: left;
    text-align: right;
    font-size: 0;
    position: relative;
    background: #000;
    z-index: 1;
    border: 1px solid #eee;
}
.intCnt .ict1Img>a{
    width: 100%; height: 100%;
    position: absolute;
    top: 0; left: 0; bottom: 0;
}
.intCnt .ict1Img>img{
    width: 100%;
}

/* 포트폴리오 링크 연결 img */
.intCnt .ict1Img.added{
    width: 40%;
    position: absolute;
    bottom: 0; left: 0;
}
.intCnt .ict1Img.added>a>img{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.intCnt .ict1Img.added>a:hover>img{
    opacity: .6;
    transform: scale(1.1);
}

.intCnt .ict1Img.added .imgTag{
    position: absolute;
    bottom: 0; left: 0;
    color: #fff;
    font-size: 12px;
    padding: 5px 20px 5px 15px;
    background: rgba(0,0,0,0.4);
    border-radius: 0 10px 0 0 ;
}
.intCnt .ict1Txt{
    width: 60%; height: 350px;
    float: left;
    padding-left: 50px;
    position: relative;
}
.intCnt.intSecond .ict1Img{
    height: 570px;
}

.intCnt.intSecond .ict1Txt{
    height: 570px;
    padding-left: 15px;
    padding-right: 50px;
}
.intCnt.intThird{
    margin-bottom: 30px;
}
.intCnt.intThird .ict1Img{
    height: 280px;
}
.intCnt.intThird .ict1Txt{
    height: 590px;
}



/* 취업인터뷰 inner 인트로 */
.ict1Txt .introtit{
    padding: 30px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.ict1Txt .introtit .mintro{
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    color: #000;
}
.ict1Txt .introtit .subintro{
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    margin-top: 10px;
}
/* 취업인터뷰 inner 질의응답 STYLE */
.ict_interview{
    position: relative;
    margin-top: 30px;
}
.ict_interview.intUpper{
    margin-top: 0;
}
.ict_interview .ict_Quest{
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    color: #000;
    padding-left: 30px;
}
.ict_interview .ict_Quest .orange{
    font-weight: 500;
}
.ict_interview .ict_Quest:before{
    content: 'Q';
    font-size: 17px;
    font-weight: 700;
    font-family: 'GmarketSansMedium';
    position: absolute;
    left: 0px;
    margin-right: 7px;
    color: #000;
}
.ict_interview .ict_Ans{
    color: #666;
    font-size: 15px;
    padding: 6px 10px 8px 10px;
    margin: 10px 0;
    position: relative;
    background: #f7f7f7;
    border-radius: 10px;
}

/* 리스트 썸네일 4분할 추가될 때 수정 STYLE

.ict_interview .ict_Ans{
    color: #666;
    font-size: 15px;
    padding-left: 30px;
    margin: 10px 0;
    position: relative;
    background: #eee;
}
.ict_interview .ict_Ans:before{
    content: 'A';
    font-size: 17px;
    font-weight: 700;
    font-family: 'GmarketSansMedium';
    position: absolute;
    left: 0px; top: 2px;
    color: #ff7800;
}
*/



/* * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * 취 업 지 원 스 토 리 * * * * * * */