@charset "utf-8";

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*word-break: keep-all;*/ }
*:focus { position: relative; outline: none; box-shadow:none;  -webkit-box-shadow:none;}
body{ width:100%; height:100%; min-width: 320px; text-align:left; font-size:14px; font-weight:400; font-family: "Noto Sans KR", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#202530; line-height:1.5; -webkit-overflow-scrolling:touch; }
body,p,h1,h2,h3,h4,h5,h6,table,caption,form,fieldset,legend,span,div,th,td,address{margin:0; padding:0;}
textarea{font-family: Pretendard;}
ul,ol,li,dl,dt,dd{list-style:none; margin:0; padding:0px}
img{ border:0 none; line-height:0; font-size:0; vertical-align:top; }
em, i{font-style: normal;}
a{color:#202530; font-style: normal; text-decoration: none;}


input[type="checkbox"],
input[type="radio"] { display:none; }

input[type="radio"] + label,
input[type="checkbox"] + label { color:#202530; cursor: pointer; }
input[type="checkbox"] + label { width: 100%; }
.disable input[type="checkbox"] + label { cursor: unset }

input[type="checkbox"] + label span {
  display:inline-block;
  width:20px;
  height:20px;
  margin:-3px 6px 0 0;
  vertical-align:middle;
  background:url(../images/input_checkbox.png) 0 0 no-repeat;
  background-size: 20px;
  cursor:pointer;
}

input[type="checkbox"]:checked + label span {
  background:url(../images/input_checkbox_on.png) 0 0 no-repeat;
  background-size: 20px;
}

input[type="radio"] + label span {
  display:inline-block;
  width:20px;
  height:20px;
  margin:-3px 6px 0 0;
  vertical-align:middle;
  background:url(../images/input_checkraund.png) 0 0 no-repeat;
  background-size: 20px;
  cursor:pointer;
}

input[type="radio"]:checked + label span {
  background:url(../images/input_checkraund_on.png) 0 0 no-repeat;
  background-size: 20px;
}

.dpnone { display: none !important; }
.width100 { width: 100% !important; }


.nav-user-area{color: #fff; font-size: 12px;}
.nav-user-area .name{font-weight: 600; display: inline-block; margin-right: 5px;}

.btn-logout span{display:inline-block; position: relative; top: -1px; border-radius: 5px; padding: 3px 10px; text-align:center; border: 1px solid #ffffff; color: #ffffff; font-size: 0.5rem;}
.btn-round{background:#323743; border: 1px solid #323743; color: #fff; font-weight: 600; border-radius: 5px; padding: 6px 19px; display: inline-block; cursor: pointer;}
.btn-round span{ display: block;}

.btn-round.line{background:#fff; border: 1px solid #7D909B; color: #7D909B; font-weight: 500;}

.justify-content-between .card-cont{width: 100%;}
.justify-content-between .card-cont dl{width: 50%; float: left; text-align: center; margin: 1rem 0 1rem 0;}
.justify-content-between .card-cont .card-cont-data{font-size: 30px;}
.justify-content-between .card-cont .card-cont-data span{font-family: 'Staatliches'; display: inline-block; position: relative; top:3px; font-size: 40px; font-weight: 800;}

.card-header{ font-size: 15px; font-weight: 700;}

.card-body {padding: .5rem 1rem;}

.sb-sidenav .sb-sidenav-menu .nav .nav-link.topmenu{ padding-top: 1.75rem; padding-bottom: 0.75rem; }



.nav-menu-bundle{
  margin-bottom:1rem;}

.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-heading {
  padding: 0.5rem 0.75rem;
  margin: 0.5rem 0 0.5rem 0 ;
  border-top: 1px solid #353A3F;
  border-bottom: 1px solid #353A3F;
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 15px;
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link.on,
.sb-sidenav-dark .sb-sidenav-menu .nav-link.on .sb-nav-link-icon{
  color: rgb(255, 255, 255);
  font-weight: 700;
}


.login-title{color: #fff;}



.btn-block{display: block;}
.login-bth{padding: 0.75rem 0.75rem; font-size: 1.25rem; margin-top: 10px;}

.login-box{margin-top: 30%;}
.login-box .login-title{display: block; padding-top: 74px; margin: 30px auto 50px auto; background: url(../images/logo.png) 50% 0 no-repeat; background-size: 300px;}

.btn-bookmark{cursor: pointer; display: block; background-color: #0d6efd; width: 24px; height: 24px; margin: 0 auto; background: url(../images/bookmark.svg) 0 0 no-repeat; background-size: contain;}
.btn-bookmark.on{background: url(../images/bookmark_on.svg) 0 0 no-repeat; background-size: contain;}


.me-md-3 {margin-right: 0rem !important;}
.d-md-inline-block {display: block !important;}

.gnb-title{position: relative; font-size: 30px; font-weight: 600; margin: 1.5rem 0 0.5rem 0 ; font-weight: 700;}
.gnb-title input{width: 78%; font-size: 16px;}

.gnb-title .fix-right{position:absolute; bottom:0px; right: 0px; cursor: pointer;}
.gnb-title .fix-right .btn-offer span { height: 40px; line-height: 40px; display: inline-block;}

.gnb-title.member-details{max-width: 640px; margin: 0 auto 10px auto;}

.btn-offer span{
  display: block; text-align: center; font-size: 14px; 
  font-weight: 600; width: 80px; height: 50px; line-height: 50px;
  background: #A8ADB7; color: #ffffff; border-radius: 3px; cursor: pointer;
}

.btn-offer.on span{
  font-size: 16px;
  width: 150px;
  color: #ffffff;
  background: #0c63e4;
}

.back-list-btn{float: left; position: relative; top:7px; display: inline-block; border: 1px solid #323743; background: #ffffff; margin-right: 15px;}
.back-list-btn span {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/back_list_btn.png);
  background-size: 30px;
  font-size: 0;
  cursor: pointer;
}

.search-card{border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; background: #F2F4F7; padding: 1rem 1rem;}

.table-com{margin-bottom: 1.5rem !important;}


/* PAGER */
.dataTable-pagination a:hover {
  background-color: #e9ecef;
}

.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
  background-color: #0d6efd;
}

.dataTable-pagination .ellipsis a,
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
  cursor: not-allowed;
}

.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
  cursor: not-allowed;
  opacity: 0.4;
}

.dataTable-pagination .pager a {
  font-weight: bold;
}
.tag-type{padding:3px 10px; background: #F5F5F5; font-size: 11px; color: #646464; word-break: keep-all;}
.tag-type.company{padding:2px 9px; border: 1px solid #DAE1E6; background: #ffffff; color: #A6A8AC;}

.tag{ display: inline-block; border: 1px solid #202530; color: #202530; background: #ffffff; padding:0px 10px; border-radius: 5px; height: 30px; line-height: 28px;}

/* TABLE */

.dataTable-top {
  padding: 0 0 0.5rem;
}
.dataTable-top .list-num-stat{font-size: 14px;}
.dataTable-top .list-top-right {float: right;}

.dataTable-table {
  border-collapse: collapse;
  font-size: 14px;
}

.table-bordered > :not(caption) > *,
.dataTable-table > :not(caption) > * {
  border-width: 1px 0;
}

.dataTable-table > tbody > tr > td,
.dataTable-table > tbody > tr > th,
.dataTable-table > tfoot > tr > td,
.dataTable-table > tfoot > tr > th,
.dataTable-table > thead > tr > td,
.dataTable-table > thead > tr > th {
  vertical-align: middle;
  padding: 0.5rem 0.5rem;
  text-align: center;
}

.dataTable-table td.left,
.dataTable-table th.left {
  text-align: left;
}

.dataTable-table td.right,
.dataTable-table th.right {
  text-align: right;
}

.dataTable-table td a{cursor: pointer; color: blue;}

.dataTable-table td a.btn{cursor: pointer; color: #fff;}

.btn-listin span{
  border:1px solid #A2A6AD;
  color: #A2A6AD;
  padding: 5px 10px;
  border-radius: 3px;
  background: #ffffff;;
}

.skill-warp{ padding: 30px; height: 360px; overflow-y: scroll; }
.years-warp{ padding: 30px;}
.companyType-warp{ padding: 30px;}
.area-warp{ padding: 30px;}
.platform-warp{ padding: 30px;}
.genre-warp{ padding: 30px;}
.pop-apply-warp{ padding: 30px;}
.pop-write-warp{ padding: 30px;}

.pop-write-warp .input-group{ margin-bottom: 10px;}


.pop-matching-warp{ padding: 60px 30px 90px 30px; text-align: center;}
.pop-matching-warp .visual-area{width: 240px; margin: 0 auto;}
.pop-matching-warp .visual-area img{width: 100%}
.pop-matching-warp .text-area {font-weight: 700; font-size: 16px; line-height: 28px;}


.dataTable-table tr.deadline{ background: #EAEBEC;}
.dataTable-table tr.deadline td{opacity: 0.5;}
.dataTable-table .btn-sm,
.dataTable-table .btn-group-sm > .btn {
  padding: 0.05rem 0.5rem;
  font-size: 13px;
}

.dataTable-table tr td.td-nondisclosure{ color: #ff2000; background:#FFDDD8;}

.btn-com{background:#323743; color: #fff; font-size: 14px; padding: 8px 29px; display: inline-block; cursor: pointer;}
.btn-com i{width: 24px; height: 24px;}
.btn-com span{ display: inline-block; line-height: 24px;}

.btn-com.homepage{background:#A8ADB7;}

.btn-com.member{background:#A8ADB7;}

.btn-com span.icon-btn{padding-left: 26px;}
.btn-com span.icon-btn i{font-style: normal;}

.btn-com.now span.icon-btn{background:url(../images/icon_applynow.png) no-repeat 0 0; background-size: 24px;}
.btn-com.homepage span.icon-btn{background:url(../images/icon_monitor.png) no-repeat 0 0; background-size: 24px;}
.btn-com.bookmark span.icon-btn{background:url(../images/icon_bookmark.png) no-repeat 0 0; background-size: 24px;}

.list-top{padding-bottom: 10px; line-height: 30px;}
.list-top .list-stat{font-size: 14px;}
.list-top .list-top-right{float:right}

.dataTable-bottom{margin: 10px 0 30px 0;}
.dataTable-table > tbody > tr.accordion-collapse > td{ padding: 0 0 0 0; text-align: left;}

.accordion-cont{background: #ffffff; border: 5px solid #e7f1ff; padding: 20px 30px; height: 500px; overflow: hidden; overflow-y: scroll;}

.member-details-view{background: #ffffff; border: 5px solid #e7f1ff; padding: 20px 30px;}

.tit-area h2{font-size: 15px; font-weight: 700; padding-bottom: 2px;}

.accordion-button { width: 20px; padding: 0 0 0 0; color: #212529; background: transparent; margin: 0 auto;}
.accordion-button:focus { border-color:inherit; outline: 0; box-shadow:none; background: transparent;}
.accordion-button:not(.collapsed)::after {box-shadow:none;}
.accordion-button:not(.collapsed) {color: #0c63e4; background:transparent; box-shadow:none;}

/* S : 프로필 영역 */
.profile-warp .profile-area{border-bottom: 1px solid #d9d9d9; padding: 30px 0;}

.profile-warp .last-update{ font-size: 12px; opacity: .3; clear: both; overflow: hidden;}

.profile-warp .profile-area .profile-title{line-height: 24px;position: relative; margin-bottom: 5px;}
.profile-warp .profile-area .profile-title h5{ font-size: 16px; font-weight: 600;}
.profile-warp .profile-area .profile-title em{font-weight: 400; margin-top: 5px; opacity: .45;}
.profile-warp .profile-area .profile-title .right-btn{position: absolute; top: 0; right: 0;}

.profile-warp .profile-area .profile-cont.cont-padding{padding: 10px 0;}
.profile-warp .profile-area .profile-cont.cont-padding .input-right-btn{padding-bottom: 10px;}

.profile-warp .profile-area .profile-cont .tag-area .tag{display: inline-block; border: 1px solid #202530; color: #202530; background: #ffffff; border-radius: 5px; height: 30px; line-height: 28px;margin:2px 7px 2px 0; padding: 0px 10px 0px 10px;}
.profile-warp .profile-area .profile-cont .tag-area .tag.icon{padding: 0px 10px 0px 34px; background: url(../images/icon_downlode.png) 7px 1px no-repeat; background-size: 24px;}

.profile-warp .profile-area .profile-cont .tag-pick-area{padding: 10px 0 10px 0;}

.profile-warp ul{padding-left: 0rem; list-style-type:none;}
.profile-warp ul li:last-child .profile-area { border-bottom: none; padding: 30px 0 0 0;}
.profile-warp .profile-area .profile-cont > ul > li{ border-bottom: 1px dashed #cccccc; padding: 20px 0; list-style: none;}
.profile-warp .profile-area .profile-cont > ul > li:first-child{ padding: 10px 0 10px 0;}
.profile-warp .profile-area .profile-cont > ul > li:last-child{border-bottom: none;}

.profile-warp .profile-area .profile-cont h6{font-size: 14px; font-weight: 400; margin-bottom: 5px; display: block;}
.profile-warp .profile-area .profile-cont .write-area textarea{height: 200px;}
.profile-warp .profile-area .profile-cont pre{font-size: 14px;}

.user-category .user-cont .cfl2 li{margin-right: 30px;}
.user-info{ border-bottom: 1px solid #d9d9d9; padding-bottom: 10px;}
.user-category{position: relative; margin-top: 20px;}
.user-category .user-stat{/*position: absolute; top: 0; left: 0; */ position: relative; top: -3px; margin-right: 5px; font-size: 12px; font-weight: 400; background: #0c63e4; color: #ffffff; padding: 4px 10px; border-radius: 10px;}
.user-category .user-stat.non{background: #777777;}
.user-category .user-profile-stat{position: relative; top: -3px; margin-right: 5px; font-size: 12px; font-weight: 400; background: #e0dede; padding: 4px 10px; border-radius: 10px;}
.user-category .user-profile-stat.open{background: #f9bdbd;}
.user-category .user-thumb{position: absolute; top: 0; left: 0; background: #FBFBFB; border:1px solid #DAE1E6; width: 80px; height: 80px; border-radius: 80px; overflow: hidden; background: url(../images/user_thumb.png) 0 0 no-repeat; background-size: 80px;}
.user-category .user-thumb img{width:100%; height: auto;}

.user-category .user-cont dd span.phone{ display: inline-block;}
.user-category .user-cont dd span.email{ display: inline-block; padding-left: 5px;}
.user-category .user-cont dd span.email::before{content: '| ';}

.user-category .user-cont .cfl2 li:first-child{ width:130px; margin-right: 20px; padding-left: 10px;}

.user-category .user-cont{ padding-left: 100px; min-height: 82px;}
.user-category .user-cont dt{margin-bottom: 10px;}
.user-category .user-cont dt span.name{font-weight: 700; font-size: 20px;}
.user-category .user-cont dt span.birth{font-weight: 400; font-size: 14px; padding-left: 5px;}

.user-category .user-cont dd span{display: block;}
.user-category .user-cont dd span em{opacity: .4; padding-left: 5px; font-style: normal;}

.thumb-category{position: relative;}
.thumb-category .right-btn{position: absolute; top: 0; right: 0;}
.thumb-category .thumb{position: absolute; top: 0; left: 0; background: #FBFBFB; border:1px solid #DAE1E6; overflow: hidden; width: 80px; height: 60px; line-height: 60px;}
.thumb-category .thumb img{width:100%; height: 100%;}
.thumb-category .thumb-category-cont{ padding-left: 100px;}
.thumb-category .thumb-category-cont dt{margin-bottom: 10px;}
.thumb-category .thumb-category-cont dt h4{font-size: 14px;}
.thumb-category .thumb-category-cont dt p{margin-top: 4px;}
.thumb-category .thumb-category-cont dt span{display: block; opacity: 0.5; font-size: 12px;}

/* E : 프로필 영역 */


.noResults-warp{ text-align: center; padding:100px 20px 200px 20px;}

.noResults-warp dl{background: url(../images/icon_noresults.png) 50% 0 no-repeat; background-size: 100px; padding-top: 120px;}
.noResults-warp dl dt{font-size: 18px; font-weight: 700; padding-bottom: 10px;}
.noResults-warp dl dd{font-size: 14px;}
.noResults-warp dl dd span{display: block;}

.notMatched-warp{ text-align: center; padding:70px 20px 200px 20px;}
.notMatched-warp dl{background: url(../images/notMatched_warp_bg.png) 48% 0 no-repeat; background-size: 200px; padding-top: 220px;}
.notMatched-warp dl dt{font-size: 18px; font-weight: 700; padding-bottom: 10px;}
.notMatched-warp dl dd{font-size: 14px;}
.notMatched-warp dl dd span{display: block;}


/* S : 채용공고 목록 */
.srech-btn-warp{margin-top:16px}

.srech-btn-warp .srech-btn-area{border:1px solid #DAE1E6; cursor: pointer; padding:12px 15px 11px 15px; margin:0 10px 5px 0; background:#fff; color:#7D909B; border-radius: 5px; display:inline-block;}
.srech-btn-warp .srech-btn-area .srech-each-tit{line-height:24px;}
.srech-btn-warp .srech-btn-area .each-category{color:#212736; padding:0 6px;}
.srech-btn-warp .srech-btn-area .each-btn-daw{float:right; width:24px; height:24px; background: url(../images/icon_chevron_down_s.png) 0 0 no-repeat; background-size: 24px;}


.list-positions ul li{padding-bottom:10px}

.list-positions div.deadline{ background: #EAEBEC;}
.list-positions div.deadline div{opacity: 0.75;}

.list-positions-box{border:1px solid #DAE1E6; background:#ffffff; padding:20px 30px; display: block; clear: both; position: relative;}

.list-positions-box .data-company,
.list-positions-box .data-positions,
.list-positions-box .data-apply{display: inline-block;}


.list-positions-box .data-company{/*width: 30%; min-width: 305px;*/ vertical-align: middle; border-right: 1px solid #cccccc; padding-right: 15px; margin-right: 15px;}
/* .list-positions-box .data-company .thumb{float: left; border:1px solid #DAE1E6; background: #FBFBFB; width:120px; height:60px; overflow:hidden; margin-right: 30px;} */
.list-positions-box .data-company .thumb{float: left; width:90px; height:60px; overflow:hidden; margin-right: 15px; background:url(../images/company_thumb.png) no-repeat 0 0; background-size: 100%; display: flex; justify-content: center; align-items: center;}
.list-positions-box .data-company .thumb img{width:100%; visibility: hidden; border:1px solid #DAE1E6; padding: 5px;}
.list-positions-box .data-company .tit-area{display:inline-block; padding: 6px 0; width:165px; cursor: pointer; word-break: keep-all;}

.list-positions-box .data-positions{ vertical-align: middle; margin:6px 0 6px 0; width: 40%; }
.list-positions-box .data-positions .tit-area{ float: left; cursor: pointer;}

.list-positions-box .etc-function{ float: right; margin: 18px 15px 18px 0; cursor: pointer;}
.list-positions-box .etc-function a{display: inline-block; margin: 0 5px;}

.list-positions-box .etc-function-box{float: right;}
.list-positions-box .etc-function-box ul{float: left; margin: 14px 10px 0 0;}
.list-positions-box .etc-function-box ul li{width: 33.333%; float: left; text-align: center; padding: 3px;}
.list-positions-box .etc-function-box ul li a{cursor: pointer; padding: 0 3px;}

.list-positions-box .apply-btn{ float: right; cursor: pointer; margin: 10px 0px 10px 0;}
.list-positions-box .apply-btn button.btn{width: 150px;}

.list-positions-box .data-apply{/*position: absolute; top:35px; right: 40px;*/ float: right; margin: 10px 0;}
.list-positions-box .data-apply .icon-area{float: left;}
.list-positions-box .data-apply span.icon-area{margin: 8px 20px 8px 0;}
.list-positions-box .data-apply i.icon-area{margin-right: 7px;}

/* .thumb{float: left; width:90px; height:60px; overflow:hidden; margin-right: 15px; background:url(../images/company_thumb.png) no-repeat 0 0; background-size: 100%; display: flex; justify-content: center; align-items: center;}
.thumb img{width:100%; visibility: hidden; border:1px solid #DAE1E6; padding: 5px;} */


.input-com{margin-bottom: 10px;}

/* 팝업 */
.pop-layer{display: none; position: absolute; top: 50%; left: 50%; width: 600px; height: auto; margin: 0 auto; background-color: #fff; z-index: 10; border-radius: 5px; box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.3);}
.pop-layer.w500{ width: 500px;}
.pop-layer.w400{ width: 400px;}
.pop-layer.w800{ width: 800px;}
.pop-layer.pop-scroll{ top: 7%; left:30%; width: 700px; margin: 1.75rem auto;}

.pop-layer.test-view{ margin: -300px 0 0 -300px;}
.pop-layer.test-view.w500{ margin: -250px 0 0 -250px;}
.pop-layer.test-view.w400{ margin: -200px 0 0 -200px;}
.pop-layer.test-view.w800{ margin: -300px 0 0 -400px;}
.pop-layer .pop-container .pop-head{padding: 23px 20px 20px 20px; border-bottom:1px solid #C1CCD3;  position: relative;}
.pop-layer .pop-container .pop-head span{font-size: 20px; font-weight: 600; line-height: 28px;}
.pop-layer .pop-container .pop-head em{color:#7D909B; font-size: 14px; line-height: 18px; display: inline-block; margin-left: 10px;}
.pop-layer .pop-container .pop-head span.sub-text{ font-size: 18px; font-weight: 400;}
.pop-layer .pop-container .pop-head .point{color: #0085FF;}
.pop-layer .pop-container .pop-head .head-close-btn{position: absolute; top:22px; right: 20px; width: 30px; height: 30px; cursor: pointer;}

.close-btn{cursor: pointer;}
.close-btn:before, .close-btn:after {position: absolute; left: 15px; content:' '; height: 30px; width: 2px; background-color: #646464;}
.close-btn:before {transform: rotate(45deg);}
.close-btn:after {transform: rotate(-45deg);}

.pop-conts.h-fixed{height: 500px; overflow-y:scroll; padding: 30px;}

.pop-conts .duty-warp .duty-conts .duty-depth{float: left; height: 360px; overflow-y:scroll;}
.pop-conts .duty-warp .duty-conts .duty-depth.depth01{width: 40%;}
.pop-conts .duty-warp .duty-conts .duty-depth.depth02{width: 60%;}
.pop-conts .duty-warp .duty-conts .duty-depth .duty-item-list{ padding: 20px 0 20px 20px; border-bottom: 1px solid #C1CCD3; background: #ffffff;}
.pop-conts .duty-warp .duty-conts .duty-depth .duty-item-list span{font-size: 16px; display: block; cursor: pointer;}
.pop-conts .duty-warp .duty-conts .duty-depth .duty-item-list.on{background:#F2F4F7; font-weight: 600;}

.pop-conts .duty-warp .duty-conts .duty-depth .duty-item-check{ padding:13px 20px }
.pop-conts .duty-warp .duty-conts .duty-depth .duty-item-check.disable { background: rgba(0, 0, 0, 0.1); }

.pop-conts .duty-warp .duty-foot{clear: both; overflow: hidden;}
.pop-conts .duty-warp .duty-foot .pick-tit{background:#DAE1E6; text-align: center; padding: 10px 0; font-weight: 600; border-top:1px solid #C1CCD3; border-bottom:1px solid #C1CCD3;}
.pop-conts .duty-warp .duty-foot .pick-box{padding:15px;}
.pop-conts .duty-warp .duty-foot .pick-box .duty-item-pick{margin-right:3px; display: inline-block; border: 1px solid #202530; border-radius: 3px; position: relative; padding: 5px 28px 5px 10px; margin-bottom: 5px;}
.pop-conts .duty-warp .duty-foot .pick-box .duty-item-pick span{font-size: 12px;}
.pop-conts .duty-warp .duty-foot .pick-box .duty-item-pick i{display: block; width: 24px; height: 24px; position: absolute; top:4px; right: 2px; background: url(../images/pick_box_del.png) 0 0 no-repeat; background-size: 24px;}

.pop-conts .confirm-warp{padding:40px 30px 30px 30px; font-size: 16px; font-weight: 600;}

.pop-layer .pop-container .pop-foot{padding: 15px 20px; border-top:1px solid #C1CCD3; clear: both; overflow: hidden;}
.pop-layer .pop-container .pop-foot .right-area{ float: right; }
.pop-layer .pop-container .pop-foot .right-area .layer-btn{margin-left: 10px;}
.pop-layer .pop-container .pop-foot .left-area{ float: left; color: #666; line-height: 25px;}
.pop-layer .pop-container .pop-foot .left-area .btn-iconreset{cursor: pointer; position: relative; top: 10px; padding: 0 0 0 20px;}
.pop-layer .pop-container .pop-foot .left-area .btn-iconreset svg{ position: absolute; top: 5px; left:0;}

.dim-layer {display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2000;}
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: #000; opacity: .5; filter: alpha(opacity=50);}
.dim-layer .pop-layer { display: block;}

.layer-btn{display: inline-block;}
.layer-btn span{cursor: pointer; display: block; background:#202530; border: 1px solid #202530;  width: 120px; height: 48px; line-height: 50px; text-align: center; color: #fff; font-weight: 600; border-radius: 5px; }
.layer-btn.off span{background:#BEC7CD; border: 1px solid #BEC7CD; }
.layer-btn.point span{background:#dc3545; border: 1px solid #dc3545; }
.layer-btn .fix-w-btn{width: 150px;}


.layout-positions-view{border: 1px solid #DAE1E6; position: relative; clear: both; overflow: hidden; margin: 0 0 50px 0;}
.layout-positions-view ul li{width: 100%;}
.layout-positions-view ul li.cont-left{width: 75%;float: left; border-right: 1px solid #DAE1E6;}
.layout-positions-view ul li.cont-right{width: 25%; float: right;}


.horizontal-two-layout{ padding: 30px 30px 50px 30px;}
.horizontal-two-layout dl{clear: both; overflow: hidden; position: relative; margin:10px 0 40px 0; border-bottom: 1px solid #d9d9d9; padding: 0 0 30px 0;}
.horizontal-two-layout dl dt{ position: absolute; top:0; left: 0; font-size: 16px; font-weight: 700; width: 130px;}
.horizontal-two-layout dl dt em{ font-size: 12px; font-weight: normal; }
.horizontal-two-layout dl dd{padding-left: 160px;}

.horizontal-two-layout .form-control, .dataTable-input{width: auto; display: inline-block;}
.horizontal-two-layout .form-select, .horizontal-two-layout .dataTable-selector{width: auto; display: inline-block; margin-right: 8px;}
.horizontal-two-layout .form-select-sm {padding-top: 0.35rem;}
.horizontal-two-layout .input_row{display: inline-block; margin-left: 10px;}

.horizontal-two-layout textarea.form-control{ width: 100%; display:block;}
.horizontal-two-layout textarea.form-control:focus,
.horizontal-two-layout input:focus,
.horizontal-two-layout select:focus,
.horizontal-two-layout .form-check-input:focus{transition:none;box-shadow: none; border-color: #202530;}


.tag-pick{cursor: pointer; display: inline-block; border: 1px dashed #7D909B; color: #7D909B; padding:4px 9px; border-radius: 5px; margin: 0 8px 8px 0;}
.tag-pick.choice{border: 1px solid #202530; background: #202530; color: #ffffff;}


.write-area textarea::placeholder{color: #D2D3D5;}
.write-area .text-stat{ font-size: 12px; text-align: right; margin-top: 3px;}
.write-area .text-stat span{margin: 0 3px; display: inline-block;}
.write-area .text-stat strong{color: #0085FF;}


.qick-company-data{background: #ffffff; text-align: center; padding: 25px 0 20px 0;}
.qick-company-data .thumb{width:120px; height:60px; margin: 0 auto; background:url(../images/company_thumb.png) no-repeat 0 0; background-size: 100%; display: flex; justify-content: center; align-items: center;}
.qick-company-data .thumb img{width: 100%; visibility: hidden; border:1px solid #DAE1E6; padding: 5px;}
.qick-company-data dl{margin-top: 9px;}
.qick-company-data dl dt{margin-bottom: 10px; font-weight: 600;}
.qick-company-data dl dd a{ width: 70px; height: 20px; display: block; margin: 0 auto;}
.qick-company-data dl dd a img{ width:100%;}

.qick-qna-banner{background: #323743; padding: 30px 0;}
.qick-qna-banner .btn-round.line{display: block; width:150px; margin: 0 auto; border: 1px solid #ffffff; color: #323743; text-align: center;}
.qick-qna-banner dl{color: #ffffff; text-align: center; margin-bottom: 15px; padding: 0 20px; font-weight: 600;}
.qick-qna-banner dl dt{margin-bottom: 7px; font-size: 16px;}

.qick-qna-lst{background: #ffffff; padding: 10px 0 30px 0; font-size: 14px;}
.qick-qna-lst p{ background:#323743; color: #ffffff; font-weight: 600; margin: 0 25px; padding: 10px; border-radius: 50px; text-align: center;}
.qick-qna-lst .btn-round.line{display: block; width:150px; margin: 0 auto; border: 1px solid #323743; color: #323743; text-align: center;}

.qick-qna-lst .qna-lst-warp{padding: 0 20px;}
.qick-qna-lst .qna-lst-warp dl{padding: 15px 0; border-bottom: 1px dotted #D9D9D9; line-height: 17px;}
.qick-qna-lst .qna-lst-warp dl.last{ border-bottom: none;}
.qick-qna-lst .qna-lst-warp dl dt{font-weight: 600;}
.qick-qna-lst .qna-lst-warp dl dd{ padding: 10px 0 0 14px; background: url(../images/qna_a_icon.png) 0 5px no-repeat; background-size: 12px;}


.recruit-view-warp .recruit-summary .summary{border-bottom: 1px solid #DAE1E6; padding: 30px 0 20px 30px; font-size: 14px;}

.recruit-view-warp .recruit-summary .summary dl{width: 30%; display: inline-block; margin-bottom: 10px; padding-left: 29px; line-height: 24px;}
.recruit-view-warp .recruit-summary .summary dl.summary_icon01{ background: url(../images/icon_recruit_summary01.png) 0 0 no-repeat; background-size: 24px;}
.recruit-view-warp .recruit-summary .summary dl.summary_icon02{ background: url(../images/icon_recruit_summary02.png) 0 0 no-repeat; background-size: 24px;}
.recruit-view-warp .recruit-summary .summary dl.summary_icon03{ background: url(../images/icon_recruit_summary03.png) 0 0 no-repeat; background-size: 24px;}
.recruit-view-warp .recruit-summary .summary dl.summary_icon04{ background: url(../images/icon_recruit_summary04.png) 0 0 no-repeat; background-size: 24px;}
.recruit-view-warp .recruit-summary .summary dl.summary_icon05{ background: url(../images/icon_recruit_summary05.png) 0 0 no-repeat; background-size: 24px;}
.recruit-view-warp .recruit-summary .summary dl.summary_icon06{ background: url(../images/icon_recruit_summary06.png) 0 0 no-repeat; background-size: 24px;}

.recruit-view-warp .recruit-summary .summary dl dt{float: left; width: 65px; color:#000; padding-right: 4px;}
.recruit-view-warp .recruit-summary .summary dl dd {font-weight: 700;}
.recruit-view-warp .recruit-summary .summary dl dd ul {padding:0; display: flex;}
.recruit-view-warp .recruit-summary .summary dl dd ul li:not(:last-child)::after {content: ",";margin-right: 5px;}
.recruit-view-warp .recruit-summary .summary dl.summary_icon06 dt{letter-spacing: -1.5px;}

.recruit-view-warp .recruit-view{padding: 30px 30px 50px 30px;}
.recruit-view-warp .recruit-view .recruit-view-area{line-height: 24px;}
.recruit-view-warp .recruit-view .recruit-view-area h3{font-size: 16px; margin: 50px 0 5px 0;}
.recruit-view-warp .recruit-view .recruit-view-area .tag{ margin: 0 10px 5px 0;}

.recruit-view-warp .recruit-view .recruit-view-area.start h3{margin: 0px 0 5px 0;}

.pop-conts .recruit-view-warp .recruit-view-title{ font-size: 24px; font-weight: 700; margin-bottom: 15px;}
.pop-conts .recruit-view-warp .recruit-summary .summary{padding: 20px 0 10px 0; background: #F2F4F7; border:1px solid #d9d9d9;}
.pop-conts .recruit-view-warp .recruit-summary .summary dl{width: 40%; display: inline-block; margin-bottom: 10px; margin-left: 5%; padding-left: 29px; line-height: 24px;}
.pop-conts .write-area-warp{padding: 30px 30px 50px 30px;}
.pop-conts .write-area-warp .recruit-view-title{ font-size: 18px; font-weight: 700; margin-bottom: 15px;}
.pop-conts .write-area-warp textarea{height: 300px;}

.pop-conts .pop-qnas-warp{height: 500px; overflow-y: scroll;}
.pop-conts .pop-textView-warp{padding: 30px; height: 300px; overflow-y: scroll; line-height: 150%;}

.qna-box__question{ cursor:pointer; border-bottom: 1px solid #BEC7CD; position: relative; padding-right: 20px;}
.qna-box__question p{padding: 15px 80px 15px 30px; line-height: 22px; font-weight: 700;}
.qna-box__question p em{display: block; color: #323743; opacity: 0.3; font-size: 12px;}
.qna-box__question p .ripple-stats{color: #0085FF; display: inline-block; margin-left: 3px;}

.qna-box__question::after {
  content:"";
  float:right;
  display: block;
  width:24px;
  height: 24px;
  background:url(../images/icon_chevron_down_s.png) 50% 0 no-repeat;
  background-size: 24px;
  position: absolute;
  top: 40%;
  right: 40px;
}

.qna-box > ul > li.hover > .qna-box__question::after {
  display: block;
  width:24px;
  height: 24px;
  background:url(../images/icon_chevron_up_s.png) 0 0 no-repeat;
  background-size: 24px;
}


.qna-box__question .del-btn-area{display: inline-block; position: absolute; top: 41%; right: 10px; z-index: 10;}
.qna-box__question .del-btn-area a{ display: block; width:24px; height: 24px; text-align: center;}

.qna-box__answer{ display:none; background:#F2F4F7; padding: 20px 30px; margin-bottom: 10px; border-bottom: 1px solid #BEC7CD;}
.qna-box__answer p span{ display: block; background:url(../images/qnalist_icon_answer.png) 10px -1px no-repeat; background-size: 10px; padding: 0 0 10px 25px; border-bottom:1px dashed #C2C3C6; margin-bottom: 10px;}
.qna-box__answer p span:last-child {border-bottom:none; padding-bottom:0;}
.qna-box__answer p span em{display: inline-block; color: #323743; opacity: 0.3; font-size: 12px; margin-left: 5px;}

.qna-box-btn{ width: 150px; margin: 0 auto;}
.qna-box-btn span{ display: block; background:#fff; border: 1px solid #323743; color: #323743; font-weight: 400; border-radius: 5px; padding: 6px 0; text-align: center; cursor: pointer;}


.btn-ff {
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-circle.btn-sm, .btn-group-sm > .btn-circle.btn {
  height: 1.8rem;
  width: 1.8rem;
  font-size: 0.75rem;
}

.btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn {
  height: 3.5rem;
  width: 3.5rem;
  font-size: 1.35rem;
}

.btn-icon-split {
  padding: 0;
  overflow: hidden;
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
}

.btn-icon-split .icon {
  background: rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 0.375rem 0.75rem;
}

.btn-icon-split .text {
  display: inline-block;
  padding: 0.375rem 0.75rem;
}

.btn-icon-split.btn-sm .icon, .btn-group-sm > .btn-icon-split.btn .icon {
  padding: 0.25rem 0.5rem;
}

.btn-icon-split.btn-sm .text, .btn-group-sm > .btn-icon-split.btn .text {
  padding: 0.25rem 0.5rem;
}

.btn-icon-split.btn-lg .icon, .btn-group-lg > .btn-icon-split.btn .icon {
  padding: 0.5rem 1rem;
}

.btn-icon-split.btn-lg .text, .btn-group-lg > .btn-icon-split.btn .text {
  padding: 0.5rem 1rem;
}


.warp404{padding: 50px;}
.warp404 .lead{padding: 20px 0 10px 0;}

@media (max-width: 1250px) {
  .list-positions-box .etc-function-box{position: relative; padding-bottom: 20px;}
  .list-positions-box .etc-function-box ul{width: 150px; position:absolute; bottom: 0px; right: 0px; margin: 0 0 0 0;}
  .list-positions-box .etc-function-box ul li{border-bottom: none;}
}

@media (max-width: 820px) {
  .list-positions ul{border-top: 1px solid #DAE1E6;}
  .list-positions ul li {padding-bottom: 0px; border-bottom: 1px solid #DAE1E6;}
  .list-positions-box {border: none;}
  .list-positions-box .data-company{width: 100%; border-right: none; padding-right: 0px; margin-right: 0px;}
  .list-positions-box .data-company .thumb{float: left; width:60px; height:30px; margin-right: 20px;}
  .list-positions-box .data-company .tit-area{display:inline-block; padding: 3px 5px 3px 0; width:auto;}
  .list-positions-box .data-company .tit-area h2{display:inline-block; font-size: 14px; font-weight: 400;}
  .list-positions-box .data-company .tit-area .edit-form-cont{display:inline-block;}
  .list-positions-box .data-company .tit-area .edit-form-cont .tag-type.company{position: relative; top: -2px; left: 5px;}
}

@media (max-width: 540px) {
  .list-positions-box .data-positions{width:80%;}
  .list-positions-box {padding: 25px 20px 75px 20px;}
  .list-positions-box .bookmark-btn{ float: right; margin: 10px 0px 18px 0; cursor: pointer;}
  .list-positions-box .apply-btn{ float: none; position: absolute; bottom:10px; left: 0px; float: none; padding: 0 20px; width: 100%;}
  .list-positions-box .apply-btn .btn-com{display: block; text-align: center;}
}

.horizontal-two-layout .thumb{
  position: relative;
  display: inline-block;
  background: #FBFBFB;
  border: 1px solid #DAE1E6;
  width: 100px;
  height: 80px;
  line-height: 80px;
  overflow: hidden;
  cursor: pointer;
}
.horizontal-two-layout .thumb img{width: 100%; vertical-align: middle;}
/*.horizontal-two-layout .thumb .thumb-upload{ display: block; position: absolute; bottom: 5px; left: 0; line-height:18px; width:100%; padding: 0 5px; }*/
/*.horizontal-two-layout .thumb .thumb-upload a{ display: inline-block; width:100%; text-align: center; background: #212736; opacity: 0.5; color: #fff; font-size: 12px; border-radius: 5px;}*/

.horizontal-two-layout .thumb .thumb-upload{ display: block; }
.horizontal-two-layout .thumb .thumb-upload a{ display: inline-block; width:100%; text-align: center; background: transparent; opacity: 0.3; color: #000; font-size: 22px; }
/*.horizontal-two-layout .thumb .thumb-upload a em{ cursor: pointer; }*/
.horizontal-two-layout .thumb .thumb-del{ cursor: pointer; display: block; position: absolute; right: 5px; top: 3px; line-height: 16px; width: 16px; font-size: 18px; opacity: 0.5;}


.horizontal-two-layout .thumb.comp-img{
  width: 300px;
  height: 150px;
  line-height: 150px;
  margin: 5px;
}
.horizontal-two-layout .thumb.comp-img .thumb-upload{top: 0; line-height:40px; padding: 0 0;}
.horizontal-two-layout .thumb.comp-img .thumb-upload a{ display: inline-block;  width: 300px; height: 150px; padding: 35px; background: transparent; opacity: 0.3; color: #000; font-size: 16px;}
.horizontal-two-layout .thumb.comp-img .thumb-upload a em{display: block; font-size: 45px; opacity: 0.4;}
.horizontal-two-layout .thumb.comp-img .thumb-del{right: 11px; top: 3px; line-height: 16px; font-size: 24px;}

.label-top-area label{display: block; margin-bottom: 2px;}
.label-top-area label em{ color: #ff0000; position: relative; top: 1px; margin-left: 3px;}
.label-top-area .form-control{width: 100%;}

.welfare-warp .welfare-area{display: inline-block; width: 200px; padding: 10px 0;}
.welfare-warp .welfare-area.welfare-more{background: #EAEBEC; color: #ffffff; text-align: center; border-radius: 5px; cursor: pointer;}

.btn-warp{margin:0 0 50px 0; width: 100%; text-align: center;}
.btn-warp a{display: inline-block;}


.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.modal-title{font-size: 18px;}


.member-detail-view-warp .member-details-view {padding:0 0 0 0; max-width: 100%; width: 100%; border: 1px solid #DAE1E6;}
.member-detail-view-warp .member-details-view .offer-btn-warp{position: absolute; top: 30px; right: 20px;}
.member-detail-view-warp .offer-btn-warp a{display: block;text-align: center; font-weight: 600; border-radius: 3px; cursor: pointer; height: 50px; line-height: 50px; font-size: 16px; width: 150px; color: #ffffff; background: #0c63e4; z-index: 1;}

.member-detail-view-warp .user-info {padding: 20px;}
.member-detail-view-warp .profile-warp ul li{padding: 20px 30px; border-bottom: 1px solid #d9d9d9;}
.member-detail-view-warp .profile-warp .profile-area {border-bottom: none;}

.company-search-warp .company-search-input{z-index: 1;}

.scroll-box-warp{border-radius: 0; border: 1px solid #ced4da;}
.scroll-box-warp .scroll-box{height: 120px; clear: both; overflow-x: hidden; overflow-y: scroll; background: #e9ecef; }
.scroll-box-warp .scroll-box ul{margin: 0 0 0 0; padding: 0 0 0 0;}
.scroll-box-warp .scroll-box ul li{ position: relative; background: #fff; border-bottom: 1px solid #ced4da; padding: 7px 20px;}
.scroll-box-warp .scroll-box ul li:last-child{border-bottom:none;}
.scroll-box-warp .scroll-box ul li input[type="radio"] + label{display: block;}
.scroll-box-warp .scroll-box ul li input[type="radio"] + label span{position: absolute; top: 10px; right: 10px;}
.scroll-box-warp .scroll-box ul li.no-data {height: 120px; text-align: center; display:block; line-height: 100px; background: transparent;}


.company-search-box.scroll-box-warp {position: relative; top: -5px; border-top: none; padding-top: 5px;}