/*
* 회사소개, 연혁 및 채용 페이지
*/

/*회사소개 페이지*/

#fullpage {
    position: relative;
    top: 0px;
    z-index: 9;
    width: 100vw;
    /* height: 100vh; */
}

/*
*  채용 공고 게시판
*/
/*채용 공고 페이지 */
.f3-container.-recr {
    margin:0 auto;
    max-width:1200px;
    width:100%;
    color:#fff;
    padding-bottom:10px;
}
.section-noti {
    margin:0 auto;
    width:798px;
    height:auto;
    /*padding-bottom:50px;*/
}

.section-noti h2 {
/*    font-size:54px;*/
    color:#000;
    /*text-align:center;*/
    margin-top:140px;
    margin-bottom:20px;
    font-weight:600;
}
.view-noti-group a,
.list-noti a {
    color:#000;
    display:block;
}

/*공지사항 - 목록*/
.list-noti>li {
    width:100%;
    font-size:16px;
}
.list-noti>.list-head {
    text-align: center;
    background-color:#014099;
}
.list-pick-this>.pick-tlt,
.list-noti>.list-pick {
    color:#000;
    background-color:#fff;
    border-bottom:1px solid #c7c7c7;
    border-left:1px solid #c7c7c7;
    border-right:1px solid #c7c7c7;
}
.list-pick-this>.pick-tlt>div,
.view-noti-group .list-pick>div,
.list-noti>li>div {
    float:left;
    line-height:58px;
    color:#000;
    /*margin:0 auto;*/
}
.list-pick-this>.pick-tlt::after,
.view-noti-group .list-pick::after,
.list-noti>li::after {
    content:'';
    display:block;
    clear:both;
}
.list-pick-this>.pick-tlt>div:first-child,
.view-noti-group .list-pick>div:first-child,
.list-noti>li>div:first-child {
    width:10%;
    text-align:center;
}
.view-noti-group .list-tlt.-tl,
.list-noti>li>div:nth-child(2) {
    width:65%;
}
.list-pick-this>.pick-tlt>div:last-child,
.view-noti-group .list-date.-tl,
.list-noti>li>div:last-child {
    width:25%;
    text-align:center;
}
.tlt-noti>div:nth-child(2),
.view-noti-group .list-tlt.-tl a {
    padding:0 3%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/*공지사항 - 내용보기*/
.tlt-noti {
    background-color:#014099;
}
.tlt-noti>div {
    float:left;
    line-height:60px;
    text-align: center;
}
.tlt-noti>div:first-child {
    width:10%;
}
.tlt-noti>div:nth-child(2) {
    width:65%;
    padding:0 3%;
}
.tlt-noti>div:last-child{
    width:25%;
}
.tlt-noti::after {
    content:'';
    display:block;
    clear:both;
}
.dt-noti {
    padding:5% 12%;
}
.view-noti-group>.list-pick,
.dt-noti {
    background-color:#fff;
    color:#000;
    border-bottom:1px solid #c7c7c7;
    border-left:1px solid #c7c7c7;
    border-right:1px solid #c7c7c7;
    width:100%;
}
.dt-noti img {
    width:100%;
    max-width:742px;
    margin-bottom:2em;
}
.dt-noti-txt {
    -ms-word-break:keep-all;
    word-break:keep-all;
    line-height:1.6em;
    width:100%;
}
.view-noti-group {
    margin-bottom:50px;
}


.btn-return {
    margin: 0 auto;
    display: block;
    width: 300px;
    height: 66.5px;
    line-height:66.5px;
    background-color: #014099;
    color: #fff;
    font-size: 20px;
    text-align:center;
    /*cursor:pointer;*/
    margin-bottom:50px;
}


#filldata.section {
    height:auto;
}
.form-data {
    margin:0 auto;
    width:798px;
    height:100%;
}
.form-data>form {
   /* padding:6.5%;*/
    margin:0 auto;
    text-align: center;
}
.cont-log {
    max-width:1200px;
    margin:0 auto;
}
.chk>input[type="checkbox"] {
    display:none;
}
.chk>label {
    cursor:pointer;
    padding-right:30px;
}
.chk>label>span {
    padding-left:8px;
}
.chk>input[type="checkbox"] + label::before {
    content:'';
    display:inline-block;
    width:15px;
    height:15px;
    background-color:#fff;
    border:1px solid #c7c7c7;
    vertical-align:text-bottom;
}
.chk>input[type="checkbox"]:checked + label::before {
    background-image: url(../imgs/icon-chkd.jpg);
    border:1px solid #014099;
}
.tlt-type {
    font-size:23px;
    font-weight:600;
    margin-bottom:15px;
    text-align:left;
}
.tlt-type>.chk>label {
    font-size:16px;
    font-weight:400;
    margin-bottom:0;
    margin-top:8px;
    padding-right:0;
    float:right;
}
.table-busi>.tlt-type {
    margin-top:50px;
}
.btn-regi {
    width:300px;
    height:66px;
    background-color:#014099;
    color:#fff;
    font-size:19px;
    margin:8% 0;
}
.form-data .table {
    border:1px solid #c7c7c7;
}
.form-data .table li {
    font-size:16px;
}
.form-data .table>li>div:first-child {
    background-color:#014099;
    color:#fff;
    width:25%;
    line-height:58px;
    text-align:center;
    font-weight:500;  
}
.form-data .table>li>div:last-child {
    width:75%;
    line-height:57px;
}
.ag-ad,
.select-formType.-regi {
    padding-left:3%;
    line-height:58px;
}
.select-formType.-regi>label {
    font-size:16px;
}
.form-data .table>li>div {
    float:left;
}
.form-data .table>li:not(:last-child) {
    border-bottom:1px solid #c7c7c7;
} 
.form-data .table>li::after {
    content: '';
    display: block;
    clear: both;
}
.form-data .table>li,
.form-data .table>li>div:last-child {
    background-color:#fff;
    text-align: left;
}
.select-formType>label {
    width:30%;
    color:#000;
    font-size:18px;
    margin-left:3px;
}
.form-data .table>li>div:last-child:focus-within {
    outline:2px solid #014099;
    height:57px;
    /*height:calc(100% - 1px);*/
}
.form-data .table>li.ask-area>div:last-child:focus-within {
   height:100%;
   height:197px;
}
.select-formType>input[type="radio"] {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border:none;
}
.select-formType>input[type="radio"] + label {
    position:relative;
    padding-left:20px;
    padding-right:30px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.select-formType>input[type="radio"] + label::before {
    content:'';
    position:absolute;
    left:0;
    top:3px;
    width:11px;
    height:11px;
    text-align:center;
    background:#fff;
    border:1px solid #c7c7c7;
    border-radius: 100%;
}
.select-formType>input[type="radio"]:checked + label::before {
    border-color:#014099;
}
.select-formType>input[type="radio"]:checked + label::after {
    content:'';
    position:absolute;
    top:7px;
    left:4px;
    width:5px;
    height:5px;
    background:#014099;
    border-radius:100%;
}
.form-data .table input {
    font-size:16px;
    line-height:58px;
}
.form-data .table input::placeholder {
    color:#c7c7c7;
    font-size:16px;
}
.form-data .table input[type="button"],
.form-data .table button {
    width:160px;
    line-height:40px;
    background-color:#014099;
    color:#fff;
    cursor:pointer;
}
.table-ask>ul.table>li:last-child input[type="text"] {
    padding-left:3%;
    padding-right:3%;
}
.form-data .w100 input[type="text"],
.form-data .w100 input[type="password"] {
    width:100%;
    height:auto;
    padding-left:4%;
    padding-right:4%;
}
.form-data .table input:focus {
    outline:none;
}
.form-data .table li {
    position: relative;
}


/***  사업자 등록증 디자인 속성값 변경 ***/
.up-filebox input[type="file"] {
	position: absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:none;
}

.up-filebox label {
	display:inline-block;
	/*vertical-align:middle;*/
    width:160px;
    width:28%;
    line-height:40px;
    background-color:#014099;
    color: #fff;
    cursor: pointer;
    text-align:center;
}

/* 파일업로드 상자 속성값 */
.up-filebox .upload-name {
	display:inline-block;
    letter-spacing:-.2px;
    line-height:39px;
    height:40px;
	background-color:#f4f4f4;
    border:1px solid #c7c7c7;
    color:#c7c7c7;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:60.7%;
    padding-left:2%;
    padding-right:2%;
    margin-left:21px;
    margin-right:21px;
    font-size:.9em;
}
.form-data .table input.upload-name {
    font-size:14px;
}
.chk-ask {
    color:#014099;
    font-weight:500;
}
.chk.-mo {
    display:none;
}
.table-ask::after {
    content:'';
    display:block;
    clear:both;
}
.form-data .table>li.ask-area>div:first-child {
    line-height:198px;
}
.form-data .table>li.ask-area>div:last-child {
    line-height:inherit;
}
.form-data .table>li.ask-area textarea {
    width:100%;
    height:194px;
    resize:none;
    border:none;
    outline:none;
    padding:4%;
}
.selectbox {
    position:relative;
    width:200px;
    z-index:1;
}
.selectbox:before {
    content:"";
    position:absolute;
    top:47%;
    right:15px;
    right:6%;
    top: 25px;
    width:0;
    height:0;
    z-index: 1;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid #014099;
}
  
.selectbox label {
    position:absolute;
    display:none;
    letter-spacing:-.2px;
    line-height:40px;
    height:40px;
    background-color:#f4f4f4;
    border:1px solid #c7c7c7;
    color:#c7c7c7;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:93%;
    padding:0 2%;
    margin-left:21px;
    margin-right:21px;
    margin-top:9px;
}
.selectbox select {
    width:93%;
    height:40px;
    border:0;
    filter:alpha(opacity=0);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:93%;
    margin:auto;
    padding:0 4%;
    outline:none;
    font-size:16px;
    cursor:pointer;
    margin-left:21px;
    border:1px solid #c7c7c7;
    background-color:#f4f4f4;
}


/*첨부파일 팝업화면*/
 .file-recr .qmark {
    text-align:center;
    background-color:#014099;
    color:#fff;
}
.file-recr {
    position: relative;
}
.file-recr .qmark {
    display:inline-block;
    width:18px;
    height:18px;
    border-radius:100%;
    color:#014099;
    background-color:#ffe933;
    line-height:1.1em;
    vertical-align:baseline;
    vertical-align:middle;
    margin-bottom:1px;
    cursor:pointer;
}
.file-info {
    display:none;
    position:absolute;
    background-color:#fff;
    max-width:398px;
    width:50%;
    height:140px;
    z-index:100;
    padding:2.5% 2%;
    padding:4% 3%;
    bottom:50px;
    left:25px;
    box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.3);
    word-break:keep-all;
}
.file-info::after {
    content: '';
    position:absolute;
    left:92px;
    left:6.3em;
    top:98%;
    width:0;
    height:0;
    border:.6em solid black;
    border-color:transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform:rotate(-45deg);
    box-shadow:-5px 5px 5px 0 rgba(0, 0, 0, 0.3);
    clear:both;
}
.file-mo {
    display:none;
}
.file-info>div {
    color:#000;
    text-align:left;
}
.file-info p {
    font-weight:400;
    line-height:1.4em;
    font-size:14px;
    color:#474747;
}
.file-info p:first-child {
    font-size:18px;
    margin-bottom:16px;
}
.file-info p:first-child,
.file-info p:nth-child(3) span {
    color:#014099;
    font-weight:600;
}
.file-info p:nth-child(2),
.file-info p:nth-child(3) {
    margin-bottom:16px;
}

