@charset "utf-8";

/* sub - common css */
@import url("../sub-common.css");


/* 서치 영역 */
.recruit-search-wrap {float: right }
.recruit-search-wrap .input-area {float:left;}
.recruit-search-wrap .input-area input[type="text"].text-input {width:300px;height: 44px; box-shadow: none; border-radius: 5px 0 0 5px;}
.recruit-search-wrap .btn-wrap {float: left; margin-top: 0;}
.recruit-search-wrap .btn-wrap button {height: 44px; box-shadow: none; font-size: 1.4rem; min-width: 82px; line-height: 20px; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.recruit-search-wrap .btn-wrap button img {width: 15px; height: 15px; margin-top: 3px; margin-right: 3px}
.search-result {padding: 20px 0;color: #7e7e7e; font-size: 1.4rem;text-align:right;}
.search-result span {color: #30b686; font-weight: 600}


@media(max-width: 1024px) {
	.recruit-search-wrap {float: none}
    .recruit-search-wrap .input-area {width:calc(100% - 82px)}
    .recruit-search-wrap .input-area input[type="text"].text-input {width:100%}
    .search-result {text-align: left;}
}

@media (max-width: 768px) {
    .recruit-search-wrap .input-area input[type="text"].text-input {height:35px}
    .recruit-search-wrap .btn-wrap button {height:35px}
    .recruit-search-wrap .btn-wrap button img {display: none;}
}


/* notice table  */
table.notice-table {width: 100%; table-layout: fixed; margin-bottom: 30px;}
table.notice-table tbody tr {border-bottom: 1px solid #e5e5e5}
table.notice-table tbody tr:hover {background-color: #f7f7f7}
table.notice-table tr th {color: #fff; background-color: #30b686; font-size: 1.5rem; padding: 20px 0;}
table.notice-table tr th:first-child {border-top-left-radius: 20px}
table.notice-table tr th:last-child {border-top-right-radius: 20px;}
table.notice-table tr td {color: #7e7e7e; font-size: 1.4rem;padding: 15px 0}
table.notice-table .th-num {width: 55px}
table.notice-table .th-title {width: calc(100% - 502px)}
table.notice-table .th-writer {width: 190px;}
table.notice-table .th-date {width: 130px;}
table.notice-table .th-date02 {width:170px}
table.notice-table .th-view {width: 70px;}
span.pin {color: #fff; background-color: #b3df7d; font-size: 1.2rem; padding: 4px 10px; border-radius: 8px}
table.notice-table .td-title {padding: 15px 10px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; display:block }
div.mo-notice-box {display: none}

/* 접수중 라벨링 */
span.recruit-label {font-size:1.1rem; padding:5px 5px; color:#fff; border-radius:3px; margin-right:5px; position:relative; top:-1px; width:42px; display: inline-block;text-align: center;}
span.recruit-label.ing {background:#30b686}
span.recruit-label.end {background:#cecece}


@media (max-width: 1024px) {
	.notice-box {display: none}
	div.mo-notice-box {display: block; margin-bottom: 20px}
	div.mo-notice {border-top: 1px solid #e5e5e5; padding: 10px 5px; margin-bottom:15px}
    div.mo-notice:last-child {border-bottom:1px solid #e5e5e5; padding-bottom:25px}
	div.mo-notice .td-title {width: 100%;padding-bottom: 10px; font-size: 1.5rem;text-overflow: ellipsis; overflow:hidden; white-space: nowrap; display:block}
    div.mo-notice .date-wrap {border-top:1px dashed #d2d2d2; padding:10px 0px 0}
    div.mo-notice .date-wrap ul li {position:relative; margin-bottom:8px; font-size:1.2rem}
    div.mo-notice .date-wrap ul li:last-child {margin-bottom:0}
    div.mo-notice .date-wrap ul li:before {padding-right: 5px;color: #30B686; content: attr(data-label); font-weight: 600}
    div.mo-notice .date-wrap.end ul li:before {color:#ababab}
}

@media(max-width: 768px) {
	div.mo-notice .td-title {font-size: 1.4rem}	
}


/* notice detail */
.notice-detail-box {width: 100%;}
.notice-detail-box .td-title {background-color: #30b686; padding: 35px 0; text-align: center; color: #fff; font-size: 2.2rem; border-top-left-radius: 22px; border-top-right-radius: 22px;}
.notice-detail-box .td-title p {display: inline-block;}


.notice-detail-box .td-writer-wrap {font-size: 1.4rem; color: #424242; text-align: center; padding: 15px 0; border-bottom: 1px solid #d2d2d2}
.notice-detail-box .td-writer-wrap .td-date,
.notice-detail-box .td-writer-wrap .td-view {display: inline-block; margin-right: 15px; position: relative}
.notice-detail-box .td-writer-wrap span.point {color: #30b686; margin-right:3px; font-weight: 600}
.notice-detail-box .td-writer-wrap .td-view::after {position: absolute; content: ''; top: 1px; left: -9px; width: 1px; height: 12px; background-color: #d6d6d6}
.notice-detail-box .recruit-area {padding: 20px 10px}
.notice-detail-box .recruit-area .area-sec {margin-bottom:25px}
.notice-detail-box .recruit-area .area-sec p {line-height: 24px; font-size: 1.5rem; color: #696969}
.notice-detail-box .recruit-area .area-sec h5 {font-size:1.6rem; padding-bottom:8px; position:relative; padding-left:12px}
.notice-detail-box .recruit-area .area-sec h5::after {content:'';position: absolute; left: 0;width: 0; height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #30b686;top: 3px}
.notice-detail-box .recruit-area img {max-width:100%}
.notice-detail-box span.recruit-label{ font-weight:600; top:-4px}
.notice-detail-box  span.recruit-label.ing {background:#fff; color:#30b686;}
.notice-detail-box  span.recruit-label.end {background:#fff; color:#b6b6b6}
.notice-detail-box table.vertic-table {border-top:0}
.notice-detail-box table.vertic-table tbody tr th {padding:15px 5px; font-size:1.4rem;text-align: left;}
.notice-detail-box table.normal-table {border-top:1px solid #d2d2d2; margin-top:30px}
.notice-detail-box table.normal-table tr th,
.notice-detail-box table.normal-table tr td {text-align:center;font-size:1.4rem}

@media all and (max-width: 700px) {
	.notice-detail-box table.vertic-table { table-layout: fixed; }
	.notice-detail-box table.vertic-table tbody tr td { font-size: 1.2rem; padding: 10px; }
	.notice-detail-box table.vertic-table tbody tr th { font-size: 1.2rem; padding: 10px; width: 85px; }
    .notice-detail-box table.normal-table tr th {font-size: 1.2rem; width: auto;}
	.notice-detail-box table.normal-table tr td {font-size: 1.2rem;}    
    .notice-detail-box .recruit-area .area-sec h5 {font-size:1.5rem}
    .notice-detail-box .recruit-area .area-sec p {font-size:1.4rem; line-height:22px}
	
}

@media(max-width:500px) {
    .notice-detail-box .recruit-area .area-sec h5 {font-size:1.4rem}
    .notice-detail-box .recruit-area .area-sec p {font-size:1.3rem; line-height:20px}
}


/* 하단  */

.prev-next-notice-wrap {color: #424242}
.prev-wrap, .next-wrap {padding: 8px 8px 5px 8px; border-radius: 10px;}
.prev-wrap:hover, .next-wrap:hover {background-color:#f3f3f3}
.prev-wrap {margin-bottom: 5px;}
.next-wrap p a, .prev-wrap p a {font-size: 1.4rem;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display: block}
.prev-wrap span, .prev-wrap p, .next-wrap span, .next-wrap p {display: inline-block}
.prev-wrap span, .next-wrap span {margin-right: 20px; position: relative; font-weight: 600; font-size: 1.4rem; top: -4px}
.prev-wrap span::after, .next-wrap span::after {content: ''; position: absolute; top: 2px; right: -12px; width: 1px; height: 12px; background-color: #d6d6d6}
.btn-wrap.list-btn button {margin-right:20px}
.btn-wrap.list-btn button:last-child {margin-right:0}

@media(max-width: 1024px) {
	.notice-detail-box .td-title {font-size: 2rem; padding: 30px 0}
}

@media(max-width: 650px) {
	.notice-detail-box .td-title {font-size: 1.7rem; padding: 25px 0}
	.prev-next-notice-wrap {font-size: 1.3rem}
	.bottom-wrap .btn-wrap button {height: 46px; line-height: 43px; min-width: 90px; font-size: 1.4rem}
    .notice-detail-box .td-title p {display:block; margin-top:10px}
    .btn-wrap.list-btn button {margin-right:8px}
    .notice-detail-box .td-title .recruit-label {top:0}
}

@media(max-width: 500px) {
	.notice-detail-box .td-title {font-size: 1.4rem; padding: 20px 0}
	.notice-detail-box .td-writer-wrap {font-size: 1.2rem;}
	.notice-detail-box .recruit-area p {font-size: 1.3rem}
	.next-wrap p a, .prev-wrap p a {font-size: 1.2rem}
	.prev-wrap span, .next-wrap span {font-size: 1.2rem; margin-right: 10px;}
	.prev-wrap span::after, .next-wrap span::after {right: -7px; top: 0}
	.notice-detail-box {padding-bottom: 10px; margin-bottom: 10px;}
	.btn-wrap.list-btn button {height: 40px; line-height: 40px; min-width: 75px; font-size: 1.3rem}
	.notice-detail-box .recruit-area {padding: 20px 10px}
}



/* notice-empty */

.notice-box.empty {width: 100%; height:350px; background-color: #f1f3f2; border-radius: 20px}
.notice-box.empty p {text-align: center; font-size: 1.5rem; color: #999; line-height: 350px;}
.mo-notice-box.empty {height: 300px; width: 100%; display: none;background-color: #f1f3f2; border-radius: 20px}
.mo-notice-box.empty p {text-align: center; font-size: 1.5rem; color: #999; line-height: 315px}

@media(max-width: 768px) {
	.mo-notice-box.empty {display: block; border-top: 0; margin-bottom: 0}
	.mo-notice-box.empty p {font-size: 1.3rem}
}


/* center-notice 검색 */
.center-notice .notice-search-wrap { width:750px; float:right;}
.center-notice .notice-search-wrap .group { float: left; margin-right: 15px; }
.center-notice .notice-search-wrap .group:last-child { margin-right:0; }
.center-notice .notice-search-wrap .group .select-label { font-weight: 600; float:left; position: relative; top: 15px; padding-right:10px;}
.center-notice .notice-search-wrap .group .select-box { width: 110px; }
.center-notice .notice-search-wrap .group .select-box.select02 select{ border-radius: 5px; }
.center-notice .notice-search-wrap .group .btn-wrap { width:auto; }
.center-notice .notice-search-wrap .group .input-area { float:left; width:calc(100% - 192px)}
.center-notice .notice-search-wrap .group .input-area input[type="text"].text-input { float:none; width:100%; }
@media (max-width: 800px) {
	.center-notice .notice-search-wrap { width:100%; }
	.center-notice .notice-search-wrap .group { width:100%; margin-bottom: 10px;}
	.center-notice .notice-search-wrap .group:last-child { margin-bottom: 0;}
	.center-notice .notice-search-wrap .group .select-label { text-align: center; width:90px;}
	.center-notice .notice-search-wrap .group:not(:last-child) .select-box { width: calc(100% - 90px); }
}
@media (max-width: 500px) {
	.center-notice .notice-search-wrap .group .input-area { width:calc(100% - 160px);}
}


/* popup */
.pop-modal {width:900px; height: calc(100vh - 100px)}
.modal-content-area {height: calc(100% - 97px); max-height:auto; max-height:none}
.modal-content-area .signup-cont .sub-tit {font-size:1.4rem}
.modal-content-area table.vertic-table tbody tr td p.vertic-tit {font-size:1.5rem}
.modal-content-area table.vertic-table tbody tr th {padding:15px 5px;}
.modal-content-area table.vertic-table tbody tr th span {color: #ed6c5f}
.modal-content-area input[type=checkbox]:not(old) + label {margin-bottom:6px}
.modal-content-area input[type="text"].text-input {box-shadow: none; height: 40px; border-radius: 5px; font-size: 1.4rem}

.modal-content-area .step-tab {margin-bottom:20px}
.modal-content-area .step-tab ul li {float:left; width:50%; border:1px solid #e5e5e5; cursor:pointer; color:#999; padding:15px; font-size:1.4rem;text-align: center; transition: all 0.2s ease; font-weight:600}
.modal-content-area .step-tab ul li.select,
.modal-content-area .step-tab ul li:hover {border-color:#30b686; background:#30b686; color:#fff;}
.modal-content-area .btn-wrap button img {vertical-align: middle; margin-right:5px;}

@media(max-width:1200px) {
	.pop-modal  {width:calc(100% - 20px)}
}

@media(max-width:500px) {
	.modal-content-area .step-tab ul li {font-size:1.3rem;}
	.modal-content-area table.vertic-table tbody tr td p.vertic-tit {font-size:1.4rem}
	.modal-content-area input[type=checkbox]:not(old) + label {font-size:1.3rem}
}

.recruit-result {margin:30px 0; padding-top:30px; border-top:1px solid #999}
.recruit-result > ul > li {float:left; width:calc(50% - 10px); margin-right:20px}
.recruit-result > ul > li:nth-child(2n-0) {margin-right:0}
.recruit-result > ul > li .sign-box {border: 1px solid #e5e5e5;border-radius: 10px;padding: 15px;margin-bottom: 20px; background: #fff;}
.recruit-result > ul > li .sign-box .btn-area .btn-wrap button {width:calc(50% - 10px); height:35px; line-height:34px; font-size:1.3rem}
.sign-box .left-thumbnail {width:90px; height:90px;border-radius:8px; border:1px solid #eff4f2; float:left; margin-right:15px}
.recruit-result .right-info {float:left; width:calc(100% - 105px)}
.recruit-result .right-info .label-wrap {padding-bottom:5px}
.recruit-result .right-info .label01,
.recruit-result .right-info .label02 {display:inline-block; padding:4px 10px; border-radius:5px; color:#fff; background:#aaa; font-size:1.2rem;margin-bottom:3px}
.recruit-result .right-info .label01 {margin-right:5px; background:#ffbe2c}
.recruit-result .right-info .label02 {background:#46d475}
.recruit-result .right-info .center-tit {font-size:1.5rem; line-height:30px;text-overflow: ellipsis; overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical}
.recruit-result .result-notice {text-align: center; padding:30px 10px; background:#f1f7f5;}
.recruit-result .result-notice p {font-size:1.6rem; line-height:22px;}
.recruit-result .result-notice span.point {color:#4990ff; font-weight:bold; font-size:2.4rem; display:inline-block; padding:10px 0; margin-right:5px}
.recruit-result .result-notice p.notice-info {color:#a4beb5; font-size:1.4rem; padding-bottom: 15px;}
.recruit-result .result-notice p.txt { font-size: 1.4rem; padding-bottom: 2px;}
.recruit-result .result-notice p.c-black { color: #000; }
.recruit-result .result-notice p.c-red { color: #c13535; }


@media(max-width:768px) {
    .recruit-result > ul > li {width:100%; margin-right:0}
	.recruit-result .result-notice p {font-size:1.5rem}
	.recruit-result .result-notice span.point {font-size:2.2rem}
	.recruit-result .result-notice p.notice-info {font-size:1.3rem}
	.recruit-result .result-notice p.txt {font-size:1.3rem}
}

@media(max-width:500px) {
	.recruit-result > ul > li .sign-box {padding:12px}
    .sign-box .left-thumbnail {width:70px; height:70px;}
    .recruit-result .right-info {width:calc(100% - 85px)}
    .recruit-result .right-info .center-tit {font-size:1.5rem; line-height:21px;}
    .recruit-result > ul > li .sign-box .btn-area .btn-wrap button {line-height:32px; height:33px; font-size:1.2rem}
    .recruit-result .right-info .label01,
    .recruit-result .right-info .label02 {font-size:1.1rem; padding:4px 6px}
    .recruit-result .right-info .label01 {margin-right:3px}
	.recruit-result .result-notice p {font-size:1.4rem}
	.recruit-result .result-notice span.point {font-size:2rem}
}