@charset "utf-8";
/* ------ 상단 비쥬얼 영역 visualSub ------ */
/* 20200327 { --- */
#visualSub{
    position:relative;box-sizing:border-box;width:100%;height:12rem;
    background:linear-gradient(to left, #597db6, #365588 ,#0b377e, #152238);
    background-size:cover;background-repeat:no-repeat;background-position:center left;
}/* } -- 20200327 */
#visualSub .innerWrap{/*outline:2px solid red;*/height:100%;}
.routeInfo{position:absolute;left:0;top:35%; transform:translateY(-50%);color:#fff;text-shadow:0px 0px 15px rgba(0,0,0,0.5);font-size:1.3rem;font-weight:bold;} /* 20200327 */
.routeInfo span.icon{width:0.5em;height:0.7em; background-size:auto 100%; margin-left:0.25em; display:inline-block;}/* 20200327 */
.routeInfo h2{/* font-size:3rem;font-weight:bold; */display:none;} /* 20200327 */

/* ------ tabMenuArea (1 depth) ------ */
section#tabMenuArea{
    position:absolute;left:50%;transform:translate(-50%,-99%);
    display: -webkit-box;display: -ms-flexbox;display:flex;}/* 20200327 */
.tabMenuEl{
    position:relative;box-sizing:border-box; /* 20200327 */
    background-color:rgba(255,255,255,0.7); /* 20200327 */
    text-align:center;font-weight:bold;color:#7b7b7b;
    transition-duration:0.3s;}

    /* 20200327 { */
    .tabMenuEl:before{
        content:'';display:block;position:absolute; 
        width:1px; height:35%;
        top:50%;transform:translateY(-50%);
        background-color:rgba(255, 255, 255,0.5);} /* 20200327 */
    .tabMenuEl:nth-child(1):before, .tabMenuEl.on:before, .tabMenuEl.on + .tabMenuEl:before{display:none;}
    /* } 20200327 */

.tabMenuEl:nth-child(1){margin-left:0;}
.tabMenuEl a{
    position:relative;box-sizing:border-box; /* 20200327 */
    display:block;width:100%;height:100%;
    padding:1.4rem 0;/* 20200327 */ text-align:center;color:#7b7b7b; 
    transition:color 0.3s;}