/* 보안코드 및 임시 요소 속성값 */
.form-data .table>li>div.up-protect {
    width:calc(100% - 25%);
}
.up-protect{
    padding-left:21px;   
}

.up-protect input[type="file"] {
	position: absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:none;
}
.up-protect label {
	display:inline-block;
    width:160px;
    line-height:40px;
    background-color:#014099;
    color: #fff;
    cursor: pointer;
    text-align:center;
}
.up-protect .code-pt {
	display:inline-block;
    letter-spacing:-.2px;
    line-height:40px;
    height:40px;
	background-color: #f4f4f4;
    border:1px solid #c7c7c7;
    color:#c7c7c7;
/*    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;*/
    width:50%;
    padding-left:2%;
    padding-right:2%;
    margin-left:1.2%;
}
.code-view {
    float:left;
    height:40px;
    margin-top:9px;
    padding-right:.5em;
}
#ic_refresh {
    float:left;
    height:40px;
    margin-top:9px;
    cursor:pointer; 
}
.up-protect>input[type="image"] {
    vertical-align:top;
    margin-top:1.6%;
}
.code-ex {
    color:#c7c7c7;
    padding-left:2%;
}



.cont-grid::after {
    content:'';
    display:block;
    clear:both;
}

.list-info-addr::after {
    content:'';
    display:block;
    clear:both;
}
.info-addr,
.info-button {
    width:50%;
    float:left;
}
.info-button {
    position:relative;
}
.info-addr>p {
    color:#000;
    font-size:18px;
    font-weight:300;
    line-height:2.2em;
}
.info-addr>p>span {
    font-weight:600;
}
.info-button ul {
    position:absolute;
    right:0;
}
.info-button .buttons.-ab {
    width: 300px;
    height: 66px;
    background-color: #0024fd;
    text-align: center;
    margin-top:0px;
    color: #fff;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}
.info-button li:last-child {
    margin-top:11px;
}



/*
* 미디어쿼리 시작
*/


@media (max-width:1280px) {
	.form-data .table input[type="text"]:last-child {
		height:40px;
		padding-left:3%;
		padding-right:3%; 
	}
	
	/* 채용 */
	#filldata.section {
		/* width:85%; */
		height:auto;
		margin:0 auto;
	}
	.section-noti {
		margin:0 auto;
		width:85%;
		height:auto;
	}
	.form-data{
		width:85%;
		height:auto;
		margin:0 auto;
	}
	.up-filebox label{
		width:25%;
		width:30%;
	}
}
@media all and (min-width:1024px) and (max-width:1279px) {
    .up-filebox label{
		width:29%;
	}
}
@media all and (min-width:768px) and (max-width:1023px) {
    .up-filebox label{
		width:28%;
	}
}
@media (max-width: 767px) {
    
    /*채용 공고 - 모바일*/
    .f3-container.-recr {
        padding:0;
    }
    .pick-tlt,
    .list-pick {
        position:relative;
    }
    .section-noti {
        width:100%;
    }
    .section-noti h2 {
        margin-top:106px;
        margin-bottom:14px;
        padding-left:7%;
    }
    .tlt-type,
    .section-noti h2 {
        font-size:1.4em;
    }
    .list-pick-this>.pick-tlt>div, 
    .view-noti-group .list-pick>div {
        line-height:normal;
    }
    .list-pick-this>.pick-tlt>div, 
    .view-noti-group .list-pick>div {
        padding-top:6%;
        height:74px;
    }
    .list-pick-this>.pick-tlt>div:first-child, 
    .view-noti-group .list-pick>div:first-child {
        width:20%;
        margin-top:2.7%; /*채용 공고 게시글 번호만 별도 수정*/
    }
    .view-noti-group .list-tlt.-tl {
        width:70%;
    }
    .list-noti>.list-pick>div:not(:nth-child(2)),
    .list-pick-this>.pick-tlt>div:last-child, 
    .view-noti-group .list-date.-tl {
        position:absolute;
        left:22%;
        top:25px;
        font-size:.8em;
        text-align:left;
        width:auto;
        height:auto;
    }
    .tlt-noti>div,
    .list-noti>li>div {
        float:none;
        width:100%;
        line-height:normal;
    }
    .list-noti>li>div:nth-child(2) {
        width:100%;
    }

    .list-noti>li>div:last-child {
        font-size:.7em;
        color:#a0a0a0;
    }

    .tlt-noti>div:first-child,
    .view-noti-group.list-tlt.-tl a, 
    .list-tlt.-t a {
        padding:0;
    }
    .tlt-noti>div:first-child,
    .list-tlt.-t a {
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:2; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */
        -webkit-box-orient: vertical;
        overflow:hidden;  
    }

    .selectbox select {
        margin-left: 2.89vw;
    }

    .selectbox:before {
        top: 19px;
    }
    /*공지사항 내용보기 - 모바일*/
    .tlt-noti>div:first-child {
        width:100%;
        font-size:1.1em;
    }
    .tlt-noti {
        display:none;
    }
    .tlt-noti>div:last-child {
        width:auto;
        text-align:left;
        font-size:.7em;
        color:#a0a0a0;
    }
    .tlt-noti>div:last-child {
        position:absolute;
        bottom:20px;
    }
    .dt-noti {
        padding:5%;
    }
    .list-pick-this>.pick-tlt,
    .view-noti-group>.list-pick,
    .dt-noti {
        border-left:none;
        border-right:none;
    }
    .list-pick-this>.pick-tlt {
        border-top:1px solid #c7c7c7;
    }
    .dt-noti-txt {
        margin-top:40px;
        padding-bottom:34px;
        font-size:.94em;
        letter-spacing:-1px;
    }
    .btn-return {
        width:64%;
        height: 58px;
        line-height:58px;
        font-size:1.2em;
    }
    /*첨부파일 팝업 - 모바일*/
    .tax-invoice .qmark {
        text-align:center;
        background-color:#014099;
        color:#fff;
    }
    .file-info {
        width:98%;
        height:4vw;
        min-height:124px;
        z-index:100;
        padding:6% 4%;
        bottom:84px;
        left:1%;
        box-shadow: 0 0 15px 2px rgb(0 0 0 / 30%);
    }
    .file-info::after {
        content: '';
        position:absolute;
        left:55px;
        left:4.2em;
        top:99%;
        width:0;
        height:0;
        border:.6em solid black;
        border-color:transparent transparent #fff #fff;
        transform-origin: 0 0;
        transform:rotate(-45deg);
        box-shadow:-5px 5px 5px -4px rgba(0, 0, 0, 0.3);
        clear: both;
    }
    .file-pc {
        display:none;
    }
    .file-mo {
        display:block;
        width:90%;
    }
    .file-info p:first-child {
        font-size:1.1em;
    }
    .file-info p {
        font-size:.86em;
        line-height:1.4em;
        letter-spacing:-.2px;
    }
    .file-info p span.tax-num {
        font-size:1.3em;
        color:#000;
        font-weight:400;
        vertical-align:top;
    }
    .form-data {
        margin:20px auto;
        width:91%;
    }
    .form-data .table>li:not(:last-child),
    .form-data .table{
        border:none;
    }
    .form-data .table>li {
        background-color:transparent;
        border:none;
        position:relative;
    }
    .form-data .table>li>div {
        float:none;
    }
    .form-data .table>li>div:first-child,
    .form-data .table>li>div:last-child {
        width:100%;
    }
    .form-data .table>li>div:first-child {
        background-color:transparent;
        color:#014099;
        text-align:left;
        line-height:1.6em;
        font-weight:600;
        margin-top:26px;
        font-size:1em;
    }
    .form-data .table>li>div:last-child {
        border:1px solid #c7c7c7;
        line-height:46px;
        line-height:48px;
    }
    .form-data .table>li>div:last-child:focus-within {
        outline:2px solid #014099;
        height:auto;
    }
    .form-data .table input {
        line-height:40px; 
    }
    .form-data .table input::placeholder {
        visibility:hidden;
    }
    .form-data .table .w100 input[type="text"] {
        width:100%;
    }
    .form-data .table input[type="button"],
    .form-data .table button {
        width:110px;
        width:30%;
        font-size:.74em;
        vertical-align:top;
        margin-top:3px;
    }
    .up-filebox,
    .up-protect {
        padding-left:3vw;
    }
    /***  사업자 등록증 디자인 속성값 변경 ***/
    .up-filebox input[type="file"] {
        position:absolute;
        width:1px;
        height:1px;
        padding:0;
        /*margin:-1px;*/
        overflow:hidden;
        clip:rect(0,0,0,0);
        border:none;
    }
    .up-filebox label {
        width:30%;
        font-size:.74em;
        vertical-align: top;
        margin-top:4px;
        }
    .up-filebox .upload-name {
        /*display:inline-block;*/
        float:left;
        line-height:40px;
        height:40px;
        width:65.6%;
        padding-left:2%;
        padding-right:2%;
        margin-left:0;
        margin-right:0;
        margin-top:4px;
    }
    /*광고 문의하기 -모바일 767*/
    .chk.-pc {
        display:none;
    }
    .chk.-mo {
        display:block;
        margin:20px 0;
    }
    .chk.-mo>label {
        padding-right:0;  
    }
    .form-data .table>li.ask-area>div:first-child {
        line-height:1.6em;
    }
    .selectbox label {
        background-color:#fff;
    }
    .form-data .table>li.ask-area>div:last-child {
        height:197px;
    }
    .form-data .table>li.ask-area textarea {
        width: 100%;
        height: 194px;
        resize: none;
        border: none;
        outline: none;
        padding: 4%;
    }
    .add-subT.-add4::before {
        content: 'zip / pdf / jpg / png 등록 가능합니다.(최대 10Mb)';
        position: absolute;
        color: #014099;
        font-size: .82em;
        left: 0;
        top: 60px;
    }
    .up-protect .code-pt {
        width:50%;
        padding-left: 2%;
        padding-right: 2%;
        margin-left: 1.2%;
    }
    .up-protect>input[type="image"] {
        margin-top:.8%;
    }
    .code-view,
    #ic_refresh {
        margin-top:4px;
    }
    .code-view>img {
        margin-top:.5em;
    }
    .code-ex {
        font-size:.6em;
    }
    .file-recr .qmark {
        color:#fff;
        background: #014990;
    }


}