@charset "utf-8";
/* ------ 총 포스트 개수 표시 bdPostCntArea ------ */
section#bdPostCntArea{position:relative;box-sizing:border-box;margin-top:5rem;margin-bottom:0.5rem;text-align:right;}

/* ------ 검색 영역 bdSchArea ------ */
section#bdSchArea{
    position:relative;width:100%;box-sizing:border-box;padding:0.5rem 1rem;margin-bottom:0.8rem;background-color:#f0f1f5;
    display:flex;display:-webkit-flex;
    justify-content:space-between;}

input.bdSchInput{width:15rem;}

button.schBtn{
    position:relative;display:inline-block;vertical-align:middle;box-sizing:border-box;
    width:2.4rem;height:2.4rem; margin-left:0.25rem;
    background-color:#2a3c58;border:none;border-radius:2px;
    cursor:pointer;}
button.schBtn:active{background-color:#3b3b3b;}
button.schBtn span.icon{
    position:relative;margin:0 auto;display:block;width:45%;height:100%;
    background-size:100% auto;}

/* ------ 페이저 ------ */
section#bdPagerArea{/*outline:1px solid red;*/
    position:relative;box-sizing:border-box;width:100%;margin:5rem auto 0 auto;
    text-align:center;font-weight:bold;color:#7b7b7b;}

section#bdPagerArea>span{position:relative;display:inline-block;overflow:hidden;width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:100%;text-align:center;vertical-align:middle;transition:all 0.2s;}

section#bdPagerArea>span a{display:block;width:100%;height:100%;color:#7b7b7b;}

section#bdPagerArea span.pgNum.on a{background-color:#4766ff;color:#fff;border: none;border-radius: 0.2rem;}
section#bdPagerArea span.pgNum:hover{background-color:#f0f1f5;}

section#bdPagerArea span.next,section#bdPagerArea span.nextAll{transform:rotate(180deg);}



/* ------ 일반 게시판 부분 bdBoardArea ------ */
section#bdBoardArea,section#bdTblArea{position:relative;width:100%;box-sizing:border-box;}
table.bdTable, table.bdTbl{position:relative;width:100%;box-sizing:border-box;}

.bdTable th,.bdTable td {position:relative;box-sizing:border-box;padding:1rem;text-align:center;color:#7b7b7b;}
.bdTbl th,.bdTbl td{position:relative;box-sizing:border-box;padding:0.5rem 1rem;color:#7b7b7b;}

.bdTable th,.bdTbl th{background-color:#f0f1f5;border:1px solid rgba(212,217,224,0.6);}
.bdTable th:nth-child(1){border-left:none;}
.bdTable th:last-child{border-right:none;}

.bdTable td{border-bottom:1px solid rgba(212,217,224,0.6);}
.bdTbl td {border:1px solid rgba(212,217,224,0.6);}

.bdTable tr:hover td, .bdTbl tr:hover td{background-color:rgba(240,241,245,0.2);}

.bdTable td.bdTitle, .bdTbl td.bdTitle{color:#3b3b3b; text-align:left;}
.bdTable td.bdTitle a,.bdTbl td.bdTitle a{/*outline:1px solid red;*/
    color:#3b3b3b;
    display:block;overflow:hidden;text-overflow:ellipsis;white-space:initial;
   }
.bdTable td.bdTitle a:hover,.bdTbl td.bdTitle a:hover{color:#7b7b7b;}

.bdTable span.icon.diskt.on{position:relative;display:inline-block;width:1.2rem;height:1.2rem;margin:0 auto;vertical-align:middle;}

    /*너비설정(WEB)*/
    td.bdCtg{min-width:250px;}
    td.bdPstNum,td.bdAttch{min-width:95px;}
    td.bdDate,td.bdAuthor,td.bdStatus{min-width:150px;}
    td.bdInc{overflow:hidden;max-width:100px;}
    td.bdCareer{width:140px;padding-left:0;padding-right:0;}
    td.bdProvide{width:110px;padding-left:0;padding-right:0;}

    /*추가설정(WEB)*/
    td.bdStatus{font-weight:bold;}
    td.bdStatusDone{font-weight:normal;color:#d4d9e0;}
    td.bdInc,td.bdCareer{font-size:0.875rem;color:#7b7b7b;}
    td.bdInc{text-align:left;}

        /*채용검색*/
        section.bdSchTitle{position:relative;}
        section.bdSchTitle div:nth-child(2){font-size:0.875rem;color:#7b7b7b;}
            section.bdSchTitle div:nth-child(2)>p{position:relative;display:inline-block;}
            /*2019-12-20*/
            /*section.bdSchTitle div:nth-child(2)>p:after{
                content:url(/common/job/img/icon/toDetail.png);display:inline-block;width:1rem;height:0.875rem;position:relative;transform:translateY(10%);}*/
            section.bdSchTitle div:nth-child(2)>p a{position:relative;display:inline;padding:0;}
            section.bdSchTitle div:nth-child(2)>p a img{width:1rem;height:auto;position:relative;transform:translateY(15%);}

        section.bdSchMobile{position:relative;box-sizing:border-box;width:100%;}
        section.bdSchMobile>div{position:relative;display:inline-block;font-size:0.875rem;color:#a8a8a8;margin-right:0.5em;}

   /*글쓰기 버튼(비관리자)*/
   section#bdWriteBtnArea{position:relative;width:100%;text-align:center;margin-top:2.5rem;}
   button.bdWriteBtn{
    position:relative;border:none;border-radius:2px;padding:0.8rem 2.3rem;
    background-color:#2a3c58;
    font-weight:bold;color:#fff;cursor:pointer;
    transition:all 0.3s;}
    button.bdWriteBtn:hover{background-color:#3b3b3b;padding:0.8rem 4.6rem;}

   /*타블렛 화면부터 바뀌는 부분*/
   .bdTitle div.onlyMobile{/*outline:1px solid red;*/
       position:relative;font-size:0.85rem;color:#a8a8a8;}
    .bdTitle div.onlyMobile>span{position:relative;}
    .bdTitle div.onlyMobile span.bdCtg:after{content:" · "}
    .bdTitle div.onlyMobile span.icon{display:inline-block;width:1rem;height:0.85rem;background-size:100% auto;background-position:center 0.2rem;margin:0 0.15rem 0 0.25rem;}


/* ------ 포토 게시판 부분 picBoard ------ */
section.picBoard{
    position:relative;box-sizing:border-box;width:100%;
    display:flex;display:-webkit-flex;
    flex-wrap:wrap;}

div.picUnit{
    position:relative;box-sizing:border-box;width:25%;overflow:hidden;
    padding:1rem;border-radius:1rem;margin-bottom:1rem;
    transition-property:background;transition-duration:0.3s;
}
div.picUnit:hover,div.picUnit:active{background-color:#f0f1f5;}

div.picUnit>a{
    position:relative;display:block;width:100%;
    font-weight:bold;color:#3b3b3b;}
div.picUnit>a:hover{color:#2a3c58;}

article.picImg{
    position:relative;box-sizing:border-box;overflow:hidden;border-radius:5px;
    width:100%;height:200px;
    margin-bottom:1.5rem;}
article.picImg img{width:100%;height:auto;object-fit:cover;}

article.picTitle{
    position:relative;overflow:hidden;width:100%;text-overflow:ellipsis;
    white-space:normal;word-wrap:break-word;
    height:2.8rem;line-height:1.4rem;
    display:-webkit-box;
    -webkit-line-clamp:2;-webkit-box-orient:vertical;}

article.picInfo{ /*outline:1px solid red;*/
    position:relative;box-sizing:border-box;width:100%; margin-top:1rem;
    font-size:0.8rem; display:flex; display:-webkit-flex;justify-content:space-between;
}
    article.picInfo span.picDate{
        display:block;background-color:#a8a8a8;color:#fff;font-weight:bold;
        border-radius:2px;padding:0.1rem 0.5rem 0.2rem 0.5rem;
    }
    article.picInfo span strong{color:#2a3c58;}
    article.picInfo span.imgIcon:before{
        content:url(/common/job/img/img/icon/ic_gall_img.png);
        display:inline-block;width:0.9rem;height:0.8rem;
        position:relative; margin-right:0.25rem;
        transform:translateY(10%);
    }
    article.picInfo span.eyeIcon:before{
        content:url(/common/job/img/img/icon/eye-regular.png);
        display:inline-block;width:1rem; height:0.8rem;
        position:relative;margin-right:0.2rem;
        margin-left:0.25rem;
    }

/* ------ 보도자료 게시판 부분 (photo.html) 2019-12-20 ------ */
/*영역*/
section.newsBoard{position:relative;width:100%;box-sizing:border-box;}

article.newsUnit{
    position:relative;width:100%;box-sizing:border-box;
    padding:1.5rem;
    border-bottom:1px solid #d4d9e0;
    display:flex;display:-webkit-flex;display:-ms-flexbox; justify-content:space-between;}

/*텍스트*/
div.newsImg {position:relative;width:16%;}
div.newsText{position:relative;box-sizing:border-box;width:70%;}
    /*제목*/
    p.newsTitle{
        position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
        margin-bottom:0.5rem;
        width:80%;
        font-weight:bold;font-size:1.2rem; color:#2a3c58;}

    p.newsTitle a{font-weight:bold;font-size:1.2rem; color:#2a3c58;}

    /*내용*/
    p.newsContent{
        width:98%;
        position:relative; overflow:hidden; text-overflow:ellipsis; 
        white-space:normal; word-wrap:break-word; display:-webkit-box;
        line-height:1.5; /* height:6em; */
        -webkit-line-clamp:4; -webkit-box-orient:vertical;
        font-size:0.875rem;color:#7b7b7b;}
    /*기사 정보*/
    span.newsDate{
        position:relative;display:inline-block; padding:0.1em 0.5em;
        border-radius:2px;background-color:#d4d9e0;
        font-weight:bold;font-size:0.75rem;color:#fff;
        margin-top:0.5rem;}
/*기사보기*/
div.toNews{position:relative;width:15%;}
div.toNews a{
    position:relative; box-sizing:border-box; display:block;
    top:50%; transform:translateY(-50%);
    border-radius:5px; padding:1rem;
    background-color:#2a3c58;
    text-align:center;font-size:0.875rem;font-weight:bold;color:#fff;}


/* ------ (공통)게시물 읽기 bdReadArea------ */
section#bdReadArea{position:relative;width:100%;box-sizing:border-box;}

/*제목*/
section.bdReadTitle{position:relative;width:100%;box-sizing:border-box;text-align:center;}
section.bdReadTitle div{position:relative;}
    section.bdReadTitle div.bdPstNum{font-size:0.875rem;font-weight:bold;color:#2a3c58;margin-bottom:0.5rem;}
    section.bdReadTitle div.bdTitle{font-size:2rem;font-weight:bold;margin-bottom:0.5rem;}
    section.bdReadTitle div.bdDate{font-size:1rem;color:#a8a8a8;}
    section.bdReadTitle div.bdAuthor{margin-top:0.5rem;font-size:0.875rem;font-weight:bold;color:#7b7b7b;}
    section.bdReadTitle:after{
        content:"";display:block;width:2rem;height:3px;background-color:#d4d9e0;
        position:relative;margin:2rem auto;}

/*내용*/
section.bdReadContent{position:relative;box-sizing:border-box;overflow-x:hidden;margin-bottom:4rem;}
    section.bdReadContent div.bdContentImg{position:relative;width:100%;text-align:center;}
        section.bdReadContent div.bdContentImg img{width:100%;height:auto;}
    section.bdReadContent>p{margin:1rem 0;line-height:1.5rem;}

/*첨부파일*/
section.attchFile{position:relative;box-sizing:border-box;margin-bottom:4rem;}
    div.attchFileTitle{
        position:relative;box-sizing:border-box;width:12.5rem;padding:1rem 0;
        background-color:#2a3c58;text-align:center;font-size:0.875rem;font-weight:bold;color:#fff;}
        div.attchFileTitle span.icon{display:inline-block;width:0.875rem;height:0.875rem;margin-right:0.25rem;}
    
    section.attchFile ol{position:relative;width:100%;box-sizing:border-box;border-bottom:1px solid #d4d9e0;}
        section.attchFile ol li{position:relative;width:100%;box-sizing:border-box;padding:1rem 0;border-top:1px solid #d4d9e0;
        display:flex;display:-webkit-flex;}
            section.attchFile ol li>div{position:relative;box-sizing:border-box;vertical-align:middle;}
            section.attchFile ol li div.attchFileNum{min-width:100px;text-align:center;font-size:0.75rem;font-weight:bold;color:#7b7b7b;transform:translateY(10%);}
            section.attchFile ol li div.attchFileName{color:#7b7b7b;font-size:0.75rem;}
                section.attchFile ol li div.attchFileName a{color:#7b7b7b;word-break:break-all;}
                section.attchFile ol li div.attchFileName a:hover,section.attchFile ol li div.attchFileName a:active{color:#2a3c58;font-weight:bold;}

/*덧글*/
section.bdCmtArea{position:relative;margin-bottom:4rem;}

div.bdCmtTitle{position:relative;}

article.cmtBox{
    position:relative;width:100%;box-sizing:border-box;
    padding:1.5rem;margin-top:1rem;
    background-color:rgba(240,241,245,0.3);border-radius:0.5rem;}
div.cmtInfo{position:relative;margin-bottom:0.25rem;font-size:0.875rem;}
div.cmtInfo span{display:inline-block; color:#a8a8a8;}
div.cmtInfo span.cmtAuthor{color:#2a3c58;font-weight:bold;margin-right:0.5rem;}
div.cmtContent{color:#7b7b7b;}

/*이전글다음글목록으로가기*/
section.bdMenuArea{position:relative;box-sizing:border-box;width:90%;margin:0 auto;box-sizing:border-box;}
section.bdMenuArea:before{
    content:""; display:block;
    position:relative;width:100%;height:1px;background-color:rgba(212,217,224,0.5);
    margin-bottom:4rem;}

section.bdMenuArea section{
    position:relative;box-sizing:border-box;width:100%;margin:0 auto;
    display:flex;display:-webkit-flex;justify-content:space-between;}

section.bdMenuArea article.bdMenuBox{position:relative;box-sizing:border-box;}

article.bdToPrev,article.bdToNext{
    position:relative;width:100%;box-sizing:border-box;
    width:calc(100% - 3.75rem);overflow:hidden;}

    /*2019-12-20*/
article.bdToPrev a,article.bdToNext a{position:relative; display:block; display:flex;display:-webkit-flex; color:#7b7b7b;}

div.bdMenuBoxTitle{ /*outline:1px solid red;*/
    position:relative;width:calc(100% - 3.75rem);overflow:hidden;}
article.bdToNext div.bdMenuBoxTitle{text-align:right;}
    div.bdMenuBoxTitle p{width:calc(100% - 3.75rem);position:relative;overflow:hidden;margin:0 auto;box-sizing:border-box;}
    div.bdMenuBoxTitle p:nth-child(1){font-size:0.875rem;font-weight:bold;color:#2a3c58}
    div.bdMenuBoxTitle p:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

section.bdMenuArea div.iconBox{
    position:relative;overflow:hidden;width:3.75rem;height:3.75rem;cursor:pointer;
    border:3px solid #d4d9e0;border-radius:100%;}
span.ic_arrow_prev{display:block;width:100%;height:100%;background-size:25% auto;}
span.ic_arrow_next{transform:rotate(180deg);}
section.bdMenuArea div.ic_board_list{border-radius:2px;border:none;}

section.bdMenuArea div.iconBox:after{
    content:"";display:block;width:0%;height:0%;border-radius:0%;background-color:#2a3c58;
    position:absolute;top:100%;z-index:-1;
    transition:all 0.3s;}
article.bdToPrev div.iconBox:after{left:0;}
article.bdToNext div.iconBox:after{left:100%;}
article.bdMenuBox:hover div.iconBox:after{width:100%;height:100%;border-radius:100%;top:0;left:0;}

/* ------ (공통) 글쓰기 ------ */ /*2019-12-20*/
div.board01_write{position:relative;width:100%;box-sizing:border-box;}
/*글쓰기 테이블*/
.board01_write_table{position:relative;width:100%;box-sizing:border-box;}
.board01_write_table td{position:relative;width:100%;box-sizing:border-box;}
/*제목*/
label.subjectLabel{position:relative;width:100%;}

input#subject{
    position:relative;box-sizing:border-box;
    width:100%;
    margin:0.8rem auto;
    padding:1rem;
    background-color:#fff;
    font-size:inherit;font-weight:bold;color:#3b3b3b;}
input#subject::placeholder{font-weight:normal;color:#d4d9e0;}

input#subject + label{ /*outline:1px solid red;*/
    position:absolute;top:1.5rem;left:1rem;
    text-align:left; font-weight:bold; font-size:0.7rem; color:#0073cc;
    transition:all 0.25s;}

input#subject:focus + label{color:#7b7b7b;}

input#subject:placeholder-shown:not(:focus) + label{font-size:0.9rem;top:1.3rem;left:1rem;opacity:1;color:#7b7b7b;}
/*캡챠*/
.captcha{
    position:relative;width:100%;box-sizing:border-box;
    margin-top:1rem;
    border-left:3px solid #2a3c58;}
#koc_captcha{position:relative;display:flex;}
    /*오른쪽 입력란*/
    .inp{position:relative; padding-top:1rem;margin-left:1rem; font-size:0.8rem;font-weight:bold;color:#0073cc;}
    input#CHECKCODE{
        background-color:#f8f9ff; margin-top:0.5rem;
        font-weight:bold; color:#7b7b7b;}
    /*새로고침 음성듣기 버튼*/
    input#captcha_re,input#soundOn{
        position:relative;border:1px solid #2a3c58; cursor:pointer;
        padding:0.5em 0.75em; border-radius:2px;
        margin-top:0.5rem;
        background-color:#2a3c58;
        font-size:0.8rem;font-weight:bold;color:#fff;}
    input#soundOn{background-color:#3b3b3b;}
/*등록버튼*/
div.btn_form_center{position:relative; text-align:center;}
a#btnSave,a#btnCancel,a.btn_blue,a.btn_white{
    position:relative;box-sizing:border-box; padding:0.5rem 1.5rem;
    border-radius:2px; border:1px solid #2a3c58; background-color:#2a3c58;
    text-align:center;font-weight:bold; color:#fff;
    cursor:pointer;}
    a#btnCancel,a.btn_white{background-color:#fff;color:#7b7b7b;border-color:#7b7b7b;}



/* ------------------------------------ 미디어 쿼리(1) ------------------------------------ */
@media all and (max-width:1400px){
/* ------ 게시판 부분 bdBoardArea ------ */
td.bdPstNum{width:10%;font-size:0.8rem;}
td.bdTitle{width:80%;}
td.bdAttch{width:10%;}
td.bdInc{width:20%;}

/* ------ 포토 게시판 부분 picBoard ------ */
div.picUnit{width:33.3%;}
}/*미디어쿼리1400이하*/

/* ------------------------------------ 미디어 쿼리(2) ------------------------------------ */
@media all and (max-width:900px){
/* ------ 검색 영역 bdSchArea ------ */
section#bdSchArea{display:block;}
section#bdSchArea article:nth-child(1){margin-bottom:0.25rem;}

input.bdSchInput{display:inline-block;margin-top:0.25rem;}

/* ------ 페이저 ------ */
section#bdPagerArea>span{font-size:0.8rem;width:2rem;height:2rem;line-height:2rem;}

/* ------ 게시판 부분 bdBoardArea ------ */
.bdTable th,.bdTable td{padding:1rem;}
td.bdPstNum{width:15%;}
td.bdTitle{width:85%;}

/* ------ 포토 게시판 부분 picBoard ------ */
div.picUnit{width:50%;}

/* ------ 보도자료 게시판 부분 (photo.html) 2019-12-20 ------ */
/*기사보기*/
div.toNews{background-color:#2a3c58;border-radius:5px;}

}/*미디어쿼리900이하*/

/* ------------------------------------ 미디어 쿼리(3) ------------------------------------ */
@media all and (max-width:600px){
/* ------ 포토 게시판 부분 picBoard ------ */
div.picUnit{width:100%;}
}/*미디어쿼리600이하*/