.tabMenuEl:hover a,.tabMenuEl:hover{color:#2a3c58;background-color:#f0f1f5;}
    .tabMenuEl.on a{color:#2a3c58;background-color:#fff;}/* 20200327 */
    .tabMenuEl.on:after{content:"";display:block;position:absolute;left:0; top:0; width:100%;height:5px;background-color:#a0c4ff;} /* 20200327 */

/* ------ 타이틀 thisPageTitle ------ */
section#thisPageTitle{
    position:relative;text-align:center;font-size:2rem;font-weight:bold;color:#3b3b3b;
    margin:5rem auto 3rem auto;}
section#thisPageTitle p:before,section#thisPageTitle p:after{
    content:"";display:block;position:relative;width:2rem;height:3px;background-color:#2a3c58;margin:0 auto;}
section#thisPageTitle p:before{margin-bottom:1rem;}
section#thisPageTitle p:after{margin-top:1rem;}
section#thisPageTitle p + span{font-weight:normal;font-size:0.5em;}
section#thisPageTitle .thisTitle {display:none;}

/* ------ tabMenuArea2 (2 depth) ------ */
#tabMenuArea2{/*outline:1px solid red;*/position:relative;text-align:center;margin-bottom:4rem;}
#tabMenuArea2 a{
    position:relative;display:inline-block;box-sizing:border-box;
    font-size:1.25rem; color:#a8a8a8; background-color:#fff;
    border:1px solid #2a3c58; margin-left:-6px; margin-top:1rem;
    width:400px;padding:1rem 0; transition-duration:0.3s;}
#tabMenuArea2 a.on{background-color:#2a3c58;color:#fff;}
#tabMenuArea2 a:hover{border-color:#7b7b7b;background-color:#7b7b7b;color:#fff;}

/* ------ 본문 내용 영역 subContentArea ------ */
#subContentArea{position:relative;box-sizing:border-box;padding:0 1rem;margin-bottom:10rem;}
.subContentArea{position:relative;box-sizing:border-box;padding:0 1rem;margin-bottom:10rem;}
section.units{position:relative;width:100%;box-sizing:border-box;margin-bottom:6rem;}

div.unitTitle{position:relative; margin-top: 3rem; width:100%;font-size:1.125rem;font-weight:bold;color:#2a3c58;padding-bottom:0.4rem;margin-bottom:1rem;border-bottom:2px solid #d4d9e0;}

label.agreeAll {font-size:0.875rem;font-weight:400;color:#3b3b3b;margin-left:10px;}

article.unitText{position:relative;width:100%;box-sizing:border-box;line-height:1.7rem;}
article.unitText>p{margin-bottom:1rem;}

div.unitTextDiv{position:relative;margin-top:4rem;}

ul.gnrUl{position:relative;box-sizing:border-box;}
    ul.gnrUl li{position:relative;box-sizing:border-box; padding-left:1.2rem;font-size:0.875rem;}
    ul.gnrUl li:before{content:"-";display:inline-block;margin-right:0.5rem;}

/* ------ 본문 일반 테이블 gnrTable ------ */
table.gnrTable{/*outline:1px solid purple;*/
    position:relative;width:100%;box-sizing:border-box;margin-top:1rem;
    color:#7b7b7b;
    border-top:1px solid #d4d9e0;}

table.gnrTable td{position:relative;box-sizing:border-box;padding:1.125rem 2rem;border-bottom:1px solid #d4d9e0;}

table.gnrTable th{position:relative;padding:0.8rem 0;box-sizing:border-box; font-weight:bold;background-color:#f0f1f5;border-bottom:1px solid #d4d9e0;}

th.fstTH{padding:1.125rem 0;}
table.gnrTable th.fstTH:after{
    content:"";display:block;position:absolute;top:-1.5px;left:0;width:100%;height:3px;background-color:#0073cc;}

table.gnrTable th.fstTH2:after{background-color:#7b7b7b;}
table.gnrTable th.fstTH2:before{
    content:"";display:block;position:absolute; left:0; top:50%;
    width:1px; height:50%;
    background-color:#d4d9e0;
    transform:translateY(-50%);
}

.toFlex{
    position:relative;box-sizing:border-box;width:100%;
    display:-webkit-flex; display:-ms-flexbox; display:flex;
    -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
table.gnrTable.toHalf{width:50%;}
.alignItCenter{-webkit-box-align:center; -ms-flex-align:center; align-items:center;} /* 20200327 */

/* ------ 본문 일반 테이블 + 세로선 있는 gnrTable_vLine ------ */ /* 20200210 */
.gnrTable_vLine th, .gnrTable_vLine td{border-left:1px solid #d4d9e0;}
.gnrTable_vLine th:nth-child(1), .gnrTable_vLine td:nth-child(1){border-left:none;}


/* ============================= 페이지별 변경사항 ============================= */
    /* ============ 공통 서브페이지 상단 설명 ========= */ /*2020.01.16*/
    /* 타이틀 */
    .subInfoTitle{font-size:1.25rem;color:#8d8250;}
    /* 박스 */
    .subInfoBox{
        position:relative;box-sizing:border-box; margin:1rem auto 0 auto;
        width:85%; padding:4rem 3rem;
        background-color:#f0f1f5;
        border:6px solid #d4d9e0;}

    /* --------- 멘토링 상단 추가 설명 --------- */
    .informBox{
        display:-webkit-box; display:-ms-flexbox; display:flex;
        -webkit-box-pack:space-between; -ms-flex-pack:space-between; justify-content:space-between}

    .informBox>section{
        position:relative;box-sizing:border-box; width:calc(30%);}
    .informBox>section:before{
        content:"";display:block;position:absolute;
        left:-10%; top:50%; transform:translateY(-50%);
        width:1px;height:100px;
        background-color:#d4d9e0;}
    .informBox>section:nth-child(1):before{display:none;}

        /* 아이콘 */
        .informBox .icon_mentoring{
            position:relative;box-sizing:border-box;overflow:hidden; margin:0 auto;
            width:5rem; height:5rem; line-height:5rem;
            background-color:#d4d9e0;
            border-radius:50%;}
        .informBox .icon_mentoring img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:auto;}
        
        /* 제목 */
        .informBox section p:nth-child(2){
            position:relative;box-sizing:border-box;padding:1rem 1rem 0.7rem 0.5rem;text-align:center;font-size:1.3rem;font-weight:bold;color:#0073cc;}
        /* ul */
        .informBox ul{position:relative;box-sizing:border-box;padding:0 0.5rem;}
        .informBox ul li{
            position:relative; box-sizing:border-box; margin-bottom:0.5rem;
            padding-left:0.7em;font-size:0.875rem;}
        .informBox ul li:before{
            content:'·';position:absolute; font-weight:bold; color:#a8a8a8;left:0;}

        .informBox ul li.toCenter{
            font-size:1rem;margin-bottom:1rem;padding:0.5rem 0;border-radius:10rem;background-color:#8d8250;color:#fff;}
        .informBox ul li.toCenter:before{display:none;}

    /* ---------  구인잡매칭신청(온라인잡매칭서비스) reqPersonMatchingForm.html --------- */ /* 2020.01.16 */
    .onlineJobMatchingService{
        position:relative;
        display:-webkit-box; display:-ms-flexbox; display:flex;
        -webkit-box-pack:space-evenly; -ms-flex-pack:space-evenly; justify-content:space-evenly;}
        
        /*영역*/
        .onlineJobMatchingService>section{/*outline:1px solid black;*/
            position:relative;box-sizing:border-box;
            display:-webkit-box; display:-ms-flexbox; display:flex;
            width:40%; padding-top:1rem;
            text-align:center;}
        .onlineJobMatchingService>article{width:20%;text-align:center;}

        .onlineJobMatchingService>section>div{
            position:relative;}

        /* 이미지 */
        .onlineJobMatchingService div.image{ /*outline:1px solid blue;*/
            position:relative;width:30%;}
        .onlineJobMatchingService div.image img{
            position:absolute;left:0;bottom:0;width:100%;height:auto;}

        /* 텍스트 */
        .onlineJobMatchingService div.text{
            position:relative;width:70%;
            font-size:1.1rem; font-weight:bold;}
        .onlineJobMatchingService div.text.left{
            left:5%;top:20%;
            transform-origin:left bottom; transform:rotate(-10deg) translate(0%,0%);}
        .onlineJobMatchingService div.text.right{
            left:-5%; top:20%;
            transform-origin:right bottom; transform:rotate(10deg) translate(0,0);}

        .onlineJobMatchingService > article p{
            margin-top:1rem; padding:0.5rem 0;
            background-color:#0073cc;
            border-radius:3rem;
            font-size:1.25rem;font-weight:bold;color:#fff;}

        /*화살표*/
        .onlineJobMatchingService .arrow{
            position:relative; margin:0.8rem auto;
            width:60%;height:10px;
            background-color:#8d8250; border-radius:1rem;
        }

        .onlineJobMatchingService .arrow.right:after,.onlineJobMatchingService .arrow.left:before{
            content:"";display:block;position:absolute;
            width:0; height:0;
            border:15px solid transparent;}
        .onlineJobMatchingService .arrow.right:after{
            top:0;right:0; transform:translate(20px,-35%);
            border-color:transparent transparent transparent #8d8250;}
        .onlineJobMatchingService .arrow.left:before{
            top:0;left:0; transform:translate(-20px,-35%);
            border-color:transparent #8d8250 transparent transparent;}

            .onlineJobMatchingService .arrow img{position:relative;width:2.5rem;height:auto;transform:translateY(-20%);}





    /* ------ 회원가입 join.html ------ */
    /*영역*/
    #joinStepArea{position:relative;text-align:center;}
    .joinArea{position:relative;margin:0 auto 2rem auto;width:98%;box-sizing:border-box;border:1px solid #d4d9e0;}
    /*제목*/
    .joinTitle{position:relative;box-sizing:border-box;width:100%;padding:0.8rem;background-color:#f0f1f5;font-size:0.875rem;}
    /*내용*/
    .joinText{
        position:relative;box-sizing:border-box;
        width:100%;height:335px;
        padding:.5rem 2rem;font-size:0.875rem;color:#7b7b7b;
        overflow-y:auto; -ms-overflow-style:auto;}

        .joinText::-webkit-scrollbar{ display:block; width:10px;}
        .joinText::-webkit-scrollbar-thumb{background-color:#d4d9e0;border-radius:150px;}
    .joinText p{position:relative;margin:0.15em 0;}
    .joinText p.title{margin:1em 0;}

    .joinArea2 .joinText{height:160px;}

    /* ------ 아이디찾기 find_id.html , 비밀번호찾기 find_pw.html, 회원가입(2) 가입인증 join2.html ------ */
    ul.joinCertiInfo{
        position:relative;box-sizing:border-box;padding:2rem;border:1px solid #d4d9e0;
        margin-bottom:2rem;
        font-size:0.8rem;color:#7b7b7b;}
    ul.joinCertiInfo li{position:relative;padding:0 0 0.5em 0.8em;line-height:1.6em;}
    ul.joinCertiInfo li:before{
        content:"";display:block;position:absolute;
        transform:translateY(300%);
        width:3px; height:3px; background-color:#0073cc;
        top:0;left:0;}
    
    /*유형선택*/
    section.joinCertiType{position:relative;box-sizing:border-box;}
    section.joinCertiType>article{
        position:relative;box-sizing:border-box;
        margin-bottom:1rem;border:1px solid #d4d9e0;background-color:#f0f1f5;
        padding:3rem 3rem 3rem calc(6rem + 100px);}
    
    section.joinCertiType p.title{margin-bottom:0.5rem;}
    section.joinCertiType p.title + div{font-size:0.875rem;}
    section.joinCertiType a.certi{
        position:relative; display:inline-block; background-color:#2a3c58;
        font-weight:bold;font-size:0.8rem;color:#fff;
        border-radius:2px;
        margin-top:1rem;padding:0.2rem 1.5rem 0.3rem 1.5rem;}
    section.joinCertiType a.certi:hover,section.joinCertiType a.certi:active{background-color:#0073cc;}

        /*휴대폰, 아이핀 이미지*/
        article.joinCerti_Mobile:before,article.joinCerti_iPin:before{
            content:url(/common/job/img/img/joinCerti_Mobile.png);
            display:block; position:absolute;
            left:3rem;
            width:100px; height:100px;}
        article.joinCerti_iPin:before{content:url(/common/job/img/img/joinCerti_iPin.png);}





    /* ------ (마이페이지) RESUME > summary.html ------ */
    div.memPicArea{position:relative;margin:2rem 0;}
    div.memPic{position:relative;width:5rem; height:7rem;text-align:center;margin:1rem auto;overflow:hidden;}

    /* ------ (마이페이지) RESUME > view.html (인쇄용보기)------ */
    /*영역*/ /*2019-12-20*/
    div.page {
    	width:21cm; 
    	margin:0 auto;
    }
    section.resumePrintBox{
    	position: relative;
        box-sizing:border-box;
        width: 100%;
        min-height:29.7cm;
        padding:1cm 2cm;
	    border-radius: 5px;
	    background: white;
	    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	}
    
    section.resumePrintBox h3{font-size:1.5rem;margin-bottom:0.5rem;}

	@page {
		size: A4;
	    margin: 0;
	}
	@media print {
		html, body {
			width: 210mm;
			height: 297mm;
		}
	
	    .page {
	        margin: 0;
	        border: initial;
	        border-radius: initial;
	        width: initial;
	        min-height: initial;
	        box-shadow: initial;
	        background: initial;
	        page-break-after: always;
	    }
	}

    article.resumeBox{position:relative;box-sizing:border-box;width:100%;margin-top:1rem;}
    
    /*제목*/
    div.resumeTitle{
        position:relative;
        font-weight:bold;font-size:0.9rem;color:#7b7b7b;
        margin-bottom:0.25rem;}        
    div.resumeTitle p:before{
        content:url(/common/job/img/img/icon/arrow_circlesvg.png);
        display:inline-block;width:0.9rem;height:0.9rem; margin-right:0.5rem;
    }

    /*테이블*/
    table.resumeTable{
        position:relative;width:98%;box-sizing:border-box;
        border-bottom:1px solid #d4d9e0;}
    table.resumeTable td,table.resumeTable th{
        position:relative;box-sizing:border-box;padding:0.25rem 0.5rem;/* padding:1px 3px; */
        border-color:#d4d9e0;
        border-style:solid;
        border-width:1px 0 0 0;}
    table.resumeTable th{color:#7b7b7b;background-color:#f0f1f5;font-size:0.7rem;}
    table.resumeTable td{font-size:0.7rem;}
	table.resumeTable td.none {padding:2px;}
    table.resumeTable thead th:before{
        content:"";display:block;position:absolute;top:50%;left:0;
        width:1px;height:30%;background-color:#d4d9e0;
        transform:translateY(-50%);}
    table.resumeTable thead th:nth-child(1):before{display:none;}

    /*formBox*/
    article.resumeBox section.formBox{margin-top:0;margin-bottom:0.25rem;font-size:0.7rem;}

    /*resumeConfirm*/
    div.resumeConfirm{
        position:relative;text-align:right;
        margin:1rem 0;}
    div.resumeConfirm p:nth-child(1){font-size:1rem;}
    div.resumeConfirm p:nth-child(1)+*{font-size:0.8rem;margin-top:0.25rem;}

    /*자기소개서 resumeSelf*/
    div.resumeSelf{
        position:relative;box-sizing:border-box;padding:0.5rem 1.5rem;margin-top:0.5rem;
        font-size:0.7rem;
        border-top:1px solid #d4d9e0;}
    div.resumeSelf p{position:relative;box-sizing:border-box;margin-bottom:0.25rem;}

    /*------ (마이페이지) RESUME > resumeRegist_notice.html ------ */
    /*테이블*/
    table.infoAgreeTable{
        margin:1rem auto;width:90%;font-size:0.75rem;
        border:1px solid #d4d9e0;}
    table.infoAgreeTable td{border-left:1px solid #d4d9e0;}

    /*------ (마이페이지) RESUME > resumeRegist.html ------ */
    /*테이블*/
    table.resumeTable.toFlex{border:1px solid #d4d9e0;margin-bottom:1rem;}
    table.resumeTable.wid15Per{width:15%;}
    table.resumeTable.wid84Per{width:84%;}

    article.resumeBox.toFlex{
        display:flex;display:-webkit-flex;flex-wrap:wrap; justify-content:space-between;
    }
    
    article.resumeBox.toFlex div.resumeTitle{width:100%;}

    table.resumeTable span.icon{
        position:relative;display:inline-block;width:1rem;height:1rem;
        cursor:pointer;}
    table.resumeTable span.calendar{margin-left:0.5rem;}


    /* ------ 채용정보검색(상세) search_detail.html ------ */
    /*회사정보*/
    a.applyJobBtn{
        position:relative;display:inline-block;border-radius:2px;
        padding:0.25rem 1rem;margin-left:1rem;
        background-color:#0073cc;
        font-size:0.875rem;color:#fff;}
    
    div.companyLogoArea{position:relative;width:25%;min-width:200px;margin:0 auto 1rem auto;}
    div.companyLogoArea img{width:100%;height:auto;object-fit:cover;}

    /*지원자격 근무조건 고용형태*/
    ul.terms_job{
        position:relative;box-sizing:border-box;width:80%;margin:1rem auto;
        padding:1rem 2rem;background-color:#f0f1f5;border:1px solid #d4d9e0;
        display:flex;display:-webkit-flex;justify-content:space-between;}
    ul.terms_job>li{position:relative;width:calc((100% / 3) - 2rem);margin-right:2rem;}

    ul.terms_job ul span{font-size:0.875rem;color:#7b7b7b;}
    ul.terms_job ul span.terms_title02{display:block;color:#3b3b3b;margin-top:0.5rem;}

    /*채용담당자*/
    div.information_lock{
        position:absolute;box-sizing:border-box;top:0.5rem;right:0rem;
        background-color:#fff; padding:1rem 0.5rem;
        width:calc(100% - 240px);
        border:5px solid #d4d9e0;
        text-align:center;}
    button.unLockBtn{
        border:none;border-radius:2px;background-color:#2a3c58;font-weight:bold;color:#fff;padding:0.5rem 1rem;cursor:pointer;}
    div.information_lock button.unLockBtn{margin-top:1rem;}

    /* ------ (상담) 소개 info.htmls ------ */
    /*unitInfo*/
    div.unitInfo{
        position:relative;box-sizing:border-box;margin:0 auto;
        /* padding:1.5rem 0; border:1px solid #d4d9e0; background-color:#f0f1f5; */} /* 20200210 */
    div.unitInfoTitle{
        position:relative; box-sizing:border-box; padding:1rem 0;
        font-size:1.25rem;font-weight:bold;background-color:#2a3c58;color:#fff;
        margin-bottom:2rem;}

    div.unitInfo>p{position:relative;box-sizing:border-box;padding:0 3rem; margin-bottom:1rem;}

    div.unitInfo ul{position:relative;box-sizing:border-box;padding:0 3rem; margin-bottom:1rem;color:#7b7b7b;}
    div.unitInfo ul li:before{content:"-";display:inline-block;margin-right:0.5rem;}

    div.unitInfo ol{position:relative;box-sizing:border-box;/* padding:0 3rem; */}/* 20200210 */
    div.unitInfo ol li{position:relative;}
    div.unitInfo ol li:before{
        content:"·";display:inline-block; margin-right:0.5rem;
        position:relative;
        font-weight:bold; font-size:1.5rem; color:#0073cc;
        transform:translateY(15%);
    }


    /* ------ (교육) 멘토링 mentoring.html ------ */
    /*멘토링 서비스 개요*/
    article.mentoring_1{/*outline:1px solid red;*/
        position:relative; width:840px;
        margin:3.75rem auto 0 auto;
        display:flex;display: -webkit-flex;/*-Safari-*/justify-content:space-between;}
    article.mentoring_1 ul{/*outline:2px solid black;*/
        position:relative; width:calc(50% - 20px); box-sizing:border-box;overflow:hidden;}

    li.mentoring_1_title{text-align:center;color:#fff;padding:0.8rem 0;}
        li.mentoring_1_title p{font-weight:bold;font-size:1.5rem;line-height:1.6rem;}
        li.mentoring_1_title span{font-weight:normal;font-size:1rem;}
    li.mentoring_1_title.left{background-color:#2a3c58;border-radius:1rem 0 0 0;}
    li.mentoring_1_title.right{background-color:#0073cc;border-radius:0 1rem 0 0;}

    li.mentoring_1_content{
        position:relative;width:100%;box-sizing:border-box;background-color:#fff;border:1px solid #d4d9e0;padding:1.5rem 1.5rem 1.5rem 3rem;
        background-image:url('/common/job/img/img/icon/handshake.png');background-repeat:no-repeat;background-size:10rem auto;background-position:right bottom;}
    
    li.mentoring_1_content ol{position:relative;}
    li.mentoring_1_content ol li{
        position:relative;margin:0.5rem 0;list-style-type:disc;list-style-position:outside;
        font-size:1.125rem;font-weight:bold;color:#7b7b7b;}
    li.mentoring_1_content ol li span{font-size:0.8rem;display:block;}

    /*멘토링 서비스 신청방법 및 운영과정*/
    article.mentoring_2{/*outline:1px solid red;*/
        position:relative;width:80%;margin:3.75rem auto 0 auto;}
    article.mentoring_2 ul{position:relative;display:inline-block;box-sizing:border-box;width:25%;margin-left:-4px;vertical-align:top;border-bottom:1px solid #d4d9e0;}
    article.mentoring_2 ul:nth-child(1){margin-left:0;}
    
    article.mentoring_2 ul li{
        position:relative;width:100%;box-sizing:border-box;padding:1.125rem 1.5rem;font-size:1.125rem;color:#7b7b7b;font-weight:bold;letter-spacing:-0.044rem;
        border-left:1px solid #d4d9e0;border-right:1px solid #d4d9e0;
        border-bottom:1px dashed #d4d9e0;
        transition:background 0.3s;}
    article.mentoring_2 ul li:last-child{border-bottom:none;}
    article.mentoring_2 ul li:hover{background-color:#f0f1f5;}

    article.mentoring_2 ul li.mentoring_2_title{font-size:1.5rem;text-align:center;color:#fff;border:none;}
    li.mentoring_2_title span{font-size:1rem;font-weight:normal;}

    article.mentoring_2 ul li.mentoring_2_title:after{
        content:"";display:block;position:absolute; top:0;right:-1.9rem;
        width:0;height:0;
        border-top:3.3rem solid transparent;
        border-left:2rem solid #000;
        border-bottom:3.3rem solid transparent;
        z-index:30;}
    article.mentoring_2 ul:nth-child(1) li.mentoring_2_title:after{border-left-color:#2a3c58;}
    article.mentoring_2 ul:nth-child(2) li.mentoring_2_title:after{border-left-color:#a8a8a8;}
    article.mentoring_2 ul:nth-child(3) li.mentoring_2_title:after{border-left-color:#0073cc;}
    article.mentoring_2 ul:last-child li.mentoring_2_title:after{display:none;}


    article.mentoring_2 ul:nth-child(1) li.mentoring_2_title{background-color:#2a3c58;}
    article.mentoring_2 ul:nth-child(2) li.mentoring_2_title{background-color:#a8a8a8;}
    article.mentoring_2 ul:nth-child(3) li.mentoring_2_title{background-color:#0073cc;}
    article.mentoring_2 ul:nth-child(4) li.mentoring_2_title{background-color:#7b7b7b;}
    
    /* 멘토링 인포그래픽  */ /* 20200203 { */
    .mentorUL{
        display:-webkit-box; display:-ms-flexbox; display:flex;
        -ms-flex-wrap:wrap; flex-wrap:wrap;
        -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
        -webkit-box-align:center; -ms-flex-align:center; align-items:center; align-content:center;
        position:relative;box-sizing:border-box;}
    .mentorLI{
        position:relative;box-sizing:border-box;
        width:20%;
        padding:2rem 1rem;
        margin:2rem 1.5rem;
        /* border:3px dotted #2a3c58; */
        border:1px solid transparent;
        border-image-source:url('/common/job/img/img/icon/border_check.gif'); border-image-repeat:round;
        border-image-slice:25; border-image-width:10px;
        /* border-radius:1rem; */
        text-align:center;}

    .mentorLI .li_num{
        display:block;
        position:absolute;top:0;left:50%;transform:translate(-50%,-50%);
        width:2rem; height:2rem; line-height:2rem;
        background-color:#396e91;
        border-radius:100%;
        font-weight:bold; color:#fff;}
    .mentorLI:nth-child(even) .li_num{background-color:#6e5392;}

    .mentorLI .li_title{
        position:relative;box-sizing:border-box;
        margin:0.5rem 0;
        font-family:'Black Han Sans','Noto Sans KR','Malgun Gothic',sans-serif;
        font-size:1.7rem;color:#2a3c58;}

    .mentorLI .li_ppl{position:relative; color:#7b7b7b;}
    .mentorLI .li_ppl span{font-weight:bold;color:#2a3c58;}

    .mentorLI .li_mentor{position:relative;font-size:0.85em;color:#999;cursor:pointer;}
    .mentorLI .li_mentor span{position:relative;}
    .mentorLI .li_mentor span:after{
        content:'멘토소개';display:inline-block;position:relative;
        margin-left:0.2rem;
        color:#666;}
    .mentorLI .li_mentor span:before{
        content:'';display:block;position:absolute;
        top:0;left:110%; transform:translateY(10%);
        width:1.25em;height:1.25em;
        background-image:url('/common/job/img/img/icon/ic_newWindow.png');background-repeat:no-repeat;background-position:center center;}
        
    .mentorLI button{
        display:block;position:relative;box-sizing:border-box;
        width:100%;
        margin-top:0.5rem; padding:0.7rem 0;
        background-color:#2a3c58;
        border:none; border-radius:5rem;
        color:#d4d9e0;
        cursor:pointer;}
    .mentorLI button:focus{outline:none;}
    .mentorLI button:hover,.mentorLI button:active{background-color:#3b3b3b;color:#fff;}

    .mentorLI.deadline:after{
        content:url('/common/job/img/img/icon/deadline.png'); display:block;
        position:absolute;
        width:4.5rem;height:4.5rem; top:0; left:0; transform:translate(-40%,-50%);}

    /* 멘토링 모달 */ /* 20200226 { */    
        .modalArea{
            position:fixed; box-sizing:border-box;
            top:0;left:0;
            width:100%;height:100vh;
            background-color:rgba(0,0,0,0.8);
            animation:showModalArea 0.5s ease;
            z-index:1;display:none;}
        
            @keyframes showModalArea{
                0%{opacity:0;transform:scale(1.5);}
                50%{transform:scale(1);}
                100%{opacity:1;}}
        
        .modalArea .closeModalArea{
            display:block;position:absolute;box-sizing:border-box;
            top:0;right:0;
            padding:1rem 2rem;
            font-weight:bold;font-size:2rem;color:#7b7b7b;
            cursor:pointer;}
        
        .modal_2{
            position:relative;box-sizing:border-box; overflow-y:auto;
            top:50%; transform:translateY(-50%);
            padding:3.5rem 1rem 4rem 1rem; margin:0 auto;
            width:75vw;max-width:700px;max-height:70vh;
            background-color:#fff;
            border-radius:1rem;
            box-shadow:5px 5px 15px rgba(0,0,0,1);
            animation:showModal 0.3s ease-in;}
        
            @keyframes showModal{
                from{top:45%;}
                to{top:50%;}}
        
        .modal_2:before{
            content:'';display:block;position:absolute;
            top:0; left:50%; transform:translateX(-50%);
            width:75%;height:6px;
            background-color:#0073cc;border-radius:0 0 15px 15px;}
        
            .modal_2::-webkit-scrollbar{width:5px;}
            .modal_2::-webkit-scrollbar-track{background:transparent;}
            .modal_2::-webkit-scrollbar-thumb{background:#0073cc;border-radius:20px;}
        
        .modal_2 .left, .modal_2 .right{position:relative;box-sizing:border-box;}
        .modal_2 .left{text-align:center;}
        
        .modal_2 .mentorImg{ 
            position:relative;box-sizing:border-box;overflow:hidden;margin:0 auto;
            width:20%;padding:1rem 1.7rem;
            background-color:#eaf2fd;border-radius:100%;display:none;}
        .modal_2 .mentorImg img{width:100%;height:auto;}
        
        .modal_2 .mentorName{position:relative;margin:1.25rem 0 0.5rem 0; font-weight:bold; font-size:1.3rem; color:#7b7b7b;}
        .modal_2 .mentorName span{position:relative;display:inline-block;}
            .modal_2 .mentorName span:after{
                content:'멘토';display:inline-block; position:relative; transform:translateY(-5%);
                padding:0.05em 0.5em 0.2em 0.5em; margin-left:0.4em;
                background-color:#0073cc; border-radius:3px;
                font-size:0.7em; font-weight:normal;color:#fff;}
        
        .modal_2 .mentorQuote{position:relative;margin-bottom:2rem;text-align:center;color:#999;font-weight:normal;}
        
        .modal_2 .mentorInfo{
            position:relative;box-sizing:border-box;margin:0 auto;
            width:90%;}
        .gnrTable.mentorTable ul li{position:relative;box-sizing:border-box;padding-left:0.5em;}
        .gnrTable.mentorTable ul li:before{
            content:'';display:block;position:absolute;
            top:0%;left:0;transform:translateY(350%);margin-right:0.5em;width:0.25em;height:0.25em;background-color:#0073cc;border-radius:100%;}
        /* } -- 20200226 */


    
    /* ------ 센터별위치 location.html ------ */
    /* 지도이미지 */
    .mapImg{position:relative;box-sizing:border-box;width:50%;padding:1rem;text-align:center;}
    .mapImg img{width:100%;height:auto;}
    /* 지역 정보 테이블 */
    .mapImg + .gnrTable{width:50%; margin:1rem 1rem 0 0;}
    .mapImg + .gnrTable colgroup col:nth-child(1){width:20%;}
    /* 아이콘 */
    .icon_location{width:1.45em;height:1.45em;margin-right:0.35em;vertical-align:middle;}

    /* ------ 시설현황 facility.html ------ */
    ul.fcUl{position:relative;margin-bottom:1rem;}
    ul.fcUl li{
        list-style-type:circle;
        list-style-position:inside;}

    div.fcMap{position:relative;margin-bottom:2rem;}

    strong.fcTitle{position:relative;display:block;margin:2rem 0 0.5rem 0;color:#2a3c58;}
    
    /*주변 지하철*/
    span.subway{position:relative;display:inline-block;margin-right:2rem;}
    span.subway span{
        position:relative;display:inline-block;width:1.5rem;height:1.5rem;line-height:1.5rem;
        margin-right:0.25rem;
        color:#fff;border-radius:100%;text-align:center;font-size:0.875em;font-weight:bold;
    }
        span.subway span.purple{background-color:purple;}
        span.subway span.indigo{background-color:#2a3c58;}
        span.subway span.green{background-color:green;}
    span.subway a{color:#3b3b3b;}

    /*주변 정류장*/
    span.busStop{position:relative;display:inline-block;margin-right:2rem;}
    span.busStop span{position:relative;color:#7b7b7b;display:inline-block;margin-right:0.25rem;font-size:0.875em;font-weight:bold;}
    span.busStop span:before{
        content:url(/common/job/img/img/icon/bus-solid.png);
        display:inline-block; position:relative;
        width:1.25rem;height:1.25rem; margin-right:0.25rem;
        transform:translateY(15%);
    }
    span.busStop a{color:#3b3b3b;}

    /*주변 버스*/
    p.bus{position:relative;box-sizing:border-box;width:100%; padding-left:3rem; margin-bottom:0.5rem;}
    p.bus>span{position:absolute;top:0;left:0;display:inline-block;font-size:0.75rem;color:#fff;padding:0 0.5rem;border-radius:0.5rem; font-weight:bold;}
        p.bus>span.busRed{background-color:red;}
        p.bus>span.busPurple{background-color:purple;}
        p.bus>span.busBrown{background-color:brown;}
        p.bus>span.busGreen{background-color:green;}
        p.bus>span.busBlue{background-color:#0073cc;}
    p.bus a{position:relative;display:inline-block;margin:0 1rem 0 0.25rem;color:#3b3b3b;}


/* ------------------------------------ 미디어 쿼리(1) ------------------------------------ */
@media all and (max-width:1400px){
/* ------ 페이지별 변경사항 ------ */
    /*------ (마이페이지) RESUME > resumeRegist.html ------ */
    /*테이블*/
    article.resumeBox.toFlex{display:block;}
    table.resumeTable.wid15Per{width:25%;margin:0 auto 1rem auto;}
    table.resumeTable.wid84Per{width:100%;}

    /* ------ 멘토링 mentoring.html ------ */
    /*멘토링 서비스 개요*/
    /*멘토링 서비스 신청방법 및 운영과정*/
    article.mentoring_2 ul{width:50%;margin-bottom:2rem;}
}/*미디어쿼리1400이하*/

/* ------------------------------------ 미디어 쿼리(2) ------------------------------------ */
@media all and (max-width:900px){
/* ------ 상단 비쥬얼 영역 visualSub ------ */
#visualSub{height:19rem;}

/* ------ tabMenuArea2 (2 depth) ------ */
#tabMenuArea2 a{width:45%;}

/* ------ 본문 일반 테이블 gnrTable ------ */
table.gnrTable colgroup col.colLeftTH{width:25%;}
table.gnrTable colgroup col:last-child{width:75%;}

div.toFlex{display:block;}
table.gnrTable.toHalf{width:100%;}

table.gnrTable th.fstTH2:before{display:none;}


/* ------ 페이지별 변경사항 ------ */
    /* ------ 아이디찾기 find_id.html , 비밀번호찾기 find_pw.html, 회원가입(2) 가입인증 join2.html ------ */
    /*유형선택*/
    section.joinCertiType>article{padding:3rem; text-align:center;}
    /*휴대폰, 아이핀 이미지*/
    article.joinCerti_Mobile:before,article.joinCerti_iPin:before{
        position:relative;top:0;left:0;
        margin:0 auto 2rem auto;
    }

    /*------ (마이페이지) RESUME > resumeRegist.html ------ */
    /*테이블*/
    table.resumeTable td{padding-left:0.25rem;padding-right:0.25rem;}

    table.resumeTable.wid15Per{width:100%;margin:0 auto 1rem auto;}

    table.resumeTable input[type="text"]{margin-top:0.5rem;}
    table.resumeTable input[type="text"]:nth-child(1){margin:0;}

    table.resumeTable select{margin-top:0.5rem;}
    table.resumeTable select:nth-child(1){margin-top:0;}

    /* ------ 채용정보검색(상세) search_detail.html ------ */
    /*지원자격 근무조건 고용형태*/
    ul.terms_job{width:100%;}

    /*채용담당자*/
    div.information_lock{width:100%;padding:4rem 3rem;}

    /* ------ 멘토링 mentoring.html ------ */
    /*멘토링 서비스 개요*/
    article.mentoring_1{display:block;width:80%;}
    article.mentoring_1 ul{width:100%;}
    li.mentoring_1_title.right{margin-top:3rem;}

    /*멘토링 서비스 신청방법 및 운영과정*/
    article.mentoring_2 ul{width:100%;}
    article.mentoring_2 ul li.mentoring_2_title:after{
        top:100%;right:50%;transform:translateX(50%);
        border-left:1.25rem solid transparent;
        border-right:1.25rem solid transparent;
        border-top:0.8rem solid #000;
        border-bottom:1.25rem solid transparent;}
    article.mentoring_2 ul:nth-child(1) li.mentoring_2_title:after{border-left-color:transparent;border-top-color:#2a3c58;}
    article.mentoring_2 ul:nth-child(2) li.mentoring_2_title:after{border-left-color:transparent;border-top-color:#a8a8a8;}
    article.mentoring_2 ul:nth-child(3) li.mentoring_2_title:after{border-left-color:transparent;border-top-color:#0073cc;}
    
    /* ------ 센터별위치 location.html ------ */
    /* 지도이미지 */
    .mapImg{width:100%;}
    /* 지역 정보 테이블 */
    .mapImg + .gnrTable{width:100%;}
    
}/*미디어쿼리900이하*/

@media print{
    article.resumePrint{
        margin: 0;
        width:initial;min-height:initial;
        page-break-after: always;
    }
}