@charset "UTF-8";

/* 레이아웃 */
#wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: block;
  float: left;
  min-width: 1220px;
}

#wrap.pup {
  min-width: 100px;
}

/*head banner CHM add*/
.head-banr {
  display: flex;
  width: 100%;
  height: 65px;
  background-color: black;
  align-items: center;
  justify-content: center;
  text-align: center;
  /*상단 탑배너 고정 속성 추가*/  
  /* position: sticky; */
  /* top: 0; */
  /* z-index: 1000; 다른 요소보다 앞에 배치 */
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2); /* 마지막 px속성 하단 블러, rgba 마지막 투명도*/
}
.head-banr .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1920px;
  margin: 0 auto;
}
.head-banr .inner .banr-txt {
  font-size: 20px;
  color: #40454F;
}
.head-banr .inner .banr-btn {
  font-size: 16px;
  color: #40454F
}
.head-banr .inner .banr-btn a::after {
  display: inline-block;
  content: "";
  border: solid #40454F;
  border-width: 0 1px 1px 0;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 2px;
}

.head-search {
  float: left;
  position: relative;
  display: flex;
  align-items: center;
}
.head-search > input {
  width: 548px;
  border: 2px solid #17A1FF;
  border-radius: 25px;
  padding: 10px 12px 10px 45px;
  font-size: 14px;
}

.head-search > img {
  position : absolute;
  width: 17px;
  top: 24px;
  right: 24px;
  margin: 0;
  cursor: pointer;
}

.pron_ci {
  float: right;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  margin-top: 12px;
}

/*드롭다운 메뉴*/



/* 헤더 */
.head-wrap {
  height: 95px;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #BCBEC0;
  background-color: #fff;
  z-index: 100;
  position: sticky;
  top: 0;
}

.head-wrap .gnb {
  position: relative;
  width: 1200px;
  height: inherit;
  margin: 0 auto;
  font-family: Pretendard-Bold;
  color: #141516;
  font-size: 16px;
  padding-top: 40px;
}

.head-wrap .logo {
  display: flex;
  height: 40px;
  align-items: center;
  float: left;
}

.head-wrap .logo .link-logo {
  display: block;
  overflow: hidden;
  margin-right: 40px;
}

.head-wrap .logo .link-logo > img {
  display: block;
  width: 156px;
}

.all-menu {
    display: flex;
    align-items: center;
    margin-right: 80px;
    height: 40px;
    cursor: pointer;
}
.all-menu > div {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

/*전체메뉴*/
#all-menu-view {
    z-index: 3; 
    position: relative; 
    background-color: #fff; 
    width: 100%;
    height: 300px; 
    border-bottom: 1px solid #BCBEC0;
    box-shadow: 0px 10px 8px 0px #00000015;
    display: none;
    
}
#all-menu-view .menu-wrap {
    display: inline-block;
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-family: Pretendard-Bold;
    padding-left: 165px;
}
#all-menu-view .menu-wrap .menu-item {
    float: left;
    width: 240px;
    height: 100%;
    text-align: left;
    padding: 30px;
}

#all-menu-view .menu-wrap .menu-item span.tit {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    cursor: pointer;
}

#all-menu-view .menu-wrap .menu-item span.tit:hover {
  color: #0165FF;
}

#all-menu-view .menu-wrap .menu-item ul li {
    font-size: 14px;
    line-height: 34px;
    color: #58595B;
}
#all-menu-view .menu-wrap .menu-item ul li:hover {
    cursor: pointer;
    color: #0165FF;
  }
#all-menu-view .menu-wrap .menu-item:last-child {
    border-right: none;
}

#nav {
  height: 40px;
  vertical-align: middle;
  display: flex;
  flex-grow: 1;
  align-items: center;
}

#nav .list-gnb {
  float: left;
}

#nav .list-gnb > li {
  float: left;
}

#nav .list-gnb > li a.link-gnb {
  display: block;
  text-decoration: none;
  letter-spacing: 0;
  margin-right: 30px;
}

#nav .list-gnb > li a.link-gnb:hover {
  cursor: pointer;
  color: #0086ff;
}

.gnb-login {
  position: absolute;
  height: 40px;
  text-align: center;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.gnb-login .list-login {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.gnb-login .list-login > div {
  margin-left: 20px;
}

.gnb-login .btn-search {
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.gnb-login .btn-search img {
  width: 16px;
}

.gnb-login .btn-login {
  display: inline-block;
  padding: 5px 10px;
  letter-spacing: -0.05em;
  cursor: pointer;
}

.gnb-login .btn-login:hover {
  color: #0165FF;
}

.gnb-login .btn-cs {
  display: inline-block;
  letter-spacing: -0.05em;
  cursor: pointer;
  background-color: #0165FF;
  border-radius: 20px;
  padding: 5px 10px;
  color: #fff;
}

.gnb-login .btn-cs:hover {}

.gnb-login .btn-myinfo {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.gnb-login .btn-myinfo a {
    font-size: 16px;
    letter-spacing: -0.05em;
}
.gnb-login > img {height: 24px;}

/* 마우스오버 설정 */
.btn_cursor {
  cursor: pointer;
}

/* 전체 메인 콘텐츠 영역 */
.main-contents {
  width: 100%;
  position: relative;
  margin: 0 auto;
  float: left;
  padding-bottom: 50px; /* 메인 콘텐츠와 footer 사이 간격 */
}

/* 상단 메인뷰 */
.main-view {
  position: relative;
  width: 100%;
  height: 450px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.main-view .main-slide {
  position: relative;
  width: 100%;
  height: 450px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}

.main-view .main-slide img {
  position: absolute;
  width: 1920px;
  height: 450px;
  cursor: pointer;
  left: 50%;
  margin-left: -960px;
}

.main-view .detailbt {
  position: absolute;
  width: 100%;
  top: 72%;
  cursor: pointer;
}

.main-view .arrow-left {
  position: absolute;
  left: 300px;
  top: 180px;
  cursor: pointer;
}

.main-view .arrow-right {
  position: absolute;
  right: 300px;
  top: 180px;
  cursor: pointer;
}

.main-view .dot {
  position: absolute;
  width: 100%;
  bottom: 24px;
  text-align: center;
}

.main-view .dot > ul > li {
  display: inline-block;
  margin-right: 14px;
  width: 18px;
  height: 18px;
  border-radius: 20px;
  background: #b1b3b5;
}

.main-view .dot > ul > li.on {
  background: #7fb5e7;
}

.main-view .dot > ul > li:hover {
  cursor: pointer;
  background: #7fb5e7;
}

/* 메인 섹션 - 서비스 */
#main_container {
  position: relative;
  height: 1190px;
  margin: 0 auto;
  overflow: hidden;
  background: url(/images/main_bg.png) no-repeat center top;
  background-color: #e2e6e7;
}

#main_container .service-box {
  position: relative;
  width: 1225px;
  height: 1190px;
  margin: 0 auto;
}

.service {
  width: 1200px;
  height: 1100px;
  margin: 0 auto;
}

.main-img img {
  position: absolute;
  margin-top: 40px;
}

.main-img > p {
  position: absolute;
  width: 500px;
  height: 100px;
  margin-top: 810px;
  margin-left: 480px;
  font-family: Pretendard-Bold;
  font-size: 83px;
  color: #ffffff;
  letter-spacing: -0.05em;
  text-align: center;
}

.main-text {
  position: absolute;
  width: 1200px;
  height: 100px;
  padding: 300px 0;
  font-family: Pretendard-Regular;
  font-size: 26px;
  line-height: 55px;
  text-align: center;
}

.main-text span {
  font-family: Pretendard-Bold;
  font-size: 40px;
}

.main-img_text {
  position: absolute;
  width: 900px;
  height: 50px;
  margin-top: 540px;
  margin-left: 136px;
  text-align: center;
}

.main-img_text p {
  display: inline-block;
  width: 150px;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 62px;
}

.main-img_text p:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 90px;
  color: #ffb012;
}

.main-img_text p:nth-of-type(2) {
  position: absolute;
  right: 365px;
  color: #4ea0df;
}

.main-img_text p:nth-of-type(3) {
  position: absolute;
  right: 75px;
  color: #58595b;
}

#main_container .service-box .arrow-left {
  position: absolute;
  left: -50px;
  top: 565px;
  cursor: pointer;
}

#main_container .service-box .arrow-right {
  position: absolute;
  right: -60px;
  top: 565px;
  cursor: pointer;
}

#main_container .service-box .dot {
  position: absolute;
  width: 100%;
  bottom: 24px;
  text-align: center;
}

#main_container .dot > ul > li {
  display: inline-block;
  margin-right: 14px;
  width: 18px;
  height: 18px;
  border-radius: 20px;
  background: #b1b3b5;
}

#main_container .dot > ul > li.on {
  background: #7fb5e7;
}

#main_container .dot > ul > li:hover {
  cursor: pointer;
  background: #7fb5e7;
}



/* 메인섹션 - 프로젝트리스트 */
.mainsection-project {
  height: 1145px;
  margin: 0 auto;
}

.project_container {
  width: 1200px;
  height: 1145px;
  margin: 0 auto;
}

.project_container .tit {
  font-family: Pretendard-Regular;
  font-size: 35px;
  color: #141516;
  margin-top: 100px;
  margin-bottom: 55px;
  letter-spacing: -0.05em;
}

.project_container .btn-project {
  float: right;
  margin-bottom: 28px;
  cursor: pointer;
}

.project_container .project {
  float: right;
  width: 1200px;
  height: 830px;
}

.project_container .project .project-list {
  float: left;
  width: 587px;
  height: 255px;
  border: 0.5px solid #888a8d;
  border-radius: 10px;
}

.project_container .project .project-list:nth-of-type(odd) {
  margin-right: 23px;
  margin-bottom: 28px;
}

.project_container .project .project-list .project-info-box {
  position: relative;
  width: 521px;
  height: 211px;
  margin: 21px auto;
}

.project_container .project .project-list .project-info-box .recruting-mark {
  width: 124px;
  height: 30px;
  font-family: Pretendard-Bold;
  font-size: 17px;
  color: #141516;
  border: 0.75px solid #006838;
  background: #cde252;
  text-align: center;
  padding: 7px;
  cursor: pointer;
}

/* 운영서버 프로젝트 노출을 위한 임시 */
.project_container .project .project-list .project-info-box .recruting-mark.ep {
  border : none;
  background-color: #f7dd6d;
}
.project_container .project .project-list .project-info-box .recruting-mark.pf {
  border : none;
  background-color: #9cd5ff;
}
.project_container .project .project-list .project-info-box .recruting-mark.cp {
  border : none;
  background-color: #d1d3d4;
}
.project_container .project .project-list .project-info-box .recruting-mark.bp {
  background: #231f20;
  border: 1px solid #231f20;
  color: #fff;
}

.project_container .project .project-list .project-info-box .project-title {
  height: 25px;
  font-family: Pretendard-Regular;
  font-size: 20px;
  margin-top: 27px;
  margin-bottom: 20px;
  width: 340px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.project_container .project .project-list .project-info-box .project-contents {
  width: 320px;
  height: 91px;
  padding-top: 8px;
}

.project_container .project .project-list .project-info-box .project-contents p {
  font-family: Pretendard-Regular;
  font-size: 15px;
  color: #6d6e71;
}

.project_container .project .project-list .project-info-box .project-contents p span.data {
  margin-left: 25px;
  color: #141516;
  font-family: Pretendard-Regular;
  font-size: 16px;
}

.project_container .project .project-list .project-info-box .project-contents p span.data:first-child {
  margin-left: 23px;
}

.project_container .project .project-list .project-info-box .project-members {
  position: absolute;
  width: 177px;
  height: 140px;
  top: 53px;
  left: 336px;
}

.project_container .project .project-list .project-info-box .project-members img {
  display: block;
  margin: 5px auto;
}

.project_container .project .project-list .project-info-box .project-members .member-box {
  position: absolute;
  width: 42px;
  height: 22px;
  top: 67%;
  left: 45%;
  text-align: center;
}

.project_container .project .project-list .project-info-box .project-members .member-box p {
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #ffcf36;
}

/* 메인섹션 intro */
.mainsection-intro {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.mainsection-intro .introbox {
  margin: 0 auto;
  overflow: hidden;
}

.mainsection-intro img.mainintro {
  display: block;
  width: 1920px;
  margin-left: calc(50% - 960px);
}

.mainsection-intro img.btn-join {
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: 400px;
  cursor: pointer;
}

.mainsection-intro .arrow-right {
  position: absolute;
  right: 300px;
  top: calc(50% - 40px);
  cursor: pointer;
}
.mainsection-intro .arrow-left {
  position: absolute;
  left: 300px;
  top: calc(50% - 40px);
  cursor: pointer;
}

/*메인 슬라이드 배너*/
.mainsection-mainslide {
    position: relative;
    width: 100%;        
}
.mainsection-mainslide .slide-wrap {
    display: flex;
    justify-content: center;
     max-width: 2530px;
    height: 236px;
    padding: 22px 0;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    overflow: hidden;
}
.mainsection-mainslide .slide-wrap .slide-item:first-child {}
.mainsection-mainslide .slide-wrap .slide-item {
    width: 820px;
    height: 192px; 
    margin: 0 auto;
}
.mainsection-mainslide .slide-wrap .slide-item img {
    overflow: hidden;
    border-radius: 16px;
    cursor: pointer;
}
.mainsection-mainslide .slide-btn {
    position: absolute;
    width: 100%;
    display: flex;
    z-index: 2;
    justify-content: center;
    align-items: center;
    top: 97px;
    text-align: center;
    min-width: 1920px;
}
.mainsection-mainslide .slide-btn > div {
    width: 880px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.mainsection-mainslide .slide-btn button {
    background: none;
    border: none;
}
.mainsection-mainslide .slide-btn .btn_prev {}
.mainsection-mainslide .slide-btn .btn_next {}

.mainsection-mainslide .btn_prev {
    position: absolute;
    background: none;
    border: none;
    width: 39px;
    height: 42px;
    cursor: pointer;
    top: 50%;
    margin-left: -800px;
    transform: translate(-50%, -50%);
}
.mainsection-mainslide .btn_next {
    position: absolute;
    background: none;
    border: none;
    cursor: pointer;
    width: 39px;
    height: 42px;
    top: 50%;
    margin-right: -876px;
    transform: translate(-50%, -50%);
}


/*2025.03.10-CHM*/
/*메인 new 이미지슬라이드*/
.mainsection-new-banr {
  position: relative;
  width: 100%;
  margin: 48px 0 86px 0;
}
.mainsection-new-banr .inner {
  width:1200px; 
  height:470px; 
  margin: auto;
  background-color:skyblue; 
}
.mainsection-new-banr .inner .tit {  
  position: absolute;
  display: inline-flex;
  flex-direction: row;
  margin: 47px 135px auto;
}
.mainsection-new-banr .inner .tit > div {
  font-family: Pretendard-ExtraBold;
  font-size: 52px;
  letter-spacing: -0.05em;
  color: white;
  width: 240px;
  margin-top: auto;
}
.mainsection-new-banr .inner .tit span {
  font-family: Pretendard-Bold;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: -0.05em;
  color: white;
  margin-top: auto;
}
.mainsection-new-banr .inner img {
  width: 1200px;
}

/*메인이미지슬라이드s*/
.slider {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 470px;
  margin: 0 auto;
  overflow: hidden;
}

.slides {
  display: flex;
  height: 100%;
  animation: slide 20s infinite;
  transition: transform 0.5s ease;
  will-change: transform;
}

.slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  overflow: hidden;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@keyframes slide {
  0%, 20%   { transform: translateX(0%); }
  25%, 45%  { transform: translateX(-100%); }
  50%, 70%  { transform: translateX(-200%); }
  75%, 95%  { transform: translateX(-300%); }
  100%      { transform: translateX(0%); }
}

/* 라디오 버튼 숨김 */
input[name="manual"] {display: none;}

/* 수동 선택 시 자동 애니메이션 중지 */
#manual1:checked ~ .slider .slides { animation: none; transform: translateX(0%); }
#manual2:checked ~ .slider .slides { animation: none; transform: translateX(-100%); }
#manual3:checked ~ .slider .slides { animation: none; transform: translateX(-200%); }
#manual4:checked ~ .slider .slides { animation: none; transform: translateX(-300%); }

/* 페이지네이션 */
.pagination {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 2;
}

.pagination label {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}

/* 수동 선택된 버튼 강조 */
#manual1:checked ~ .slider .pagination label[for="manual1"],
#manual2:checked ~ .slider .pagination label[for="manual2"],
#manual3:checked ~ .slider .pagination label[for="manual3"],
#manual4:checked ~ .slider .pagination label[for="manual4"] {
  background: #0165ff;
}
/*메인이미지슬라이드e*/



/*그레이트 메인슬로건*/
.mainsection-greatpro-txt {
  position: relative;
  width: 100%;
}

.mainsection-greatpro-txt .inner {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;
}

.mainsection-greatpro-txt .inner .tit {
  font-family:Pretendard-Bold; 
  font-size:36px; 
  text-align: center;
  margin-bottom: 33px;
}

.mainsection-greatpro-txt .inner .count {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.mainsection-greatpro-txt .inner .count > div {
  display: flex;
  flex-direction: column;
  font-family: Pretendard-Bold;
  font-size: 90px;
  color: #0165FF;
  text-align: center;
  letter-spacing: -0.08em;
}

.mainsection-greatpro-txt .inner .count > div span {
  font-family: Pretendard-SemiBold;
  font-size: 20px;
  line-height: 26px;
  color: #141516;
  margin-top: 10px;
  letter-spacing: normal;
}

/*메인 동영상 슬라이드*/
.mainsection-movie {
  position: relative;
  width: 100%;
}
.mainsection-movie .inner {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 86px;
  background-color: #fff;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(/images/common/loading_great_pro.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 110px;
}
.mainsection-movie .inner video {
  width: 1200px !important;  
  height: 470px;
  object-fit: cover;
}

/*그레이트프로 프로젝트*/
.mainsection-great-pj {
  position: relative;
  width: 100%;
}

.mainsection-great-pj .inner {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;
}

.mainsection-great-pj .inner .tit {
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #141516;
  margin-bottom: 8px;
}

.mainsection-great-pj .inner .pj-img {
  position: relative;
  margin-bottom: 32px;
}

.mainsection-great-pj .inner .pj-img .txt-box {
  position: absolute;
  background: linear-gradient(to right, black, transparent);
  width: 480px; 
  height: 320px; 
}

.mainsection-great-pj .inner .pj-img .txt-box .pj-txt {
  color: #fff; 
  font-family: Pretendard-Medium; 
  font-size:24px; 
  margin: 35px 75px;
  cursor: pointer;
}

.mainsection-great-pj .inner .pj-img .txt-box .pj-txt span {
  display: flex; 
  font-family: Pretendard-Bold; 
  font-size:32px;
  line-height: 36px;
  margin-top: 18px;
}

/*이슈 프로젝트*/
.mainsection-issue {
  position: relative;
  width: 100%;
}

.mainsection-issue .inner {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;  
}

.mainsection-issue .inner .tit {
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #141516;
  margin-bottom: 8px;
} 

.mainsection-issue .inner .box {
  display: flex;
  padding: 35px 45px;
  background-color: #ccf7ff;
}

.mainsection-issue .inner .box .content {
  margin-left: 34px;
}

.mainsection-issue .inner .box .content .title {
  font-family: Pretendard-Bold;
  font-size: 32px;
  color: #141516;
  margin-bottom: 10px;
}

.mainsection-issue .inner .box .content .subtxt {
  font-family: Pretendard-Regular;
  font-size: 20px;
  line-height: 28px;
  color: #141516;
  word-break: keep-all;
  width: 550px;
}

.mainsection-issue .inner .box .content .subtxt span {
  display: flex;
  margin-top: 10px;
  font-family: Pretendard-Bold;
  font-size: 22px;
  background-image: url(/images/icon_arrow.png);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: 0 center;
  padding-left: 14px;
  cursor: pointer;
  width: 80px;
}

/**/
.mainsection-itpro {
  position: relative;
  width: 100%;
}

.mainsection-itpro .inner {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;  
}

.mainsection-itpro .inner .tit {
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #141516;
  margin-bottom: 8px;
}

.mainsection-itpro .inner .box {
  display: flex;
  flex-direction: row;
}

.mainsection-itpro .inner .box .content {
  margin-left: 34px;
}

.mainsection-itpro .inner .box .content .title {
  font-family: Pretendard-Bold;
  font-size: 32px;
  color: #141516;
  margin-bottom: 10px;
}

.mainsection-itpro .inner .box .content .subtxt {
  font-family: Pretendard-Regular;
  font-size: 20px;
  line-height: 28px;
  color: #141516;
  word-break: keep-all;
  width: 550px;
}

.mainsection-itpro .inner .box .content .subtxt span {
  display: flex;
  margin-top: 10px;
  font-family: Pretendard-Bold;
  font-size: 22px;
  background-image: url(/images/icon_arrow.png);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: 0 center;
  padding-left: 14px;
  cursor: pointer;
  width: 160px;
}

/*Why 그레이트 프로*/
.mainsection-why-great {
  position: relative;
  width: 100%;
}

.mainsection-why-great .inner {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;  
  display: flex;
}
.mainsection-why-great .inner .why {
  display: flex;
  font-family: Pretendard-Bold;
  font-size: 32px;
  color: #141516;
  line-height: 36px;
  margin-right: 270px;
}
.mainsection-why-great .inner .answer {
  display: flex;
  flex-direction: column;
  width: 680px;
}

.mainsection-why-great .inner .answer .answer-tit {
  font-family: Pretendard-Bold;
  font-size: 32px;
  color: #141516;
  line-height: 36px;
  width: 400px;
}

.mainsection-why-great .inner .answer .point {
  display: flex;
  flex-direction: column;
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #141516;
  width: 550px;
  margin-top: 30px;
}
.mainsection-why-great .inner .answer .point span {  
  font-family: Pretendard-Medium;
  line-height: 24px;
  margin-top: 8px;
}

.mainsection-why-great .inner .answer .ps {
  font-family: Pretendard-Medium;
  font-size: 14px;
  margin-top: 16px;
}

/*그레이트프로 멤버*/
.mainsection-great-member {
  position: relative;
  width: 100%;
}

.mainsection-great-member .inner {
  width: 1200px;
  margin: 0 auto; 
  display: flex;
}

.mainsection-great-member .inner .tit {
  display: flex;
  font-family: Pretendard-Bold;
  font-size: 32px;
  color: #141516;
  line-height: 36px;
  margin-right: 216px;
}

.mainsection-great-member .inner .tit-txt {
  display: flex;
  flex-direction: column;
  font-family: Pretendard-Bold;
  font-size: 32px;
  color: #141516;
  line-height: 36px;
}

.mainsection-great-member .inner-2nd {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;  
  display: flex;
  flex-direction: column;
}

.mainsection-great-member .inner-2nd div {
  display: flex;
  margin: 20px 0;
  align-items: center;
}

.mainsection-great-member .inner-2nd div .benefit01 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(66, 187, 206, .7);
  width: 240px;
  height: 240px;
  border-radius: 50%;
  font-family: Pretendard-Bold;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  color: #fff; 
  margin: 0 60px 0 210px;  

}
.mainsection-great-member .inner-2nd div .benefit02 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(7, 86, 160, .6);  
  width: 240px;
  height: 240px;
  border-radius: 50%;
  font-family: Pretendard-Bold;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  color: #fff; 
  margin: 0 60px 0 210px;         
}
.mainsection-great-member .inner-2nd div .benefit03 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(24, 153, 76, .6); 
  width: 240px;
  height: 240px;
  border-radius: 50%;
  font-family: Pretendard-Bold;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  color: #fff;  
  margin: 0 60px 0 210px;     
}
.mainsection-great-member .inner-2nd div .benefit04 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(204, 74, 211, .6); 
  width: 240px;
  height: 240px;
  border-radius: 50%;
  font-family: Pretendard-Bold;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  color: #fff;  
  margin: 0 60px 0 210px;    
}
.mainsection-great-member .inner-2nd > div .benefit-txt {}
.mainsection-great-member .inner-2nd > div .benefit-txt ul {
  font-family: Pretendard-Bold;
  font-size: 18px;
  line-height: 26px;
  color: #141516;
}
.mainsection-great-member .inner-2nd > div .benefit-txt ul ol {
  padding-left: 20px;
}
.mainsection-great-member .inner-2nd > div .benefit-txt ul ol li {
  list-style: disc;
  font-family: Pretendard-Medium;
}

/*그레이트프로 블로그*/
.mainsection-blog {
  position: relative;
  width: 100%;
}

.mainsection-blog .inner {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;  
  display: flex;
}

.mainsection-blog .inner .tit {
  display: flex;
  font-family: Pretendard-Bold;
  font-size: 32px;
  color: #141516;
  width: 250px;
  line-height: 36px;
  margin-right: 240px;
}

.mainsection-blog .inner .blog-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 680px;
}

.mainsection-blog .inner .blog-box .box {
  width: 320px;  
  margin-bottom: 24px;
}

.mainsection-blog .inner .blog-box .box > div {
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;  
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.mainsection-blog .inner .blog-box .box > div img {
  margin-bottom: 8px;
}

.mainsection-blog .inner .blog-box  .box > div span {
  font-family: Pretendard-Medium;
  font-size: 12px;
  line-height: 20px;
  color: #141516;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

/*고객사*/
.mainsection-client {
  position: relative;
  width: 100%;
}

.mainsection-client .inner {
  width: 1200px;
  margin: 0 auto 200px;  
  text-align: center;
}

.mainsection-client .inner .tit {
 font-family: Pretendard-Bold;
 font-size: 32px;
 color: #141516;
 line-height: 36px;
 margin-bottom: 72px;
}


/*서비스소개*/
.info_container {
  display: flex;
  width: 100%;
  background-color: #fff;
  position: relative;
  margin: 0 auto;
  padding: 60px 0;
}

.info_container .service-intro {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.info_container .service-intro .tit-img {
  position: relative;
}
.info_container .service-intro .tit-img .img {
  width: 1200px;
}

.info_container .service-intro .tit-img .tit-txt {
  position: absolute;
  color: #fff;
  font-family: Pretendard-Bold;
  font-size: 32px;
  line-height: 36px;
  margin: 50px;
}

.info_container .service-intro .tit-img .tit-txt span {
  display: block;
  font-size: 23px;
  line-height: 28px;
  margin-top: 18px;
}

.info_container .service-intro .greatpro-is {
  font-family: Pretendard-Bold;
  font-size: 36px;
  line-height: 45px;
  color: #141516;
  text-align: center;
  margin: 0 auto;
  margin-top: 50px;
}

.info_container .service-intro .step-3 {
  display: flex;
  flex-direction: column;
  margin-top: 70px;
} 

.info_container .service-intro .step-3 .title {
  font-family: Pretendard-Bold;
  font-size: 36px;
  line-height: 40px;
  color: #141516;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px;
}

.info_container .service-intro .step-3 .step-box {
  display: flex;
  flex-direction: column;
  width: 245px;
  color: #141516;
}

.info_container .service-intro .step-3 .step-box .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #CCF7FF;
  border-radius: 50%;
  width: 245px;
  height: 245px;
  font-family: Pretendard-Bold;
  font-size: 36px;
  text-align: center;
}

.info_container .service-intro .step-3 .step-box .circle span {
  text-decoration: underline;
  font-family: Pretendard-Medium;
  font-size: 24px;
  margin-bottom: 18px;
}

.info_container .service-intro .step-3 .step-box .point-txt {
  position: relative;
  top: -13px;
  font-family: Pretendard-Medium;
  font-size: 18px;
  padding-top: 75px;
  background-image: url(/images/step-3-img.png);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position-x: 50%;  
}

.info_container .service-intro .step-3 .step-box .point-txt ul li {
  list-style: disc;
  line-height: 24px;
}

.info_container .service-intro .greatpro-point {
  display: flex;
  flex-direction: column;
  margin-top: 70px;
} 

.info_container .service-intro .greatpro-point .title {
  font-family: Pretendard-Bold;
  font-size: 36px;
  line-height: 40px;
  color: #141516;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px;
}

.info_container .service-intro .greatpro-point .box-point {
  width: 245px;
  color: #141516;
  margin-right: -15px;
}

.info_container .service-intro .greatpro-point .box-point .circle01 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #42BBCE;
  opacity: 0.7;
  border-radius: 50%;
  width: 242px;
  height: 242px;
  font-family: Pretendard-Bold;
  font-size: 39px;
  color: #fff;
  text-align: center;
}
.info_container .service-intro .greatpro-point .box-point .circle02 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #07569F;
  opacity: 0.7;
  border-radius: 50%;
  width: 242px;
  height: 242px;
  font-family: Pretendard-Bold;
  font-size: 39px;
  color: #fff;
  text-align: center;
}
.info_container .service-intro .greatpro-point .box-point .circle03 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #18984B;
  opacity: 0.7;
  border-radius: 50%;
  width: 242px;
  height: 242px;
  font-family: Pretendard-Bold;
  font-size: 39px;
  color: #fff;
  text-align: center;
}

.info_container .service-intro .greatpro-point .box-point .point-txt {
  display: flex;
  flex-direction: column;
  margin-top: 37px;
}

.info_container .service-intro .greatpro-point .box-point .point-txt div {
  font-family: Pretendard-Bold;
  font-size: 24px;
  text-align: center;
  margin-bottom: 18px;
}

.info_container .service-intro .greatpro-point .box-point .point-txt ul {
  padding-left: 10px;
}
.info_container .service-intro .greatpro-point .box-point .point-txt ul li {
  list-style: disc;
  list-style-position: inside;
  line-height: 22px;
  font-family: Pretendard-Medium;
  font-size: 17px;
}

.info_container .service-intro .greatpro-level {
  display: flex;
  flex-direction: column;
  margin-top: 70px;
} 

.info_container .service-intro .greatpro-level .title {
  font-family: Pretendard-Bold;
  font-size: 36px;
  line-height: 40px;
  color: #141516;
  text-align: center;
  margin: 0 auto;
}

.info_container .service-intro .greatpro-level .sub-tit {
  font-family: Pretendard-Medium;
  font-size: 28px;
  line-height: 30px;
  color: #141516;
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 10px;
}

.info_container .service-intro .greatpro-level .level-box {}

.info_container .service-intro .greatpro-level .level-box .level-num {
  font-family: Pretendard-Bold;
  font-size: 28px;
  color: #141516;
  height: 96px;
}
.info_container .service-intro .greatpro-level .level-box .level-num ul {
  margin-top: 12px;
}
.info_container .service-intro .greatpro-level .level-box .level-num ul li {
  list-style: disc;
  list-style-position: inside;
  font-family: Pretendard-Medium;
  font-size: 17px;
}
.info_container .service-intro .greatpro-level .level-box .level-num span {
  font-family: Pretendard-Medium;
  font-size: 17px;
}

.info_container .service-intro .is-good {
  display: flex;
  flex-direction: column;
  margin-top: 70px;
} 

.info_container .service-intro .is-good .title {
  font-family: Pretendard-Bold;
  font-size: 36px;
  line-height: 40px;
  color: #141516;
  text-align: center;
  margin: 0 auto;
}

.info_container .service-intro .is-good .sub-tit {
  font-family: Pretendard-Medium;
  font-size: 28px;
  line-height: 30px;
  color: #141516;
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 60px;
}

.info_container .service-intro .is-good .great-case {
  display: flex;
  flex-direction: column;
  
  border-bottom: 1px solid;
}
.info_container .service-intro .is-good .great-case .case {
  display: flex;
  align-items: center;
  font-family: Pretendard-Bold;
  font-size: 36px;
  color: #141516;
  border-top: 1px solid;  
}

.info_container .service-intro .is-good .great-case .case .case-tit {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 450px;
  min-height: 210px;
  padding: 35px;
  border-right: 1px solid;
}
.info_container .service-intro .is-good .great-case .case .case-tit span {
  font-family: Pretendard-Medium;
  font-size: 24px;
  margin-bottom: 8px;
}
.info_container .service-intro .is-good .great-case .case .case-reward {
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-family: Pretendard-Medium;
  font-size: 20px;
  line-height: 30px;
  padding: 30px 35px;
  width: 360px;
  min-height: 210px;
}
.info_container .service-intro .is-good .great-case .case .case-reward:last-child {
  border-left: 1px solid;
}
.info_container .service-intro .is-good .great-case .case .case-reward span {
  color: #0165FF;
  font-family: Pretendard-Bold;
}

/**/
.info_container .service-intro .membership {
  display: flex;
  flex-direction: column;
  margin-top: 70px;
} 

.info_container .service-intro .membership .title {
  font-family: Pretendard-Bold;
  font-size: 36px;
  line-height: 40px;
  color: #141516;
  text-align: center;
  margin: 0 auto;
}

.info_container .service-intro .membership .sub-tit {
  font-family: Pretendard-Medium;
  font-size: 28px;
  line-height: 30px;
  color: #141516;
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 60px;
}

.info_container .service-intro .membership .benefit {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.info_container .service-intro .membership .benefit div {
  display: flex;
  margin: 20px 0;
  align-items: center;
}

.info_container .service-intro .membership .benefit div .benefit01 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(66, 187, 206, .7);
  width: 240px;
  height: 240px;
  border-radius: 50%;
  font-family: Pretendard-Bold;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  color: #fff; 
  margin: 0 60px;  

}
.info_container .service-intro .membership .benefit div .benefit02 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(7, 86, 160, .6);  
  width: 240px;
  height: 240px;
  border-radius: 50%;
  font-family: Pretendard-Bold;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  color: #fff; 
  margin: 0 60px;         
}
.info_container .service-intro .membership .benefit div .benefit03 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(24, 153, 76, .6); 
  width: 240px;
  height: 240px;
  border-radius: 50%;
  font-family: Pretendard-Bold;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  color: #fff;  
  margin: 0 60px;     
}
.info_container .service-intro .membership .benefit div .benefit04 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(204, 74, 211, .6); 
  width: 240px;
  height: 240px;
  border-radius: 50%;
  font-family: Pretendard-Bold;
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  color: #fff;  
  margin: 0 60px;    
}
.info_container .service-intro .membership .benefit > div .benefit-txt {}
.info_container .service-intro .membership .benefit > div .benefit-txt ul {
  font-family: Pretendard-Bold;
  font-size: 24px;
  line-height: 32px;
  color: #141516;
}
.info_container .service-intro .membership .benefit > div .benefit-txt ul ol {
  padding-left: 20px;
}
.info_container .service-intro .membership .benefit > div .benefit-txt ul ol li {
  list-style: disc;
  font-family: Pretendard-Medium;
}

/**/
.info_container .service-intro .greatpoint {
  display: flex;
  flex-direction: column;
  margin-top: 70px;
} 

.info_container .service-intro .greatpoint .title {
  font-family: Pretendard-Bold;
  font-size: 36px;
  line-height: 40px;
  color: #141516;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px;
}

.info_container .service-intro .greatpoint .tbl-view table th, .tbl-view table td {
  font-size: 20px !important;
  line-height: 28px !important;
}


/*브랜드소개 페이지*/
#brand-main-container main {
  height: 100vh;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
}

#brand-main-container main section {
  scroll-snap-align: center;
  display: flex;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}

/*
brand.css 
#brand-main-container .brand-video
*/

#brand-main-container .brand-text {
  width : 100%;
  /* height: auto; */
  display: flex;
  justify-content: center;
  background-color: #fff;
}
#brand-main-container .brand-text .inner-txt {
  display: flex;
  justify-content: center;
  width: 1200px;
  margin: 70px auto;
  font-family: Pretendard-Bold;
  font-size: 36px;
  line-height: 40px;
  color: #141516;
  text-align: center;
}

#brand-main-container .brand-slide {
  display: flex;
  background-color: #005BAC; 
  color: #fff;
  /* max-height: -webkit-fill-available;
  transition: transform 0.9s;  */
  width: 1200px;  
  margin-top: 1px;
}


#brand-main-container .brand-slide .slide-main {
  /* scroll-snap-align: center; */
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  /* scroll-snap-type: y mandatory; */
  width: 740px;
  height: 670px;
  margin: 0 auto;
}

.slide-banr {
  display: flex;
  flex-direction: column;
  width: 740px;
  margin: 0 auto;  
  /* padding: 50px 0; */
  padding-top: 115px;
  text-align: left;
  position: relative;
  /* top: -95px; */
}

.slide-banr h1 {
  font-family: Pretendard-Bold;
  font-size: 32px;
  color: #fff;
  margin-bottom: 10px;
}
.slide-banr h2 {
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #fff;
  margin-bottom: 30px;
}
.slide-banr div {
  align-items: flex-end;
}

.slide-banr span {
  font-family: Pretendard-Medium;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}

.slide-banr img {
  position: relative;
  width: 215px;
}

.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
}

#brand-main-container .brand-pron {
  display: flex;
  background-image: url(/images/brand-pron.png);
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  width: 1200px;
  height: 100%;
  margin-top: 1px;
}

#brand-main-container .brand-pron .inner {
  display: flex;
  flex-direction: column;  
  /* margin: 0 auto; */
  width: 450px;
  height: 620px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 30px 50px;
}
#brand-main-container .brand-pron .inner img {
  width: 350px;
}

#brand-main-container .brand-pron .inner span {
  font-family: Pretendard-Bold;
  font-size: 22px;
  line-height: 28px;
  color: #fff;
  margin-top: 12px;
}
#brand-main-container .brand-pron .inner span p {
  font-family: Pretendard-Bold;
  font-size: 16px;
  cursor: pointer;
  background-image: url(/images/icon_arrow_color.png);
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: 0 center;
  padding-left: 12px;
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
}

#brand-main-container .brand-pro {
  display: flex;
  width: 1200px;
  margin-top: 100px;
}


/*아카데미*/
.info_container .academy-intro {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;
}
.info_container .academy-intro .tit {
  display: flex;
  flex-direction: column;
  position: absolute;
  font-family: Pretendard-Bold;
  font-size: 36px;
  line-height: 40px;
  color: #fff;
  padding: 60px 40px;
}
.info_container .academy-intro .tit span {
  font-size: 24px;
  line-height: 28px;
  margin-top: 12px;
}
.info_container .academy-intro .img {
  width: 1200px;
}

.info_container .academy-class {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;
}
.info_container .academy-class .inner {
  display: flex;
  flex-direction: row;
  width: 1200px;
  padding-left: 27px;
}


.info_container .academy-class .inner .tit {
  font-family: Pretendard-Bold;
  font-size: 40px;
  line-height: 44px;
  color: #141516;
  margin-right: 55px;
}
.info_container .academy-class .inner .tit.sub {
  font-family: Pretendard-Bold;
  font-size: 32px;
  line-height: 44px;
  color: #141516;
  margin-right: 55px;
}
.info_container .academy-class .inner2 {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 1200px;
  margin: 20px auto;
} 
.info_container .academy-class .inner2 div {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 32px;
  color: #fff;
}
.info_container .academy-class .inner2 div:nth-of-type(1) {
  background-color: rgba(66, 187, 206, .7);
}
.info_container .academy-class .inner2 div:nth-of-type(2) {
  background-color: rgba(35, 148, 204, .6);
}
.info_container .academy-class .inner2 div:nth-of-type(3) {
  background-color: rgba(7, 86, 160, .6);
}
.info_container .academy-class .inner2 div:nth-of-type(4) {
  background-color: rgba(3, 24, 127, .6);
}
.info_container .academy-class .inner2 span {
  background-image: url(/images/icon_arrow-service.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  width: 50px;
}

.info_container .academy-class .inner3 {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 1200px;
  margin: 20px auto;
} 
.info_container .academy-class .inner3 div {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 32px;
  color: #fff;
}
.info_container .academy-class .inner3 div {
  background-color: #FF7F00;
}
.info_container .academy-class .inner3 span {
  background-image: url(/images/service_arrow.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  width: 69px;
  position: relative;
  left: -40px;
}

.info_container .academy-class .inner4 {
  justify-content: space-between;
} 
.info_container .academy-class .inner4 div {
  width: 250px; 
  text-align: center;
  font-family: Pretendard-Medium;
  font-size: 20px;
}

.info_container .academy-class .edu-loc {
  background: #5B5B5B; 
  color: #fff; 
  width: 100%; 
  padding: 30px; 
  align-items: center;
}
.info_container .academy-class .edu-loc div {
  font-family: Pretendar-Bold;
  font-size: 26px;
}
.info_container .academy-class .edu-loc div span {
  font-size: 20px;
}

.info_container .academy-class .inner .point {
  display: flex;
  flex-direction: column;
}
.info_container .academy-class .inner .point div {
  display: flex;
  flex-direction: column;
  font-family: Pretendard-Bold;
  font-size: 32px;
  color: #141516;
  margin-bottom: 35px;
}
.info_container .academy-class .inner .point div span {
  font-family: Pretendard-Medium;
  font-size: 18px;
  line-height: 22px;
  color: #141516;
  margin-top: 10px;
}

.info_container .academy-class .greatpro-edu {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px auto;
}
.info_container .academy-class .greatpro-edu .inner {
    background-image: url(/images/back_service_img.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    width: 562px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.info_container .academy-class .greatpro-edu .inner .edu-box {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 360px;
    background-color: #0064FF;
    color: #fff;
    flex-direction: column;
    border-radius: 18px;
    height: 200px;
    font-family: Pretendard-Bold;
    font-size: 28px;
    margin: 30px auto;
}
.info_container .academy-class .greatpro-edu .inner .edu-box span {
  font-family: Pretendard-Medium;
  font-size: 20px;
  line-height: 26px;
  padding-top: 20px;
}

.info_container .curriculum {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;
}
.info_container .curriculum .tit {
  font-family: Pretendard-Bold;
  font-size: 32px;
  line-height: 36px;
  color: #141516;
  margin-left: 27px;
  margin-bottom: 32px;
}

.info_container .curriculum .box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.info_container .curriculum .box div {
  display: flex;
  flex-direction: column;
  font-family: Pretendard-Bold;
  font-size: 28px;
  color: #fff;
  background-color: #0165FF;
  text-align: center;
  width: 370px;
  padding: 50px 0;
}
.info_container .curriculum .box div span {
  font-family: Pretendard-Medium;
  font-size: 22px;
  line-height: 26px;
  margin-top: 18px;
}

.info_container .curriculum-detail {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;
}
.info_container .curriculum-detail .tit {
  font-family: Pretendard-Bold;
  font-size: 32px;
  line-height: 36px;
  color: #141516;
  margin-left: 27px;
  margin-bottom: 32px;
}
.info_container .curriculum-detail .noti {
  width: 1200px;
  height: 170px;
  background-color: #E6E7E8;
  font-family: Pretendard-Medium;
  font-size: 22px;
  color: #5B5B5B;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*프로젝트찾기 추가*/
.mem_container .project-title {
  position: relative;
  width: 1200px;
  margin: 50px auto;
}
.mem_container .project-title .tit {
  position: absolute;
  font-family: Pretendard-Bold;
  font-size: 32px;
  line-height: 36px;
  color: #fff;
  margin: 50px;
}
.mem_container .project-title .tit span {
  display: block;
  font-size: 23px;
  line-height: 28px;
  margin-top: 18px;
}

.mem_info_contents .mem_contents_header {
  width: 1200px;
  margin: 0 auto;
}


/*인재찾기 추가*/
.itpro-title {
  position: relative;
  width: 1200px;
  margin: 50px auto 0px;
}
.itpro-title .tit {
  position: absolute;
  font-family: Pretendard-Bold;
  font-size: 32px;
  line-height: 36px;
  color: #fff;
  margin: 50px;
}
.itpro-title .tit span {
  display: block;
  font-size: 23px;
  line-height: 28px;
  margin-top: 18px;
}
.itpro-title img {
  width: 1200px;
}

/*메인 직무별 프로젝트*/
.mainsection-prjtask {
    position: relative;
    width: 100%;
    padding: 38px 0;
    background-color: #E2EAF3;
}
.mainsection-prjtask .inner {
    width: 1200px;
    margin: 0 auto;
}
.mainsection-prjtask .inner .tit {
    font-size: 16px;
    font-weight: bold;
    color: #141516;
    padding-bottom: 18px;
}
.mainsection-prjtask .inner .prj-list-wrap {
    display: flex; 
    justify-content: space-between; 
    margin-bottom: 16px;
} 
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword {
    width: 956px; 
    height: 78px;
    overflow: hidden;
}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .scroll-btn {

}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .scroll-btn button {
    background: none;
    border: none;
    cursor: pointer;
}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword {
    display: flex;
    flex-wrap: nowrap; 
    gap: 11px;
}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword span {    
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 150px;
    min-width: 150px;
    height: 42px;
    padding: 12px 16px;
    font-size: 15px;    
    border-radius: 12px;
    color: #fff; 
    cursor: pointer;  
} 
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword span:nth-child(1) {background-color: #1C75BC;}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword span:nth-child(2) {background-color: #61A1E0;}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword span:nth-child(3) {background-color: #B981C8;}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword span:nth-child(4) {background-color: #CD597E;}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword span:nth-child(5) {background-color: #B981C8;}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword span:nth-child(6) {background-color: #61A1E0;}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword span:nth-child(7) {background-color: #1C75BC;}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword span:nth-child(8) {background-color: #61A1E0;}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword span:nth-child(9) {background-color: #B981C8;}
.mainsection-prjtask .inner .prj-list-wrap .prj-keyword .keyword span:nth-child(10) {background-color: #CD597E;}

.mainsection-prjtask .inner .prj-list-wrap .prj-noti {
    width: 228px;
    height: 42px;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    padding: 12px 20px;
    margin-top: 34px;
    font-size: 14px;
}
.mainsection-prjtask .inner .prj-list-wrap .prj-noti::after {
    display: inline-block;
    content: "";
    border: solid #40454F;
    border-width: 0 1px 1px 0;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: middle;
    margin-top: -6px;
    margin-left: 2px;
}
.mainsection-prjtask .inner .prj-list-wrap .prj-noti .noti-txt {
    display: inline-block;
    width: 174px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.mainsection-prjtask .inner .prj-card-wrap {
    display: flex; 
    justify-content: space-between;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px 2%;
    width: 714px;
    height: 340px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item {
    width: 228px;
    height: 160px;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    padding: 22px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .flog.proc {
    width: 80px;
    height: 20px;
    background-color: #cde252;
    border: 1px solid #006838;
    text-align: center;
    padding: 5px;
    font-family: Pretendard-Bold;
    font-size: 11px;
    color: #231f20;
}

/* 모집중_회색 */
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .flog.procGray {
  width: 80px;
  height: 20px;
  background-color: #d1d3d4;
  border: 1px solid #231f20;
  text-align: center;
  padding: 5px;
  font-family: Pretendard-Bold;
  font-size: 11px;
  color: #231f20;
}

/*수행예정*/
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .flog.proc.ep {
    background: #f7dd6d;
    border: 1px solid #f7dd6d;
}

/*제안단계*/
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .flog.proc.bp {
    background: #231f20;
    border: 1px solid #231f20;
    color: #fff;
}

/*완료_회색*/
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .flog.cp {
  width: 80px;
  height: 20px;
  background-color: #d1d3d4;
  border: 1px solid #231f20;
  text-align: center;
  padding: 5px;
  font-family: Pretendard-Bold;
  font-size: 11px;
  color: #231f20;
}
/*수행중*/
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .flog.proc.pf {
  background: #9cd5ff;
  border: 1px solid #9cd5ff;
}

.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .txt {
    margin-top: 16px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .txt p {
    font-family: Pretendard-Regular;
    font-size: 14px;
    font-weight: bold;
    color: #141516;
    padding-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .txt ul li {
    font-size: 11px;
    color: #6D6E71;
    line-height: 18px;
    display: flex;
    align-items: center;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .txt ul li:first-child {
    letter-spacing: 0.1em;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .txt ul li span {
    color: #141516;
    margin-left: 10px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item .txt ul li span.client {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 120px;
    display: inline-block;
    font-size: 11px;
    line-height: normal;
}


.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2 {
    width: 228px;
    height: 160px;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    padding: 22px;
    position: relative;
}

/*클라이언트 프로젝트 담당 card img*/
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img01 {    
  background-image: url(/images/man_m.png); /*IT프로 찾기서비스*/
  background-repeat: no-repeat;
  background-position: 155px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img02 {    
    background-image: url(/images/project_m.png); /*프로젝트 등록하기*/
    background-repeat: no-repeat;
    background-position: 145px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img03 {    
    background-image: url(/images/how_use_m.png); /*이용방법 알아보기*/
    background-repeat: no-repeat;
    background-position: 140px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img04 {    
    background-image: url(/images/project_m.png); /*일반 프로젝트 지원인재*/
    background-repeat: no-repeat;
    background-position: 155px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img05 {    
    background-image: url(/images/interview_m.png); /*프로젝트 인터뷰요청*/
    background-repeat: no-repeat;
    background-position: 155px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img06 {    
    background-image: url(/images/man_m.png); /*포인트제도*/
    background-repeat: no-repeat;
    background-position: 155px 80px;
}

/*클라이언트 관리총괄 card img*/
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img11 {    
    background-image: url(/images/project_m.png); /*전체프로젝트*/
    background-repeat: no-repeat;
    background-position: 145px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img12 {    
    background-image: url(/images/man_m.png); /*프로젝트 참여현황*/
    background-repeat: no-repeat;
    background-position: 155px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img13 {    
    background-image: url(/images/how_use_m.png); /*이용방법 알아보기*/
    background-repeat: no-repeat;
    background-position: 140px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img14 {    
    background-image: url(/images/project_m.png); /*진행단계별 프로젝트*/
    background-repeat: no-repeat;
    background-position: 145px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img15 {    
    background-image: url(/images/company_m.png); /*마이페이지가기*/
    background-repeat: no-repeat;
    background-position: 148px 76px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img16 {    
    background-image: url(/images/point_m.png); /*포인트제도*/
    background-repeat: no-repeat;
    background-position: 150px 80px;
}

/*파트너사 card img*/
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img21 {    
    background-image: url(/images/man_m.png); /*소속인재현황*/
    background-repeat: no-repeat;
    background-position: 155px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img22 {    
    background-image: url(/images/project_m.png); /*프로젝트찾기*/
    background-repeat: no-repeat;
    background-position: 145px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img23 {    
    background-image: url(/images/how_use_m.png); /*이용방법 알아보기*/
    background-repeat: no-repeat;
    background-position: 140px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img24 {    
    background-image: url(/images/company_m.png); /*소속인재 승진관리*/
    background-repeat: no-repeat;
    background-position: 148px 76px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img25 {    
    background-image: url(/images/project_m.png); /*프로젝트 확인*/
    background-repeat: no-repeat;
    background-position: 145px 80px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2.card-img26 {    
    background-image: url(/images/project_m.png); /*프로젝트 참여현황*/
    background-repeat: no-repeat;
    background-position: 155px 80px;
}



.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2 .txt p {
    font-family: Pretendard-Regular;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    color: #141516;
    width: 160px;
    word-break: keep-all;
    overflow: hidden;
    height: 74px;
}

.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2 .txt .link-txt {
    position: absolute;
    bottom: 25px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2 .txt .link-txt.m-t22 {
    margin-top: -22px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2 .txt .link-txt span.btn-more {
    display: flex;
    align-self: flex-end;
    font-size: 11px;
    color: #6D6E71;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2 .txt .link-txt span.btn-more a::after {
    display: inline-block;
    content: "";
    border: solid #40454F;
    border-width: 0 1px 1px 0;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 2px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2 .txt .link-txt span.card-img {
    display: flex;
    align-self: flex-end;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-card .card-item2 .txt .link-txt span.card-img img {
    margin-right: -5px;
}

.mainsection-prjtask .inner .prj-card-wrap .prj-mid-banr {
    overflow: hidden;
    width: 228px;
    height: 340px;
    border-radius: 16px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info {
    width: 228px;
    height: 340px;
    background-color: #fff;
    border-radius: 16px;
    padding: 22px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info .info_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #BCBEC0;
    padding: 15px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info .info_box.total {
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 0;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info .info_box.total .tot-tit {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #141516;
    margin-bottom: 6px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info .info_box:first-child {
    padding-top: 0px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info .info_box:last-child {
    border-bottom: none;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info .info_box .info_num {
    width: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #58595B;    
    text-align: center;
    display: flex;
    flex-direction: column;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info .info_box .info_num.c1 {
    color: #FFA612;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info .info_box .info_num.c2 {
    color: #4E96D5;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info .info_box .info_num.c3 {
    font-size: 18px;
    width: 100%;
    text-align: right;
    background: #141516;
    border-radius: 6px;
    color: #fff;
    line-height: 24px;
    padding: 8px;
    padding-right: 40px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info .info_box .info_num span {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #141516;
    margin-top: 5px;
}
.mainsection-prjtask .inner .prj-card-wrap .prj-info .info_box .info_num span.coin {
    position: absolute;
    margin-top: 0;
    margin-left: 142px;
}

/*메인 추천 프로젝트*/
.mainsection-mainprj {
    position: relative;
    width: 100%;
    padding: 38px 0 50px 0;
}
.mainsection-mainprj .inner {
    width: 1200px;
    margin: 0 auto;
}
.mainsection-mainprj .inner .tit {    
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #141516;
    padding-bottom: 18px;
}
.mainsection-mainprj .inner .tit .btn-more {
    font-weight: normal;
}
.mainsection-mainprj .inner .tit .btn-more a::after {
    display: inline-block;
    content: "";
    border: solid #40454F;
    border-width: 0 1px 1px 0;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 2px;
}
.mainsection-mainprj .inner .prj-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; 
    gap: 20px 1.5%;
}
.mainsection-mainprj .inner .prj-list .card {
    width: 23.87%;
    height: 248px;
    border: 1px solid #BCBEC0;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
}
.mainsection-mainprj .inner .prj-list .card .card-img {
    height: 162px;
    overflow: hidden;
}
.mainsection-mainprj .inner .prj-list .card .card-txt {
    padding: 12px 0;
}
.mainsection-mainprj .inner .prj-list .card .card-txt .txt {
    width: 220px;
    margin-left: 22px;
}
.mainsection-mainprj .inner .prj-list .card .card-txt .txt p {
    font-family: Pretendard-Regular;
    font-size: 14px;
    font-weight: bold;
    color: #141516;
    padding-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mainsection-mainprj .inner .prj-list .card .card-txt .txt ul {}
.mainsection-mainprj .inner .prj-list .card .card-txt .txt ul li {
    font-size: 12px;
    color: #6D6E71;
    line-height: 18px;
}
.mainsection-mainprj .inner .prj-list .card .card-txt .txt ul li span {
    color: #141516;
    margin-left: 10px;
}

/*메인섹션 배너*/
.mainsection-mainbanr {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.mainsection-mainbanr .banr {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1920px;
    margin: 0 auto;
}
.mainsection-mainbanr .banr img {
    border: 0;
}



/* 메인섹션 고객만족도 */
.mainsection-customer {
  position: relative;
  height: 814px;
  margin: 0 auto;
  background-color: #E2EAF3;
  overflow: hidden;
}

.mainsection-customer .tit {
  width: 1200px;
  margin: 0 auto;
  font-family: Pretendard-Regular;
  font-size: 16px;
  font-weight: bold;
  color: #141516;
  margin-top: 36px;
  margin-bottom: 18px; 
}

.review-box {
  position: relative;
  width: 1200px;
  height: 688px;
  margin: 0 auto;
}

.mainsection-customer .review-box .arrow-left {
  position: absolute;
  top: 304px;
  left: -60px;
  cursor: pointer;
}

.mainsection-customer .review-box .arrow-right {
  position: absolute;
  top: 304px;
  right: -60px;
  cursor: pointer;
}

.review-box .review-list {
  width: 284px;
  height: 334px;
  border: 0.5px solid #9c9ea1;
  background-color: #ffffff;
  float: left;
  margin-right: 18px;
  padding: 33px 30px;
}

.review-box .review-list:nth-of-type(3n) {
  margin-right: 18px;
}
.review-box .review-list:nth-of-type(4n) {
  margin-right: 0;
}

.review-box .review-list:nth-of-type(-n + 4) {
  margin-bottom: 20px;
}

.review-box .review-list .imagebox {
  width: 105px;
  height: 105px;
  border-radius: 70%;
  overflow: hidden;
  float: left;
}

.review-box .review-list .imagebox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.review-box .review-list .pointbox {
  float: left;
  margin-left: 30px;
}

.review-box .review-list .pointbox .point-list {
  width: 85px;
  display: flex;
  align-items: center;
  margin: 2px 0 3px 0;
}

.review-box .review-list .pointbox .point-list p {
  float: left;
  margin-top: 10px;
  font-family: Pretendard-Regular;
  font-size: 14px;
  color: #141516;
}

.review-box .review-list .pointbox .point-list .star {
  width: 31px;
  height: 29px;
  float: left;
  margin-left: 2px;
}

.review-box .review-list .customer-name {
  float: left;
  width: 224px;
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #141516;
  padding: 22px 0 12px 0;
  border-bottom: 0.5px solid #9c9ea1;
  margin-bottom: 12px;
}

.review-box .review-list .review-contents {
  width: 220px;
  height: 72px;
  float: left;
  font-family: Pretendard-Regular;
  font-size: 12px;
  color: #231f20;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.review-box .review-list .manager-name {
  float: left;
  margin-top: 18px;
}

.review-box .review-list .manager-name p {
  float: left;
  font-family: Pretendard-Bold;
  font-size: 13px;
  color: #141516;
}

.review-box .review-list .manager-name span.data {
  float: left;
  margin-left: 20px;
  font-family: Pretendard-Regular;
  font-size: 13px;
  color: #141516;
}

/* 메인섹션 - 파트너소개 */
.mainsection-partner {
  height: 700px;
  margin: 0 auto;
}

.mainsection-partner .partner-box {
  position: relative;
  width: 1200px;
  height: 618px;
  margin: 0 auto;
}

.mainsection-partner .partner-box .partner-image {
  width: 960px;
  margin: 0 auto;
}

.mainsection-partner .partner-box .tit {
  margin-top: 70px;
  margin-bottom: 30px;
  font-family: Pretendard-Regular;
  font-size: 18px;
  font-weight: bold;
  color: #141516;
  text-align: center;
}

.mainsection-partner .partner-box .arrow-left {
  position: absolute;
  top: 300px;
  left: 0px;
  cursor: pointer;
}

.mainsection-partner .partner-box .arrow-right {
  position: absolute;
  top: 300px;
  right: 0px;
  cursor: pointer;
}

/* footer 부분 */
.foot {
  box-sizing: border-box;
  width: 100%;
  clear: both;
  padding: 60px 0 80px;
}
.foot .copy-wrap {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.foot .copy-wrap .foot-link {
  width: 100%;
}
.foot .copy-wrap .foot-link:last-child {
  flex: 0 0 240px;
}

.foot .copy-wrap .foot-logo {
  margin-right: 220px;
}
.foot .copy-wrap .foot-logo img {
  width: 127px;
}

.foot .copy-wrap .foot-link-title {
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  margin-bottom: 8px;
}

.foot .copy-wrap .foot-link-title a:hover {
  cursor: pointer;
}

.foot .copy-wrap .foot-link-list li {
  margin-bottom: 8px;
}
.foot .copy-wrap .foot-link-list li a,
.foot .copy-wrap p {
  font-size: 15px;
  font-family: Pretendard-Medium;
  color: #141516;
}
.foot .copy-wrap .foot-link-list li a:hover {
  cursor: pointer;
}
.foot .copy-wrap .btn-inquiry {
  box-sizing: border-box;
  display: inline-flex;
  outline: none;
  width: 104px;
  background-color: #fff;
  border: 1px solid #fff;
  font-size: 15px;
  font-family: Pretendard-Medium;
  color: #141516;
  cursor: pointer;
  background-image: url(/images/icon_arrow.png);
  background-repeat: no-repeat;
  background-size: 6px;
  background-position: 0 center;
  padding-left: 10px;
}
.foot .foot-copy-wrap {
  width: 1200px;
  margin: 0 auto;
}
.foot .foot-copy-wrap .foot-copy {
  position: relative;
  padding: 54px 0 0 0;
  font-size: 15px;
  font-family: Pretendard-Medium;
  color: #141516;
}

/* footer_samll 부분 */
.foot_s {
  box-sizing: border-box;
  width: 100%;
  clear: both;
  padding: 80px 0;
  border-top: 7px solid #f1f2f2;
}
.foot_s .copy-wrap {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  padding: 0 0 40px 0;
}
.foot_s .copy-wrap .foot-link {
  width: 14%;
}
.foot_s .copy-wrap .foot-link:last-child {
  flex: 0 0 443px;
}
.foot_s .copy-wrap .foot-link-title {
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #231f20;
  margin-bottom: 16px;
}
.foot_s .copy-wrap .foot-link-title a::after {
  display: inline-block;
  content: "";
  border: solid #231f20;
  border-width: 0 1px 1px 0;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 2px;
}
.foot_s .copy-wrap .foot-link-list li {
  margin-bottom: 12px;
}
.foot_s .copy-wrap .foot-link-list li a,
.foot_s .copy-wrap p {
  font-size: 15px;
  font-family: Pretendard-Regular;
  color: #141516;
}
.foot_s .copy-wrap .btn-inquiry {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: none;
  width: 104px;
  height: 36px;
  background-color: #fff;
  border: 1px solid #767779;
  font-size: 15px;
  font-family: Pretendard-Regular;
  color: #141516;
  border-radius: 5px;
  cursor: pointer;
}
.foot_s .foot-copy-wrap {
  width: 1200px;
  margin: 0 auto;
  border-top: 1px solid #c0c1c2;
}
.foot_s .foot-copy-wrap .foot-copy {
  position: relative;
  padding: 54px 0 0 218px;
  font-size: 14px;
  font-family: Pretendard-Regular;
  color: #808080;
}
.foot_s .foot-copy-wrap .foot-copy .lh {
  line-height: 20px;
}
.foot_s .foot-copy-wrap .foot-copy::before {
  display: block;
  content: "";
  width: 187px;
  height: 62px;
  background: url(/images/Greatpro-logo.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 50px;
}


/* 이벤트 화면, 서비스 소개 화면 */
.sub-container .sub-contents {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  height: auto;
}

.sub-container .sub-contents img {
  width: 1920px;
  margin-left: calc(50% - 960px);
}
/* 로그인 화면 */
.contents {
  margin: 0 auto;
  background-color: #f4f7fc;
  overflow: hidden;
}

.contents .contents_body {
  width: 1200px;
  margin: 0 auto;
  margin-top: 62px;
}

.contents .contents_body .tit {
  width: 1200px;
  height: 150px;
  font-size: 17px;
  color: #141516;
  line-height: 35px;
  padding: 7px 0;
  margin: 0;
}

.contents .contents_body .tit.tit_margin {
  height: auto;
  margin: 40px 0 20px;
}

.contents .contents_body .tit span {
  font-family: Pretendard-Bold;
  font-size: 28px;
}

.contents .contents_body .loginbox {
  display: inline-block;
  width: 1200px;
  background-color: #ffffff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .16);
  border-radius: 12px;
  margin-bottom: 86px;
  position: relative;
}
.contents .contents_body .joinbox {
  display: inline-block;
  width: 1200px;
  background-color: #ffffff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .16);
  border-radius: 12px;
  margin-bottom: 86px;
  position: relative;
  text-align: center;
  padding: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contents .contents_body .joinbox.agree {
  align-items: flex-start;
}
.contents .contents_body .joinbox.agree .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 510px;
}
.contents .contents_body .joinbox.agree .inner div {
  display: flex;
  justify-content: flex-start;  
  align-items: center;
  width: 100%;
  padding: 0 0 16px 0;
}
.contents .contents_body .joinbox.agree .inner div:nth-of-type(1) {
  border-bottom: 1px solid #BCBEC0;
  padding: 16px 0;
}
.contents .contents_body .joinbox.agree .inner div:nth-of-type(2) {
  position: relative;
  margin-top: 16px;
}
.contents .contents_body .joinbox.agree .inner div:nth-of-type(3) {
  position: relative;
}
.contents .contents_body .joinbox.agree .inner div:nth-of-type(5) {
  justify-content: flex-start;
  padding-left: 65px;
  padding-bottom: 0;
}
.contents .contents_body .joinbox.agree .inner div span {
  margin-right: 5px;
}
.contents .contents_body .joinbox.agree .inner div span.more-btn {
  cursor: pointer;
  font-family: cursive;
  color: #414042;
  opacity: 0.6;
  position: absolute;
  right: 0;
}
.contents .contents_body .joinbox p {
  font-family: Pretendard-Bold;
  font-size: 17px;
  margin-bottom: 18px;
}
.contents .contents_body .joinbox .btn-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 60px auto;
  width: 510px;
}
.contents .contents_body .joinbox .mem-reg-bt01 {
  width: 510px;
  height: 45px;
  background-color: #0165FF;
  border-radius: 6px;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
.contents .contents_body .joinbox .mem-reg-bt02 {
  width: 510px;
  height: 45px;
  background-color: #141516;
  border-radius: 6px;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
.contents .contents_body .joinbox .kakao-btn {
  width: 510px;
  height: 45px;
  background-color: #fee500;
  border-radius: 6px;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #3b1e1e;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.contents .contents_body .joinbox .kakao-btn img {
  width: 24px;
}
.contents .contents_body .joinbox .certification {
  width: 376px;
  height: 45px;
  background-color: #0165FF;
  border-radius: 6px;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.login-tab {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}

.login-tab .login-tab-list {
  list-style: none;
  display: flex;
  padding: 0;
  width: 376px;
}

.login-tab .login-tab-list li {
  cursor: pointer;
  flex: 1;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #BCBEC0;
  padding-top: 10px;
  margin-right: 26px; 
  margin-bottom: -1px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.login-tab .login-tab-list li:last-child {
  margin-right: 0; 
}

.login-tab .login-tab-list li.on {
  font-weight: bold;
  color: #141516;
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-color: #0165FF;
  text-decoration-thickness: 3px;
}

.contents .contents_body .loginbox .loginform {
  width: 376px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 80px;
}

.contents .contents_body .loginbox .loginform .inputlist span {
  display: inline-block;
  color: #ed1c24;
  vertical-align: middle;
  margin-top: 5px;
  font-weight: bold;
}

.contents .contents_body .loginbox .loginform .inputlist:nth-of-type(3) {
  height: 40px;
  font-family: Pretendard-Regular;
  font-size: 16px;
  letter-spacing: -0.05em;
}

.contents .contents_body .loginbox .loginform input {
  width: 356px;
  height: 35px;
  border: 1px solid #bcbec0;
  outline: none;
  padding: 0 10px;
  line-height: 35px;
  font-size: 18px;
  border-radius: 6px;
}

.contents .contents_body .loginbox .loginform input[type="checkbox"] {
  width: 14px;
  height: 14px;
  border: 0.5px solid #141516;
}

.contents .contents_body .loginbox .loginform .login-btn {
  width: 376px;
  height: 54px;
  background-color: #0165FF;
  border-radius: 6px;
  text-align: center;
  padding: 18px 0;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
}

.contents .contents_body .loginbox .loginform .loginsmenu {
  width: 376px;
  font-family: Pretendard-Regular;
  font-size: 16px;
  letter-spacing: -0.05em;
  text-align: center;
  color: #5B5B5B;
  margin-top: 20px;
}

.contents .contents_body .loginbox .loginform .loginsmenu a:hover {
  color: #17a1ff;
  cursor: pointer;
}

.contents .contents_body .loginbox .loginform .loginsmenu span {
  margin-left: 24px;
  margin-right: 24px;
  color: #bcbec0;
}

.kakao-btn {
  width: 376px;
  height: 54px;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kakao-btn img {
  border-radius: 6px;
}


/* 회원가입-회원유형선택 */
.mem_container {
  width: 100%;
  background-color: #f4f7fc;
  margin-bottom: 80px;
  position: relative;
  margin: 0 auto;
  display: block;
  float: left;
}

/* 팝업 */
.mem_container.mobile{
  display: flex;
  flex-direction: column;
}

.mem_container .mem_contents {
  width: 1200px;
  height: 720px;
  margin: 0 auto;
}

.mem_container .mem_contents .mem_contents_header {
  width: 1200px;
  height: 173px;
  float: left;
}

.mem_container .mem_contents .mem_contents_header .title {
  width: 171px;
  height: 40px;
  float: left;
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
  margin-top: 30px;
}

.mem_container .mem_contents .mem_contents_header .title p {
  margin-top: 5px;
}

.mem_container .mem_contents .mem_contents_header .title span.mem_info {
  width: 50px;
  height: 34px;
  float: left;
  background: url(/images/mem/mem_icon.png) no-repeat;
  margin-right: 10px;
}

.mem_container .mem_contents .mem_contents_header .reg-step img {
  margin-top: 20px;
}

.mem_container .mem_contents .mem_contents_body {
  width: 1217px;
  height: 380px;
  float: left;
  margin-top: 30px;
}

.mem_container .mem_contents .body-top {
  margin: 0 auto;
}

.mem_container .mem_contents .mem_contents_body .body-top hr {
  display: inline-block;
  width: 200px;
  margin-bottom: 5px;
}

.mem_container .mem_contents .mem_contents_body .body-top p {
  display: inline-block;
  text-align: center;
  margin: 0 40px;
  font-size: 28px;
  color: #141516;
}

.mem_container .mem_contents .mem_contents_body .body-middle > div {
  position: relative;
  width: 385px;
  height: 220px;
  float: left;
  margin-top: 60px;
  margin-right: 28px;
  padding: 50px 0;
  background-color: #ffb912;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: -0.05em;
  cursor: pointer;
}

.mem_container .mem_contents .mem_contents_body .body-middle > div:nth-child(2) {
  background-color: #141516;
}

.mem_container .mem_contents .mem_contents_body .body-middle > div:nth-child(3) {
  margin-right: 0;
  background-color: #6d6e71;
}

.mem_container .mem_contents .mem_contents_body .body-middle > div .bt_title {
  font-family: Pretendard-Bold;
  font-size: 33px;
  margin-bottom: 20px;
}

.mem_container .mem_contents .mem_contents_body .body-middle > div .bt_text {
  line-height: 40px;
}

.mem_container .mem_contents .mem_contents_body .body-middle > div img {
  position: absolute;
  margin-left: 7px;
  top: 30px;
}

.mem_container .mem_contents .body-bottom {
  display: inline-block;
  margin-left: 45px;
  font-size: 25px;
  color: #141516;
}

/* 회원가입 - 약관동의 */
.mem_container .mem_agree_contents {
  width: 1200px;
  height: 1300px;
  margin: 0 auto;
}

.mem_container .mem_agree_contents.agreeItem1 {
  height: 1100px
}

.mem_container .mem_agree_contents.stip {
  width: 560px;
  height: 1280px;
}

.mem_container .mem_agree_contents.stip.mobile {
  width: 100%;
  height: unset;
}

.mem_container .mem_agree_contents.recmm {
  width: 490px;
  height: fit-content;
}

.mem_container .mem_agree_contents.recmm.mobile {
  width: 100%;
  height: 6vh;
}

.notice_popup.recmm .tit {
  font-family: Pretendard-Bold;
  font-size: 30px;
  color: #141516;
  text-align: center;
  padding: 10px 0;
}

.notice_popup.recmm .tit img {
  margin-left : 20px;
	width : 140px;
}

.notice_popup.recmm .cont {
  text-align: center;
  font-size: 20px;
  margin-top: 15px; 
}

.notice_popup.recmm .cont.mobile {
  font-size: 2.3rem;
  margin-top: 3.8vh;
}

.mem_container .mem_agree_contents .mem_contents_header {
  width: 1200px;
  height: 173px;
  float: left;
}

.mem_container .mem_agree_contents .mem_contents_header .title {
  width: 500px;
  height: 40px;
  float: left;
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
  margin-top: 30px;
}

.mem_container .mem_agree_contents .mem_contents_header .title p {
  margin-top: 5px;
}

.mem_container .mem_agree_contents .mem_contents_header .title span.mem_info {
  width: 50px;
  height: 34px;
  float: left;
  background: url(/images/mem/mem_icon.png) no-repeat;
  margin-right: 10px;
}

.mem_container .mem_agree_contents .mem_contents_header .reg-step img {
  margin-top: 20px;
}

.mem_container .mem_agree_contents .mem_contents_body {
  width: 1217px;
  height: 380px;
  float: left;
  margin-top: 50px;
}

.mem_container .mem_agree_contents .mem_contents_body.stip {
  width: 560px;
  margin-bottom: 20px;
}

.mem_container .mem_agree_contents .mem_contents_body.stip.mobile {
  width: 83vw;
  height: unset;
}

.mem_container .mem_agree_contents .mem_contents_body.recmm {
  width: 428px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.mem_container .mem_agree_contents .mem_contents_body.recmm.mobile {
  width: 100%;
  margin-top: 3.7vh;
  margin-bottom: 20px;
}

.mem_container .mem_agree_contents .mem_contents_body:nth-child(n+3) {
  margin-top: 140px;
}

.mem_container .mem_agree_contents .mem_contents_body .body-top {
  margin: 0 auto;
}

.mem_container .mem_agree_contents .mem_contents_body .body-top hr {
  display: inline-block;
  width: 410px;
  margin-bottom: 5px;
}

.mem_container .mem_agree_contents .mem_contents_body .body-top.hr hr {
  display: inline-block;
  width: 359px;
  margin-bottom: 5px;
}

.mem_container .mem_agree_contents .mem_contents_body .body-top p {
  display: inline-block;
  text-align: center;
  margin: 0 40px;
  font-size: 28px;
  color: #141516;
}

.mem_container .mem_agree_contents .mem_contents_body .body-top.mobile p {
  font-size: 3rem;
  margin: 10px 0;
}

.mem_container .mem_agree_contents .mem_contents_body .agreebox {
  width: 1200px;
  height: 349px;
  background-color: #fff;
  margin-top: 20px;
  padding: 30px;
  border: 1px solid #cccccc;
  overflow-x: hidden;
  overflow-y: auto;
}

.mem_container .mem_agree_contents .mem_contents_body .agreebox p {
  font-size: 17px;
  line-height: 30px;
  color: #141516;
}

.mem_container .mem_agree_contents .mem_contents_body .agreebox p.tit {
  font-size: 17px;
  font-family: Pretendard-Bold;
  padding-top: 50px;
}

.mem_container .mem_agree_contents .mem_contents_body .agreebox p.tit.mobile {
  font-size: 3.5rem;
}

.mem_container .mem_agree_contents .mem_contents_body .agreebox p.tit-s {
  font-size: 17px;
  font-family: Pretendard-Bold;
  padding-top: 20px;
}

.mem_container .mem_agree_contents .mem_contents_body .agree-check {
  width: 616px;
  font-size: 18px;
  color: #141516;
  margin-top: 30px;
}

.mem_container .mem_agree_contents .mem_contents_body .agree-check.stip {
  width: 540px;
  margin: 30px auto 0;
}

.mem_container .mem_agree_contents .mem_contents_body .agree-check.stip.mobile {
  width: 96%;
  font-size: 1.6rem;
}

.mem_container .mem_agree_contents .mem_contents_body .agree-check.stip.mobile input[type="checkbox"] {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 10px;
}

.mem_container .mem_agree_contents .mem_contents_body .agree-check input[type="checkbox"] {
  width: 21px;
  height: 21px;
  vertical-align: middle;
  margin-right: 10px;
}

.mem_container .mem_agree_contents .mem_contents_body .agreebox.full {
  height: fit-content;
  overflow-x: auto;
  overflow-y: auto;
}

.mem_container .mem_agree_contents .mem_contents_body .agreebox.full.pup {
  width:540px;
  margin:20px auto 0;
}

.mem_container .mem_agree_contents .mem_contents_body .agreebox.full.pup.mobile {
  width: 96%;
  display: block;
}

.mem_container .mem_agree_contents .mem_contents_body .agreebox.full.pup p {
  margin-top: 15px;
  line-height: 28px;
}

.mem_container .mem_agree_contents .mem_contents_body .agreebox.full.pup.mobile p {
  font-size: 2.6rem;
  line-height: 3rem;
  margin-top: 30px;
}

.mem_container .select-btn {
  width: 572px;
  height: 120px;
  margin: 0 auto;
}

.mem_container .select-btn.pup {
  width: fit-content;
  height: 60px;
  margin-top:20px;
}

.mem_container .select-btn > div {
  width: 275px;
  height: 52px;
  float: left;
  background-color: #BCBEC0;
  margin-right: 5px;
  text-align: center;
  color: #ffffff;
  font-family: Pretendard-Bold;
  font-size: 18px;
  padding: 17px;
  cursor: pointer;
}

.mem_container .select-btn.pup.mobile div {
  width: 22vw;
  height: 2.2vh;
  font-size: 1.8rem;
}

.mem_container .select-btn.recmm div {
  width: 150px;
  height: 43px;
  padding: 13px;
}

.mem_container .select-btn > div:last-child {
  background-color: #17a1ff;
}

/* 회원가입 - 본인인증 */
.main-box {
  width: 1200px;
  margin: 0 auto;
}

.mem_container .main-box .mem_contents_header {
  width: 1200px;
  height: 173px;
  float: left;
}

.mem_container .main-box .mem_contents_header .title {
  width: 500px;
  height: 40px;
  float: left;
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
  margin-top: 30px;
}

.mem_container .main-box .mem_contents_header .title p {
  margin-top: 5px;
}

.mem_container .main-box .mem_contents_header .title span.mem_info {
  width: 50px;
  height: 34px;
  float: left;
  background: url(/images/mem/mem_icon.png) no-repeat;
  margin-right: 10px;
}

.mem_container .main-box .mem_contents_header .reg-step img {
  margin-top: 20px;
}

.mem_container .main-box .mem_contents_body {
  width: 1200px;
}

.mem_container .main-box .mem_contents_body .body-top {
  margin: 0 auto;
}

.mem_container .main-box .mem_contents_body .body-top hr {
  display: inline-block;
  width: 193px;
  margin-bottom: 5px;
}

.mem_container .main-box .mem_contents_body .body-top p {
  display: inline-block;
  text-align: center;
  margin: 0 40px;
  font-size: 28px;
  color: #141516;
  margin-bottom: 15px;
}

.mem_container .main-box .mem_contents_body .info-box {
  width: 1200px;
  background-color: #ffffff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .16);
  border-radius: 12px;
  margin-bottom: 86px;
  position: relative;
  text-align: center;
  padding: 80px 80px 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 495px;
}

.mem_container .main-box .mem_contents_body .info-box .phone-img img {
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}

.mem_container .main-box .mem_contents_body .info-box .phone-info {
  margin: 35px auto 55px;
  font-family: Pretendard-Regular;
  font-size: 15px;
  text-align: center;
}

.mem_container .main-box .mem_contents_body .info-box.leave {
  background-color: transparent;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0 80px 160px;
}

.mem_container .main-box .mem_contents_body .phone-btn {
  margin: 0 auto;
  display: flex;
  gap: 10px;
}

.mem_container .main-box .mem_contents_body .phone-btn > div {
  height: 54px;
  background-color: #BCBEC0;
  border-radius: 6px;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 18px;
  padding: 18px 0;
  color: #ffffff;
  cursor: pointer;
}

.mem_container .main-box .mem_contents_body .phone-btn > div.btn-prv {
  width: 188px;
}
.mem_container .main-box .mem_contents_body .phone-btn > div.btn-crt {
  background-color: #0165ff;
  width: 188px;
}

/* 회원가입 - 정보입력 */
.mem_container .mem_info_contents {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.bg-white {
  background: #fff;  
  border-top: 1px solid #919396;
  margin-top: -4px;  
}

.mem_container .mem_info_contents .mem_contents_header .title {
  width: 500px;
  height: 40px;
  float: left;
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
  margin-top: 30px;
}

.mem_container .mem_info_contents .mem_contents_header .title p {
  margin-top: 5px;
}

.mem_container .mem_info_contents .mem_contents_header .title span.mem_info {
  width: 50px;
  height: 34px;
  float: left;
  background: url(/images/mem/mem_icon.png) no-repeat;
  margin-right: 10px;
}

.mem_container .mem_info_contents .mem_contents_header .reg-step img {
  margin-top: 20px;
}

.contents-body {
  display: inline-block; 
  position: relative;
  width: 1200px;
  padding: 60px 0;
  background-color: #fff;
  margin-top: 30px;
  margin-bottom: 150px;
}

.contents-body .Area {
  clear: both;
  position: relative;
}

.contents-body .Area .Item {
  clear: both;
}

.contents-body .Area .Item .tb {
  width: 100%;
}
.Area .Item .tb {
  margin: 0 auto;
}
.Area .Item .tb tbody th {
  font-family: Pretendard-Regular;
  font-size: 17px;
  color: #141516;
  text-align: right;
  padding: 10px 0;
}

.Area .Item .tb tbody td {
  padding: 10px 0 10px 20px;
  text-align: left;
}

.Area .Item .tb tbody td.email .select_wrap {
  width: 148px;
}

.Area .Item .tb tbody td.email .select_wrap select,
option {
  width: 138px;
  min-width: 138px;
  max-width: 138px;
  color: #414042;
  font-size: 15px;
}

.Area .Item .tb tbody th span {
  display: inline-block;
  color: #ff0000;
  font-weight: bold;
  font-size: 14px;
}

input[type="text"].mem_id {
  width: 416px;
}

input[type="text"].mem_id.certi {
  width: 105px;
}

input[type="text"].birth {
  width: 190px;
}

.check-btn {
  display: inline-block;
  width: 138px;
  height: 35px;
  background: #E6E7E8;
  border-radius: 4px;
  padding: 10px 20px;
  font-family: Pretendard-Regular;
  color: #5B5B5B;
  font-size: 15px;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
}

.check-btn.certi {
  margin-bottom: 1px;
}

.Area .Item .tb tbody td span.desc {
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 5px;
  font-family: Pretendard-Regular;
  font-size: 14px;
  color: #141516;
  transform: skew(-0.1deg);
}

.Area .Item .tb tbody td input[type="radio"] + label {
  display: inline-block;
  padding-bottom: 8px;
  padding-left: 20px;
}

.Area .Item .tb tbody td input[type="radio"] + label:nth-of-type(1) {
  padding-left: 0;
}

.Area .Item .tb tbody td.radio {
  padding-left: 45px;
}

.auto_complete {
  display: inline-block;
  position: relative;
  width: 237px;
  box-sizing: content-box;
}

.search_input {
  display: inline-block;
  position: relative;
}

.search_input input[type="text"] {
  width: 200px;
  position: relative;
}

.auto_complete .search_input .icon_search {
  position: absolute;
  display: inline-block;
  cursor: default;
  width: 18px;
  height: 17px;
  left: 205px;
  top: 8px;
}

.auto_complete_result {
  display: none;
  position: absolute;
  width: 232px;
  border: 1px solid #d6d7d8;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  z-index: 500;
  cursor: text;
  border-top: none;
}

.auto_complete_result.show {
  display: block;
}

.auto_complete_list {
  padding: 8px 10px;
  height: 150px;
  overflow-y: auto;
  font-family: Pretendard-Regular;
  font-size: 14px;
  line-height: 24px;
}

.select_wrap select,
option {
  width: 280px;
  height: 35px;
  min-width: 280px;
  max-width: 280px;
}

input[type="text"].department {
  width: 280px;
}

input[type="text"].rank {
  width: 185px;
}

.Area .Item .tb tbody label.rank {
  padding: 10px 0;
  font-family: Pretendard-Regular;
  font-size: 18px;
  color: #141516;
  text-align: right;
}

.Area .Item .tb tbody span.rank {
  color: #ff0000;
  font-weight: bold;
  margin-left: 10px;
}

.agree-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 50px auto;
}

.agree-btn > div {
  float: left;
  width: 290px;
  height: 45px;
  background-color: #BCBEC0;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}


.agree-btn .btn {
  background-color: #BCBEC0;
}

.agree-btn .btn-cancel {
  background-color: #BCBEC0;
}
.agree-btn .btn-complete {
  background-color: #0165FF;
}
.agree-btn .btn-withdraw {
  background-color: #141516;
}

.auto_complete.company {
  position: relative;
  width: 558px;
}

.auto_complete.company .search_input {
  display: inline-block;
  position: relative;
}

.auto_complete.company .search_input input[type="text"] {
  width: 558px;
  position: relative;
}

.auto_complete.company .search_input .icon_search {
  position: absolute;
  display: inline-block;
  cursor: default;
  width: 18px;
  height: 17px;
  left: 560px;
  top: 8px;
}

.auto_complete_result.company {
  display: none;
  width: 590px;
}

.auto_complete_result.company.show {
  display: block;
}

/* 회원가입 완료 */
.mem_container .main-box .mem_contents_body .info-box .phone-info.completion {
  top: 0;
  font-size: 20px;
  line-height: 28px;
  color: #141516;
}

.mem_container .main-box .mem_contents_body .info-box .phone-info.completion span {
  display: inline-block;
  font-family: Pretendard-Bold;
  font-size: 33px;
  color: #464b56;
  margin-bottom: 20px;
}

.mem_container .main-box .mem_contents_body .info-box .phone-img img.completion {
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
  padding-top: 150px;
}


.btn-login_completion {
  width: 274px;
  /* height: 53px; */
  background-color: #0165FF;
  border-radius: 8px;
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  padding: 17px;
  /* margin: 60px auto; */
  cursor: pointer;
}

/* 내이력서 열람기업 */
#nav .list-gnb.prf > li a.link-gnb {}

.gnb-login .btn-notice {
  position: relative;
  display: flex;
  cursor: pointer;
}

.list-login.prf {}

.gnb-login .btn-notice span {
  position: absolute;
  display: inline-block;
  color: #ffffff;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background-color: #FF7F00;
  padding-top: 4px;
  right: -0px;
  top: 2px;
  letter-spacing: -0.05em;
}

.btn-notice:hover > img {
  filter: invert(34%) sepia(81%) saturate(2339%) hue-rotate(193deg) brightness(101%) contrast(106%);
}

/*회원정보 추가 메뉴*/
.dropdown {
  position: relative;
  display: flex;
  justify-content: end;
}

.dropdown .btn-mypage {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 20px 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFF;
  border: 1px solid #BCBEC0;
  border-bottom-left-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  min-width: 165px;
  top: 67px;
  text-align: left;
  padding: 15px 10px;
  z-index: 5;
}

.dropdown-content img {
  vertical-align: middle;
  margin-right: 7px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content a {
  color: #141516;
  padding: 6px 10px;
  display: block;
  font-family: Pretendard-Medium;
  font-size: 14px;
}

.dropdown-content a:hover {
  cursor: pointer;
  color: #0165FF;
}

.dropdown-content a:hover > img {
  filter: invert(55%) sepia(66%) saturate(3593%) hue-rotate(181deg) brightness(100%) contrast(103%);
}

.btn-mypage img:hover .dropdown-content {
  display: block;
}

.gnb-login.prf {}

.sub-head-wrap {
  height: 60px;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #adadad;
}

.sub-head-wrap ul {
  width: 1210px; 
  height: 60px;
  margin: 0 auto;
  padding-left: 329px; 
}

.sub-head-wrap ul > li {
  float: left;
  height: 60px;
  list-style: square;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  margin-right: 75px;
}

.sub-head-wrap ul > li:hover {
  color: #0086ff;
}

.sub-head-wrap ul > li a {
  display: block;
  line-height: 60px;
  letter-spacing: -0.05em;
}

.reading_container {
  width: 100%;
  background-color: #f4f7fc;
  margin-bottom: 80px;
  position: relative;
  margin: 0 auto;
  display: block;
  float: left;
}

.reading_container .reading_info_contents {
  width: 1200px;
  margin: 0 auto;
}

.reading_container .title {
  width: 230px;
  height: 92px;
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
  padding: 40px 5px;
  line-height: 35px;
}

.reading_container .title span {
  font-family: Pretendard-Regular;
  font-size: 16px;
}
.reading_container .title span.data {
  font-weight: bold;
}

.reading_container .btn_delete {
  width: 140px;
  height: 40px;
  background-color: #58595b;
  margin-top: 33px;
  text-align: center;
  color: #ffffff;
  font-family: Pretendard-Bold;
  font-size: 14px;
  padding: 13px 0;
  cursor: pointer;
}

.paging {
  position: relative;
  float: left;
  width: 100%;
  padding: 30px 0;
  margin-bottom: 50px;
  text-align: center;
}

.paging .pager {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.paging .pager ul {
  height: 34px;
  text-align: center;
  margin: 0 auto;
}

.paging .pager ul li {
  display: inline;
  position: relative;
  float: left;
  text-align: center;
  margin: 0 2px;
  height: 32px;
  line-height: 30px;
  font-family: Pretendard-Regular;
  font-size: 20px;
  margin: 0 5px;
  padding: 0 10px;
  cursor: pointer;
}

.paging .pager ul li img {
  vertical-align: middle;
}

.paging .pager ul li.btn_l {
  margin-left: -7px;
  margin-right: 22px;
}

.paging .pager ul li.btn_l_end {
  margin-left: 20px;
}

.paging .pager ul li.btn_r {
  margin-left: 20px;
}

.paging .pager ul li.btn_r_end {
  margin-left: -7px;
}

.paging .pager ul li.over {
  display: inline;
  position: relative;
  float: left;
  text-align: center;
  font-weight: bold;
  margin: 0 2px;
  cursor: default;
}

/* IT프로 - 개인정보 관리 */
.mem_container .mem_info_contents .mem_contents_header.mypage {
  width: 1200px;
  height: 90px;
  float: left;
  margin-top: 25px;
}

.mem_container .mem_info_contents .tb tr td input[type="text"]:read-only {
  background-color: #e6e7e8;
}

.check-btn.myp {
  background-color: #BCBEC0;
  cursor: default;
}

/* 클라이언트 관리총괄 - 정보관리 */
.gnb-login .btn-notice span.notice-info {
  position: absolute;
  display: inline-block;
  color: #ffffff;
  width: 23px;
  height: 23px;
  border-radius: 20px;
  background-color: red;
  font-family: Pretendard-Bold;
  font-size: 14px;
  padding-top: 4px;
  right: -12px;
  top: -14px;
  letter-spacing: -0.05em;
}

.list-login.prf.myp {
  margin-left: 50px;
}

.dropdown .btn-mypage.myp {}

.dropdown-content.myp {
   min-width: 165px;
  }

.dropdown-content.myp2 {
  min-width: 165px;
}

.mem_form .Item .tb tr td .bt-check.myp {
  cursor: default;
  background-color: #BCBEC0;
}

.mem_form.mypage.myp {
  height: 780px;
}

.mem_container .mem_info_contents.myp {
  height: 1100px;
}

/* 클라이언트 관리총괄 - 프로젝트담당 */
.sub-head-wrap ul.myp {
  width: 1200px;
  height: 60px;
  margin: 0 auto;
  padding-left: 330px;
}

.sub-head-wrap ul > li.myp {
  margin-right: 93px;
}

/* 아이디, 비번찾기 */

.contents-body.cf {
  padding: 20px 0;
}

.contents-body-box {}
.contents-body-box p {
  font-family: Pretendard-Bold;
  font-size: 24px;
  margin-bottom: 18px;
}
.contents-body-box .guide-text {
  font-family: Pretendard-Medium;
  font-size: 15px;
  margin-bottom: 40px;
}

.contents-body-box.pw {
  height: 270px;
}

.contents-body-box.re_pw {
  height: 270px;
  margin-left: 200px;
}

.contents-body-box img {
  margin-top: 30px;
  margin-bottom: 30px;
}

.guide-text {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 55px;
}

.guide-text span {
  display: inline-block;
  font-family: Pretendard-Bold;
  font-size: 33px;
  color: #464b56;
  margin-bottom: 30px;
}

.confirm-btn {
  width: 376px;
  height: 54px;
  background-color: #0165FF;
  border-radius: 6px;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.mem_container .main-box .mem_contents_body .info-box.leave .confirm-btn {
  width: 274px;
  font-size: 18px;
}
.mem_container .mem_info_contents .mem_contents_header .title-txt {
  float: left;
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #414042;
  margin-top: 40px;
  margin-bottom: 20px;
}

.mem_container .mem_info_contents .mem_contents_header .title-txt span {
  display: inline-block;
  font-family: Pretendard-Regular;
  font-size: 16px;
  margin-top: 10px;
  /* color: #FF7F00; */
}
.mem_container .mem_info_contents .mem_contents_header .title-txt span.prj_ct {  
  color: #414042;
}

.mem-id-box {
  width: 310px;
  height: 70px;
  text-align: center;
  border-bottom: 0.75px solid #BCBEC0;
  margin: 0 auto;
  font-family: Pretendard-Bold;
  font-size: 33px;
  color: #141516;
  padding-top: 15px;
}

.mem-id-input {
  margin: 10px auto;
}

.mem-id-input .pwbox {
  margin: 20px auto;
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #141516;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mem-id-input .pwbox span.vital {
  color: #ff0000;
  padding: 0 3px;
}
.mem-id-input input {
  width: 346px;
  height: 22px;
  display: inline-block;
}

.mem-id-input input[type="password"] {
  margin-left: 10px;
  width: 342px;
}

.confirm-btn.pw {
  margin-top: 90px;
  margin-left: 189px;
  width: 405px;
}

.guide-text span.pw {
  font-size: 28px;
  margin-left: -82px;
  font-family: Pretendard-Bold;
}

/* 팝업창 */
.popup {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
}

.popup.active {
  /* display: block; */
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.notice_popup {
  width: 500px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 30px;
}

.notice_popup .close {
  float: right;
  cursor: pointer;
  opacity: 0.4;
  text-align: right;
}
.notice_popup .close img {width: 18px;}
.notice_popup .notice-text {
  float: left;
  font-family: Pretendard-Bold;
  font-size: 24px;
  line-height: 30px;
  margin-top: 15px;
  margin-bottom: 30px;
  margin-left: 80px;
}
.notice_popup .close-btn {
  clear: both;
  width: 175px;
  height: 38px;
  background-color: #75a5bf;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 17px;
  color: #fff;
  padding: 10px;
  margin-left: 125px;
  cursor: pointer;
}

.notice_popup.stipPup {
  width: fit-content;
  height: 800px;
  overflow-y: auto;
}

.notice_popup.stipPup.mobile {
  height: 1400px;
}

.notice_popup.stipPup .tit {
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
  height: 39px;
}

.notice_popup.recmm {
  height: 230px;
  margin: 330px auto;
}

.notice_popup.recmm.mobile {
  height: 13vh;
  width: 24vh;
}

.notice_popup.recmm.mobile2 {
  height: 18vh;
  width: 30vh;
}

.notice_popup.recmm .titImg {
  font-family: Pretendard-Bold;
  font-size: 30px;
  color: #141516;
  text-align: center;
  padding: 10px 0;
}

/* 내프로필관리 - 이력서  */

.tab-type1 {
  display: inline-block;
  width: 1200px;
  margin: 0 auto;
  margin-top: 75px;
  margin-bottom: 20px;
}

.tab-type1 .tab {
  display: flex;
  justify-content: space-between;
}

.tab-type1 .tab img {}

.tab-type1 ul.tab li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 385px;
  height: 50px;
  color: #141516;
  background-color: #fff;
  border-radius: 8px;
  border-bottom: none;
  font-family: Pretendard-Bold;
  font-size: 22px;
  text-align: center;
  cursor: pointer;
}

.tab-type1 ul.tab li.on {
  background-color: #0165ff;
  color: #fff;
}

.tab-type1 ul.tab li.on img {
  filter: invert(55%) sepia(66%) saturate(3593%) hue-rotate(181deg) brightness(100%) contrast(103%);
}
/*CHM add*/
.tab-type1 ul.tab li:last-child {
  float: right;
  margin-right: 0px;   
}
/*미등록항목알람*/
.tab-type1 ul.tab li .alarm {
  display: none;
}  
.tab-type1 ul.tab li .alarm.show {
  display: block;
  position: absolute;
  top: 135px;
}
.tab-type1 ul.tab li .alarm.show img {
  filter: none;
}
.tab-type1 ul.tab li .alarm.show p {
  position: absolute;    
  top: 10px; 
  left: 40px; 
  font-size: 14px;
  color: #fff;
}

.contents-body.tab {
  margin-top: -3px;
  margin-bottom: 50px;
  flex-direction: column;
  border-radius: 8px;
}

.my-resume {
  float: left;
  margin: 30px auto;
  width: 100%;
}

.my-resume .photo {
  float: left;
  margin: 10px 70px 30px 132px;
  text-align: center;
  line-height: 22px;
  font-family: Pretendard-Medium;
  font-size: 14px;
  color: #BCBEC0;
}

.my-resume .photo .img {
  width: 180px;
  height: 180px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  overflow: hidden;
}

.my-resume .photo .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.my-resume .photo .img-attach {
  width: 180px;
  height: 37px;
  border: 1px solid #bcbec0;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 17px;
  padding-top: 7px;
  margin-top: 16px;
  margin-bottom: 10px;
  cursor: pointer;
}

.my-resume .info-text {
  float: left;
  font-size: 14px;
  color: #58595b;
  transform: skew(-0.1deg);
  margin-left: 148px;
  margin-top: -30px;
}

.my-resume .info-text .personal-info_btn {
  float: right;
  width: 140px;
  height: 26px;
  text-align: center;
  border: 1px solid #6d6e71;
  border-radius: 1.5em;
  padding: 5px;
  font-family: Pretendard-Regular;
  color: #141516;
  margin-top: -6px;
  margin-left: 75px;
  cursor: pointer;
}

.my-resume .info {
  float: left;
}

.my-resume .info.plus {
  margin-bottom: 30px;
}

.my-resume .info th {
  font-size: 18px;
  color: #141516;
  text-align: left;
}

.my-resume .info input[type="text"] {
  width: 490px;
}

.my-resume .info > .filebox {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: 0.3em;
    font-family: Pretendard-Bold;
    font-size: 18px;
    color: #141516;
    padding: 5px 0px 10px 0px;
    margin-top: -22.5px;
}
.my-resume .info .filebox input[type="text"] {
    width: 252px;
    background-color: #e6e7e8;
  }

.my-resume .info td {
  text-align: left;
  padding: 8px 0 8px 8px;
}

.my-resume .info td input.gender {
  background-color: #fff !important;
  border: none;
}

.my-resume .filebox {
  display: inline-block;
  width: 930px;
  height: 175px;
  margin: 0 125px;
  border: 1px dotted #6d6e71;
  border-radius: 0.3em;
  padding: 30px 0px 30px 40px;
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #141516;
}

.my-resume .filebox input {
  width: 252px;
  height: 24px;
  margin-top: 22.5px;
  font-size: 15px;
  color: #141516;
  transform: skew(-0.1deg);
}

.my-resume .filebox input:read-only {
  background-color: #fff;
}
.my-resume .filebox img.file_search {
  vertical-align: middle;
  margin-top: 22px;
  margin-left: -5px;
  cursor: pointer;
}

.my-resume .filebox img.excel_download {
  vertical-align: middle;
  margin-top: 22px;
  margin-right: 10px;
  cursor: pointer;
}

.my-resume .filebox .kosabox {
    width: 246px;
    height: 175px;
    float: right;
    margin-top: -49px;
    border-left: 1px dotted #6d6e71;
    margin-right: 10px;
}

.my-resume .filebox .kosabox img {
  margin-left: 20px;
  margin-top: 70px;
  cursor: pointer;
}

.my-resume .filebox .excel_download_notice {
  font-size: 14px;
  margin-top: 24px;
}

.my-resume .filebox .excel_download_notice span {
  font-family: Pretendard-Bold;
  color: #258E57;
}

.my-resume .filebox-line {
  width: 930px;
  margin-top: 30px;
  margin-left: 125px;
  border-bottom: 1px solid #6d6e71;
}

.my-resume .filebox-notice {
  width: 930px;
  font-size: 15px;
  color: #939598;
  transform: skew(-0.1deg);
  line-height: 25px;
  margin-top: 18px;
  margin-left: 125px;
  padding: 10px 0 30px 0;
  border-bottom: 1px solid #6d6e71;
}

.resume-box {
  display: inline-block;
  width: 932px;
  margin: 0 125px;
  padding: 30px 0;
  border-bottom: 1px solid #6d6e71;
}

.resume-box.tech {
  border-top: 1px solid #6d6e71;
  border-bottom: none;
  margin-top: 20px;
}

.resume-box.prj {
  padding : 4px 0;
  border : none;
}

.my-resume .tit {
  font-family: Pretendard-Bold;
  font-size: 21px;
  color: #141516;
  line-height: 29px;
}

.my-resume .tit span {
  display: inline-block;
  font-family: Pretendard-Regular;
  font-size: 14px;
  color: #939598;
  margin-bottom: 10px;
}

.my-resume .tit span.btm {
  margin-bottom: 0;
  margin-left: 15px;
  transform: skew(-0.1deg);
}

.my-resume textarea {
  border: 1px solid #d7d7d7;
  padding: 15px;
  width: 100%;
  height: 183px;
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #141516;
  text-align: left;
  line-height: 30px;
  /* 커서 깜빡임 */
  /* transform: skew(-0.1deg); */
}

.my-resume .info td.tech {
  padding: 5px 0px 10px 0px;
}

.my-resume .info td input[type="text"].tech {
  width: 250px;
}

.levelbox {
  display: inline-block;
  width: 638px;
  height: 35px;
  padding: 6px;
  border-bottom: 1px dotted #6d6e71;
  vertical-align: middle;
}

.levelbox input[type="radio"] + label {
  margin-left: 10px;
  margin-right: 15px;
}

.levelbox img {
  float: right;
  width: 26px;
  margin-top: 5px;
  margin-right: -12px;
  cursor: pointer;
}

.plus-btn {
  width: 86px;
  height: 43px;
  margin: 0px auto;
}

.plus-btn img {
  margin-top: 20px;
  cursor: pointer;
}

.resume-box .info.prj label {
  margin-right: 30px;
}

.resume-box.job {
  border-top: 1px solid #6d6e71;
  border-bottom: none;
  margin-top: 20px;
}

.resume-box.job input[type="checkbox"] {
  width: 14px;
  height: 15px;
  margin-bottom: 15px;
}

.resume-box.job input[type="checkbox"] + label {
  margin-right: 30px;
  font-family: Pretendard-Bold;
  font-size: 17px;
}

.resume-box.special {
  border-top: 1px solid #6d6e71;
  border-bottom: none;
  margin-top: 20px;
}

.my-resume .info td.special {
  padding-top: 10px;
  padding-left: 0;
}

.my-resume .info td.special .select_wrap.special {
  width: 254px;
  margin-left: 0;
  margin-right: 7px;
}

.my-resume .info td.special .select_wrap.special select,
option {
  width: 210px;
  max-width: 210px;
  min-width: 210px;
}

.levelbox.special {
  width: 388px;
}

.my-resume .info input[type="text"].school {
  width: 426px;
}

.my-resume .info td .select_wrap.school {
  width: 113px;
  margin-left: 0;
  margin-right: 7px;
}

.my-resume .info td .select_wrap.school select,
option {
  width: 69px;
  max-width: 69px;
  min-width: 69px;
}

.my-resume .info td .select_wrap.schclass {
  width: 162px;
}

.my-resume .info td .select_wrap.schclass select,
option {
  width: 118px;
  max-width: 118px;
  min-width: 118px;
}

img.cancel {
  cursor: pointer;
  vertical-align: middle;
  width: 26px;
  right: -13px;
  position: relative;
}

th.schclass {
  display: inline-block;
  letter-spacing: 1.3em;
  margin-left: 5px;
  margin-right: -10px;
}

th.major {
  display: inline-block;
  letter-spacing: 0.2em;
  text-align: right;
}

.my-resume .info input[type="text"].major {
  width: 225px;
}

.my-resume .info td .select_wrap.year {
  width: 113px;
}

.my-resume .info td .select_wrap.year select,
option {
  width: 70px;
  max-width: 70px;
  min-width: 70px;
}

.special span.year {
  font-size: 18px;
  color: #141516;
  margin-left: 20px;
  margin-right: 20px;
}

.my-resume .info td .select_wrap.month {
  width: 113px;
  margin-left: -7px;
}

.my-resume .info td .select_wrap.month select,
option {
  width: 62px;
  max-width: 62px;
  min-width: 62px;
}

th.year {
  padding-left: 3px;
  letter-spacing: -0.06em;
}

tr.underline {
  border-bottom: 1px dotted #666;
}

.license_search {
  float: left;
  position: relative;
  padding: 13px 0 10px 0;
  width: 937px;
}

.license_search .auto_complete {
  float: left;
  position: relative;
  width: 315px;
  box-sizing: content-box;
}

.license_search .auto_complete .search_input {
  display: inline-block;
  position: relative;
}

.license_search .auto_complete .search_input .icon_search {
  position: absolute;
  display: inline-block;
  cursor: default;
  width: 18px;
  height: 17px;
  left: 285px;
  top: 10px;
}

.license_search .auto_complete .search_input input[type="text"] {
  width: 280px;
  height: 24px;
  margin-top: 0px;
}

.license_search .auto_complete .auto_complete_result {
  display: none;
  position: absolute;
  width: 312px;
  border: 1px solid #666;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  z-index: 500;
  border-top: none;
}

.license_search .auto_complete .auto_complete_result.show {
  display: block;
}

.license_search .auto_complete .auto_complete_result .auto_complete_list {
  padding: 8px 10px;
  height: 153px;
  overflow-y: auto;
  font-family: Pretendard-Regular;
  font-size: 14px;
  line-height: 24px;
}

.license_search .license_agency {
  float: left;
  font-size: 17px;
  color: #141516;
  text-align: left;
  transform: skew(-0.1deg);
}

.license_search .license_agency input[type="text"] {
  width: 253px;
  height: 24px;
}

.license_search .license_agency img {
  vertical-align: middle;
  cursor: pointer;
}

.license_search .license_agency .file {
  display: inline-block;
  height: 35px;
  overflow: hidden;
  vertical-align: middle;
}

.my-resume .info .select_wrap.lic {
  width: 88px;
}

.my-resume .info .select_wrap.year {}

.my-resume .info .select_wrap.year select,
option {
  width: 62px;
  min-width: 62px;
  max-width: 62px;
}

.my-resume .info .select_wrap.lic:last-child {
  margin-left: 0;
  margin-right: 0;
}

.my-resume .info .select_wrap.lic select,
option {
  width: 45px;
  max-width: 45px;
  min-width: 45px;
}

img.lic {
  margin-left: 8px;
  cursor: pointer;
}

th.school {
  letter-spacing: -0.06em;
}

th.major {
  letter-spacing: 0.45em;
}

.my-resume .info input[type="text"].edu {
  width: 130px;
}

.my-resume .info td.edu {
  font-size: 17px;
  color: #141516;
  transform: skew(-0.1deg);
  padding-left: 0;
}

img.edu {
  vertical-align: middle;
  cursor: pointer;
  width: 26px;
  right: -13px;
  position: relative;
}

.license_search.docu {
  border-bottom: none;
}

.levelbox.docu {
  width: 195px;
}

.my-resume .info input[type="text"].docu {
  width: 240px;
}

img.docu {
  width: 100px;
  height: 35px;
  vertical-align: middle;
  margin-left: -5px;
  cursor: pointer;
}

.resume-box.awards {
  border-top: 1px solid #6d6e71;
  margin-top: 20px;
}

textarea.awards {
  margin-top: 15px;
}

.resume-box.req {
  border: none;
}

th.emptype {
  font-family: Pretendard-Bold;
}

.my-resume .info td.emptype {
  padding: 0 40px;
  vertical-align: middle;
}

td.emptype input[type="checkbox"] + label {
  margin-right: 20px;
  font-size: 17px;
}

.my-resume input[type="text"].cpname {
  width: 290px;
}

.my-resume input[type="text"].position {
  width: 100px;
}

.select_wrap.cpname {
  width: 179px;
}

.select_wrap.cpname select,
option {
  width: 135px;
  max-width: 135px;
  min-width: 135px;
}

th.charge {
  letter-spacing: -0.09em;
}

.my-resume input[type="text"].charge {
  width: 211px;
}

td.charge {
  font-size: 18px;
  color: #141516;
  letter-spacing: -0.08em;
}

td.charge p {
  display: inline-block;
  padding: 0 10px;
}

.notice-frame {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  margin-top : -20px;
  padding: 13px 0 16px 0;
  /* width: 937px; */
  width: inherit;
  background-color: #f9ec93;
  border-radius:8px;
}

.notice-frame p {
  position: relative;
  /* top: 85px; */
  /* left: 150px; */
  font-size: 17px;
  line-height: 30px;
  padding: 20px 50px;
  white-space: pre-wrap;
}

.notice-frame p .warning{
  width: 18px;
  margin-right: 10px;
}

.notice-frame p span.tit {
  font-family: Pretendard-Bold;
  font-size: 22px;
  margin-left: 0;
  line-height: 55px;
}

img.close {
  position: absolute;
  top: 60px;
  right: 20px;
  cursor: pointer;
}

.my-resume .info input[type="text"].prjname {
  width: 200px;
}

.my-resume .info td.project {
  padding-left: 0;
  font-size: 18px;
  color: #141516;
  letter-spacing: -0.08em;
}

.my-resume .info td.project p {
  display: inline-block;
  padding: 0 9px;
}

.checkbox {
  display: inline-block;
  padding: 0 9px;
}

.my-resume .info td .select_wrap.prj {
  width: 229px;
}

.my-resume .info td .select_wrap.prj select,
option {
  width: 185px;
  max-width: 185px;
  min-width: 185px;
}

.my-resume .info input[type="text"].task {
  width: 432px;
}

.my-resume .info input[type="text"].duty {
  width: 200px;
}

.my-resume .info input[type="text"].devp {
  width: 120.5px;
}

.mem_container.resume {}

#wrap .my-resume .atchResmFile {
  display: inline-block;
  border-top: 1px solid #6D6E71;
  border-bottom: 1px solid #6D6E71;
  width: 932px;
  padding: 30px 0px;
  margin: 0 125px;
}
#wrap .my-resume .atchResmFile p {
  font-family: Pretendard-Bold;
  font-size: 21px;
  color: #141516;
  margin: 20px 0;
}
#wrap .my-resume .atchResmFile .kosa-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  width: 205px;
  height: 38px;
  background-color: #0165ff;
  font-family: Pretendard-Medium;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
#wrap .my-resume .atchResmFile .kosa-btn span {
  margin: 0 3px;
}
#wrap .my-resume .atchResmFile p.ref {
  display: inline-block;
  font-family: Pretendard-Medium;
  font-size: 14px;
  line-height: 18px;
  color: #141516;
}
#wrap .my-resume .atchResmFile p.ref span {
  display: block;
  color: #0165FF;
}
#wrap .my-resume .atchResmFile .regiAgency {
  margin-top:38px;
  float: left;
}

#wrap .my-resume .atchResmFile .atchFileArea {
  display: flex;
  float: left;
  margin-right: 20px;
}

#wrap .my-resume .atchResmFile .atchFileArea .fileSelect {
  display: flex !important;
}

#wrap .my-resume .atchResmFile .atchFileArea input[type="text"] {
  width: 450px;
  background-color: #e6e7e8;
}

/* 이력서 등록대행 */
.resmAgnc {
  width: 100%;
}
.resmAgnc .box {
  display: flex;
  flex-direction: column;
}
.resmAgnc .box.default {
  background-color: #FFFFFF;
}
.resmAgnc .box.blue {
  background-color: #50A6F5;
}
.resmAgnc .box.resmPtn {
  background-image: url('/images/resume_04_bg.png');
}
.resmAgnc .box.kakaoSync {
  background-color: #FFFFFF; 
  background-image: url('/images/kakao_sync_bg.png');
  background-repeat: no-repeat;
  background-position: center;  
  height: 1030px;
}
.resmAgnc .box.fileUpload {
  background-color: #FFFFFF; 
  background-image: url('/images/file_upload_bg.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 1030px;
}
.resmAgnc .box img {
  margin: 0 auto;
}
.resmAgnc .box.kakaoSync img {
  height: 156px;
  width: 635px;
  margin: 680px auto 0;
}
.resmAgnc .box.fileUpload img {
  height: 128px;
  width: 625px;
  margin: 690px auto 0;
}
.resmAgnc .box.imgBtn img {
  cursor: pointer;
}
.resmAgnc .box.imgBtn .fileName {
  margin: 20px auto 0;
  font-size: 25px;
  font-weight: bold;
}


/* 소속사 관리 팝업 */ 
.notice_popup.prj_itv.state.asgMng {
  width: 800px;
  height: auto; 
  padding: 60px;
}

.notice_popup.prj_itv.state.asgMng {
  /* width: 880px;  */
  width: 800px;
  height: auto; 
  padding: 60px;
}

.notice_popup.prj_itv.state.asgMng .tit {
  font-size: 25px;
}

.notice_popup.prj_itv.state.asgMng table th{
  font-size: 18px;
  font-family: Pretendard-Bold;
}

.notice_popup.prj_itv.state.asgMng table tr td{
  font-size: 17px;
}

.notice_popup.prj_itv.state.asgMng .subCont {
  font-size: 19px;
  border-top: 1px solid #58595B;
  text-align: center;
  margin-top: 32px;
  padding-top: 32px;
  padding-bottom: 12px;
}

.notice_popup.prj_itv.state.asgMng .select-btn {
  margin-top: 17px;
}

.notice_popup.prj_itv.state.asgMng .notice_box {
  margin-top: 37px;
} 

.notice_popup.prj_itv.state.asgMng .notice_box .tit {
  font-family: Pretendard-Bold;
}

.notice_popup.prj_itv.state.asgMng .notice_box p {
  margin-bottom: 10px;
} 

/* 내프로필 - 이력서 kosa 경력관리 조회 팝업 */
.kosa-popup {
  width: 560px;
  height: 300px;
  padding: 30px;
  text-align: left;
  box-sizing: content-box;
  background-color: #fff;
  border-radius: 10px;
}

.kosa-popup .close {
  float: right;
  cursor: pointer;
  opacity: 0.4;
}
.kosa-popup .close img {
  width: 18px;
}

.kosa-popup .tit {
  font-family: Pretendard-Bold;
  font-size: 28px;
  padding: 20px 0 10px 23px;
  text-align: center;
}

.kosa-popup .guide {
  font-family: Pretendard-Bold;
  font-size: 18px;
  line-height: 23px;
}

.kosa-popup .loginform {
  width: fit-content;
  margin: 40px auto;
}

.kosa-popup .loginform .formlist {
  margin-bottom: 10px;
  font-size: 17px;
}

.kosa-popup .loginform .formlist span {
  display: inline-block;
  width: 120px;
}

input.kosa {
  width: 150px;
}

.kosa-popup .btn {
  display: flex;
}

.kosa-popup .btn .search {
  font-family: Pretendard-Bold;
  font-size: 17px;
  padding: 13px 30px;
  border-radius: 6px;
  background: #0165FF;
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
  width: 302px;
}

/* 내프로젝트 - 내프로젝트 목록 */
.title-txt p {
  display: inline-block;
  font-family: Pretendard-Regular;
  font-size: 16px;
}

.filter {
  clear: both;
}

.filter .filter_box {
  display: inline-block;
  width: 1000px;
  margin: 0 auto;
}

.filter .filter_box ul {
  padding: 15px 0 23px 0;
}

.filter .filter_box ul li {
  float: left;
  font-family: Pretendard-Bold;
  font-size: 14px;
  transform: skew(-0.1deg);
  color: #414042;
}

.filter .filter_box ul li p {
  display: inline-block;
  cursor: pointer;
}

.filter .filter_box ul li span {
  margin-left: 20px;
  margin-right: 20px;
}

.filter .filter_box ul li img {
  margin-right: 8px;
  display: none;
}

.filter .filter_box ul li img.filter {
  display: inline-block;
}

.filter .search_box {
  display: inline-block;
}
.filter .search_box .box-line, 
.contents-body.tecprj .search-box .box-line {
  display: inline-flex;
  position: relative;
  padding: 2px 15px;
  border: 1px solid #D6D7D8;
  border-radius: 25px;
  background: #fff;
}

input.search_box {
  width: 545px;
}

.filter .search_box .search_btn {
  position: absolute;
  top: 10px;
  right: 18px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
}

.profile_box {
  display: block;
  padding: 0 20px;
  text-align: center;
  float: left;
}

.profile_box.my {
  margin-left: 30px;
}

.profile_box .image_box {
  width: 150px;
  height: 150px;
  border-radius: 70%;
  overflow: hidden;
  float: left;
  margin-bottom: 20px;
}

.profile_box .image_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile_box .name {
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #141516;
}

.profile_box .name span.age {
  font-family: Pretendard-Medium;
  font-size: 15px;
  color: #939598;
  display: flex;
  justify-content: center;
  padding: 5px 0;
}

.profile_box .prj_state {
  margin-top: 40px;
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
}

.profile_box .prj_state ul {
  padding-left: 37px;
}

.profile_box .prj_state ul li {
  list-style: square;
  text-align: left;
  margin-bottom: 15px;
}

.profile_box .prj_state ul li span.perform {
  letter-spacing: 0.37em;
}

.profile_box .pro-point {
  display: flex;
  flex-direction: column;
  margin: 30px auto;
  cursor: pointer;
}
.profile_box .pro-point .amount {
  font-family: Pretendard-Bold;
  font-size: 28px;
  color: #0166FF;
}
.profile_box .pro-point .amount:hover {
  opacity: 0.4;
}
.profile_box .pro-point span {
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #141516;
  margin: 8px auto;
}
.profile_box .pro-point .amount_history {
  font-family: Pretendard-Bold;
  font-size: 14px;
  transform: skew(-0.1deg);
  padding: 5px 5px;
  border: 1px solid #bcbec0;
  text-align: center;
  border-radius: 15px;
  cursor: pointer;
}


.project_box {
  display: flex;
  align-items: center;
  width: 1200px;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 8px 0 rgba(0,0,0,.16);
}
.project_box > .no {
  width: 120px;
  font-family: Pretendard-Bold;
  font-size: 16px;
  position: relative;
  display: block;
  text-align: center;
}
.project_box .prj_pf {
  position: relative;
  width: 100%;
  padding: 35px 65px;
  border: 1px solid transparent;
}

.project_box .prj_pf.none {
  font-size: 22px;
  color: #939598;
  text-align: center;
  padding: 120px 0;
  margin-left: 108px;
}

.project_box .prj_pf .no {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  width: 30px;
}
.project_box .prj_pf .state_mark {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0165FF;
  border: 1px solid #0165FF;
  font-family: Pretendard-Bold;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  min-width: 65px;
  padding: 4px 8px;
  margin-right: 8px;
}

.project_box .prj_pf .state_mark.ep {
  background-color: #CCF7FF;
  border: 1px solid #CCF7FF;
  color: #141516;
}

.project_box .prj_pf .state_mark.cp {
  background-color: #E6E7E8;
  border: 1px solid #E6E7E8;
  color: #141516;
}
.project_box .prj_pf .state_mark.bp {
    background: #231f20;
    color: #fff;
}

.project_box .prj_pf .prj_contents {
  display: inline-block;
  width: 760px;
}

/*CHM edit - 프로젝트 박스*/
.project_box .prj_pf .prj_contents .int_box {}
.project_box .prj_pf .prj_contents .regi .tit {
    float: left;    
    font-family: Pretendard-Bold;
    font-size: 20px;
    color: #141516;
    margin-top: 10px;
    margin-bottom: 10px;
}
.project_box .prj_pf .prj_contents .regi .tit.int_prj {
    font-family: Pretendard-Bold;
    font-size: 15px;
    color: #5B5B5B;
}
.project_box .prj_pf .prj_contents .regi .tit.int_prj.sco_mark {
    font-size: 12px;
    font-weight: 700;
    border: 2px solid;
    border-radius: 16px;
    padding: 4px 10px;
    margin-top: 6px;
    margin-left: -20px;
    margin-right: -20px;
    width: 103px;
    text-align: center;
    margin-bottom: 0;
}
.project_box .prj_pf .prj_contents .regi .name {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
    font-family: Pretendard-Bold;
    font-size: 24px;
    color: #0165FF;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.project_box .prj_pf .prj_contents .list-view.int_prj {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.project_box .prj_pf .prj_contents .list-view.int_prj .list {
    display: inline-flex;
}

/**/

.itv-outline .prj_contents {
  display: inline-block;
}
.itv-outline .prj_contents .int_box {
    font-size: 16px !important;
}
.itv-outline .prj_contents .int_box .list-view .list.text {
    width: 444px;
}

/* 내 프로젝트 - 참여프로젝트 기존style
.project_box .prj_pf .prj_contents p {
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  margin-bottom: 20px;
}

.project_box .prj_pf .prj_contents p img {
  margin-left: 20px;
  vertical-align: middle;
}

.project_box .prj_pf .prj_contents p span {
  font-family: Pretendard-Regular;
  font-size: 16px;
  padding-left: 30px;
}

.project_box .prj_pf .prj_contents p span.p0 {
  padding-left: 0;
  letter-spacing: 0.85em;
  font-family: Pretendard-Bold;
}

.project_box .prj_pf .prj_contents p span.p1 {
  padding-left: 0;
  letter-spacing: 0.28em;
  font-family: Pretendard-Bold;
}

.project_box .prj_pf .prj_contents p span.prj_name {
  font-family: Pretendard-Bold;
  font-size: 20px;
  cursor: pointer;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: inline-block;
  width: 380px;
  vertical-align: bottom;
}

.project_box .prj_pf .prj_contents p span.customer {
  padding-left: 17px;
}

.project_box .prj_pf .prj_contents p span.name {
  padding-left: 0px;
}

.project_box .prj_pf .prj_contents p span.location {
  padding-left: 5px;
  font-size: 15px;
  color: #BCBEC0;
}

.project_box .prj_pf .prj_contents p span.period {
  padding-left: 26px;
}

.project_box .prj_pf .prj_contents p span.outline {
  display: inline-block;
  padding-left: 0;
  margin-left: -10px;
  margin-top: -5px;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: text-top;
  font-size: 15px;
  color: #141516;
  line-height: 25px;
}

.project_box .prj_pf .prj_contents p span.p2 {
  padding-left: 0;
  letter-spacing: 2.5em;
  font-family: Pretendard-Bold;
}
*/

.project_box .prj_pf .prj_rate {
  float: right;
}
.project_box .prj_pf .prj_rate .ptcp_period {
  color: #414042;
}
.project_box .prj_pf .prj_rate .ptcp_period .tit {
  display: inline-block;
  font-family: Pretendard-Bold;
  font-size: 14px;
  background-color: #F1F2F2;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 8px 10px;
  min-width: 70px;
  text-align: center;
}
.project_box .prj_pf .prj_rate .ptcp_period .tit.blue {
  background-color: #0165FF;
  color: #fff;
  letter-spacing: 0.1em;
}
.project_box .prj_pf .prj_rate .ptcp_period span.date {
  font-family: Pretendard-Medium;
  font-size: 16px;
}
.project_box .prj_pf .prj_rate .ptcp_period span.date.blue {
  color: #0165FF;
}

.paging.prj {
  margin-left: 95px;
}

/* 클라이언트_회원유형선택(1단계) */
.select-box {
  margin-top: 50px;
}

span.account {
  font-size: 18px;
  color: #414042;
  font-family: Pretendard-Bold;
  margin: 0 30px;
}

input.account + label {
  font-size: 18px;
  font-weight: bold;
}

input[type="radio"].account + label span {}

input.account {
  vertical-align: middle;
}

.phone-info.account {
  color: #808083;
  top: 150px;
  line-height: 24px;
}

.phone-btn.account {
  margin-top: 0;
}

.mem_container .main-box .mem_contents_body .info-box .phone-img.account {}

.mem_container .main-box .mem_contents_body .info-box.account {
  height: 450px;
}

p.account {
  font-size: 23px;
  color: #141516;
  margin: 70px 80px;
}

/* IT프로_회원가입_NCS 직무자가평가 평가화면(평가전)  */
.duty-box {
  display: inline-block;
  width: 960px;
  margin: 0 auto;
  padding: 30px 0;
}

.duty-box .tit {
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
  line-height: 42px;
}
.duty-box .tit.blue {
  color: #0165FF;
}

.duty-box .intro {
  text-align: center;
  font-size: 20px;
  color: #58595b;
  line-height: 30px;
}

.my-ncs {
  float: left;
  padding: 60px 0; 
  width: 100%;
  background-color: #CCF7FF;
}

.my-ncs .my-ncs-tit {
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 30px;
  color: #0165FF;
}

.my-ncs-tit span.ps {
  font-family: Pretendard-Regular;
  font-size: 17px;
  color: #414042;
  margin-left: 10px;
}

.ncs-section {
  display: flex;
  width: 960px;
  margin: 30px auto;
}

.ncs-clas {
  float: left;
  width: 230px;
  margin-right: 10px;
  background-color: #fff;
  padding: 15px 10px;
  border-radius: 5px;
}

.ncs-clas:last-child {
  margin-right: 0;
}

.ncs-clas .clas-tit {
  font-family: Pretendard-Bold;
  font-size: 22px;
  color: #414042;
  padding-left: 10px;
}

.select_wrap.clas {
  margin-top: 20px;
  width: 210px;
}

.select_wrap.clas select,
option {
  width: 167px;
  min-width: 167px;
  max-width: 167px;
  font-size: 15px;
  transform: skew(-0.01deg);
}

.ncs-add_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;  
  width: 960px;  
  text-align: center;
  cursor: pointer;
}

.duty-box.notice {
  border: 1.5px solid #6D6E71;
  border-radius: 5px;
  margin: 15px auto;
}

.duty-box.notice .intro {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #BCBEC0;
  line-height: 30px;
  padding-left: 55px;
  text-align: left;
}

.duty-box.notice .intro .ico_info {
  display: inline-block;
  width: 27px;
  height: 27px;
  background-color: #fff;
  border-radius: 30px;
  color: #fff;
  text-align: center;
  padding: 0;
}

.duty-box.notice .intro .ico_info.red {
  background-color: #FF7F00;
}

.duty-box .tit.write {
  display: inline-block;
  font-family: Pretendard-Bold;
  text-align: left;
  font-size: 24px;
  color: #fff;
  background-color: #0165FF;
  padding: 0 18px;
  border-radius: 5px;
}

.duty-box .intro.write {
  font-family: Pretendard-Bold;
  text-align: left;
  margin-top: 10px;
  font-size: 20px;
  color: #0165FF;
}

.duty-box .intro.write.mt {
  margin-top: 0;
}

.duty-box .tit.result {
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
  text-align: left;
}

.duty-box.result .tit.result {
  margin-top: -40px;
}

.select_btn {
  clear: both;
  margin: 0 auto;
  text-align: center;
}

.select_btn > div {
  display: inline-block;
  width: 270px;
  height: 50px;
  padding: 17px 0;
  background-color: #BCBEC0;
  border-radius: 8px;
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  margin-right: 15px;
}

.select_btn > div:nth-of-type(2) {
  background-color: #0165FF;
}

.select_btn > div:last-child {
  margin-right: 0;
}

.select_btn .btn_del {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #e6e7e8; 
  color: #141516;
  border: 1px solid #141516;
}
.select_btn .btn_del span {
  width: 17px;
  height: 17px;
  margin: 0 5px;
}

/* IT프로_회원가입_NCS 직무자가평가 평가화면(평가후)  */
.duty_bg {
  position: relative;
  width: 1200px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.duty_bg .notice {
  text-align: center;
  margin-top: 70px;
  font-family: Pretendard-Medium;
  font-size: 22px;
  color: #414042;
  line-height: 36px;
}

.duty_bg .ranking-box {
  margin: 65px auto;
  width: fit-content;
}

.duty_bg .ranking-box > div {
  display: inline-block;
}

.duty_bg .ranking-box > div:nth-of-type(1) {
  margin-right: 120px;
}

.my-ncs.after {
  float: left;
  padding: 0 110px;
  width: 100%;
  background-color: #fff;
}

.my-ncs .my-ncs-tit.after {}

.ncs-section.after {
  display: inline-block;
  position: relative;
  margin: 30px 0;
}

.intro span.ex {
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #BCBEC0;
}

.duty-box.result hr {
  display: inline-block;
  width: 960px;
  height: 1px;
  background-color: #1c75bc;
  vertical-align: text-bottom;
  margin-bottom: 5px;
}

.duty-box .intro.write.mt img {
  vertical-align: sub;
  cursor: pointer;
  float: right;
  margin-left: 10px;
}

.Board .Board_type3 tbody tr td.score .btn {
  display: inline-block;
  border: 1px solid #bcbec0;
  border-radius: 20px;
  padding: 2px 12px;
  cursor: pointer;
  font-size: 12px;
}

.statis {
  padding-top: 23px;
  padding-left: 45px;
  font-family: Pretendard-Bold;
  font-size: 17px;
  color: #141516;
}

.statis > div {
  display: inline-block;
}

.statis > div:nth-of-type(1) {
  margin-right: 55px;
}

.statis img {
  float: right;
  cursor: pointer;
  margin-top: -6px;
}

.division {
  display: inline-block;
  margin-top: 35px;
  width: 960px;
  height: 20px;
  border-bottom: 1.5px dotted #6d6e71;
}

.Board .Board_type3.ncs-type {
  table-layout: fixed;
  position: relative;
  width: 100% !important;
  margin-top: 20px;
}

.Board.type3.hide {
  display: none;
}

.duty-box.result {
  position: relative;
  padding-bottom: 0;
  margin-top: 40px;
}

.duty-box.result .Board.type3 {
  margin-top: 0px;
}

.duty-box.result .Board_type3.ncs-type {
  margin-top: 8px;
}

.duty-box.result .rq_btn {
  float: right;
  margin-top: 3px;
  margin-right: 26px;
  border: 1px solid #bcbec0;
  border-radius: 20px;
  padding: 3px 15px;
  cursor: pointer;
  font-family: Pretendard-Regular;
  font-size: 14px;
  color: #141516;
  line-height: 20px;
  transform: skew(-0.1deg);
}

.ranking_img {
  display: inline-block;
  margin-left: 565px;
  margin-top: -45px;
  margin-bottom: 50px;
}

.ranking_img.hide {
  display: none;
}

/* NCS 직무자가평가 - 평가내용조회 팝업 */
.ncs-popup {
  width: 1000px;
  padding: 20px;
  text-align: left;
  box-sizing: content-box;
  background-color: #fff;
}

.ncs-popup .close {
  float: right;
  cursor: pointer;
  opacity: 0.6;
}

.show-box {
  position: relative;
  display: inline-block;
  width: 932px;
  margin: 0 20px;
  padding: 15px 0;
}

.show-box .tit {
  font-family: Pretendard-Bold;
  font-size: 21px;
  color: #6d6e71;
  margin-bottom: 20px;
}

.show-box .Board.type3 {
  max-height: 550px;
  overflow: auto;
  overflow-x: hidden;
  border-top: 4px solid #58595b;
}


.show-box .Board.type3::-webkit-scrollbar {
  width: 20px;
}
.show-box .Board.type3::-webkit-scrollbar-track {
  width: 20px;
  background-image: url(/images/scroll-bg.png);
}
.show-box .Board.type3::-webkit-scrollbar-thumb {
  width: 20px;
  background-image: url(/images/scroll-icon.png);
  background-repeat: no-repeat;
  background-clip: padding-box;
}
.show-box .Board.type3::-webkit-scrollbar-button:vertical:start  {
  background-image: url(/images/scroll-btn-up.png);
}
.show-box .Board.type3::-webkit-scrollbar-button:vertical:end  {
  background-image: url(/images/scroll-btn-down.png);
}

.show-box .Board.type3 thead tr th {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 99;
  border-bottom: hidden;
}

.show-box .Board.type3 thead tr th:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  bottom: -1px;
  background-color: #b0b0b1;
}

/* 내프로젝트 - 수행중인 프로젝트 상세 팝업 */
.prjdt-popup {
  width: 1200px;
  max-height: 800px;
  padding: 20px 50px;
  text-align: left;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}

.prjdt-popup .close {
  float: right;
  cursor: pointer;
  opacity: 0.4;
}

.show-box.prj {
  position: relative;
  display: inline-block;
  width: 100%;  
  margin: 0;
}

.show-box.prj .date {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  float: right;
  font-family: Pretendard-Bold;
  font-size: 14px;
  color: #5B5B5B;
  height: 22px;
}
.show-box.prj .date .dead {
  display: flex;
  align-items: center;
  color: #FF7F00;
}
.show-box.prj .date .dead div {
  background-color: #FF7F00;
  color: #fff;
  padding: 2px 4px;
  text-align: center;
  margin-left: 6px;
}

.show-box.prj .state-mark {
  display: inline-block;
  font-family: Pretendard-Bold;
  font-size: 14px;
  color: #231f20;
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
  margin-right: 4px;
  min-width: 66px;
}

.show-box.prj .state-mark.pf {
  background-color: #ccf7ff;
  border: 1px solid #ccf7ff;
}

.show-box.prj .state-mark.ep {
  background-color: #0165FF;
  border: 1px solid #FFF;
  color: #fff;
}

.show-box.prj .state-mark.cp {
  background-color: #E6E7E8;
  border: 1px solid #E6E7E8;
  color: #141516;
}

.show-box.prj .state-mark.pf_ep {
  background: #ccf7ff;
  border: 1px solid #ccf7ff;
}

.show-box.prj .state-mark.pf.us {
  background-color: black;
  color : white;
}
.show-box.prj .state-mark.no {
  background-color: red;
  color: #fff;
}
.show-box.prj .state-mark.new {
  width: 62px;
  background-color: #ed4136;
  color: #fff;
  margin-left: 30px;
}

.prj_outline {
  position: relative;
  display: block;
}

.prj_outline .name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width : 100%;
}

.prj_outline .date {
  /* margin: 10px auto; */
}

.prj_outline .date .deadline-text {
  display: inline-block;
  color: #fff;
  background: #FF7F00;
  padding: 5px 12px;
  border-radius: 3px;
}

.prj_outline .name .label.sco {
  border: 2px solid;
  border-radius: 16px;
  padding: 4px 10px;
  margin-left: -15px;
  margin-right: 36px;
  font-size: 14px;
  font-weight: bold;
  float: left;
  margin-top: 0px;
  line-height: 18px;
  color: #141516;
}

.label {
  display: inline-block;
  font-family: Pretendard-Bold;
  font-size: 16px;
  transform: skew(-0.1deg);
  color: #5B5B5B;
  width: 120px;
  vertical-align: middle;
}

.value {
  display: inline-block;
  font-family: Pretendard-Medium;
  font-size: 16px;
  transform: skew(-0.1deg);
  color: #141516; 
  white-space: nowrap; 
}

.value .dutyList {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  max-width: 700px;
  gap: 6px;
}

.value .dutyList .dutyitem {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  height: 30px;
  padding: 0 12px;
  background-color: #eff0f0;
  border-radius: 4px;
  color: #141516;
  font-family: Pretendard-Medium;
  font-size: 16px; 
}

.value.name {
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #0165ff;
  line-height: 30px;
  margin-bottom: 10px;
  /* word-break: keep-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-inline-box; */
  word-break : keep-all;
  max-width: 100%;
  white-space: normal;
}

.value.elpis {
  width: 480px;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

.btn-box {
  float: right;
}

.btn-box .btn {
  position: relative;
  float: left;
  cursor: pointer;
}
/*프로젝트 상세-고객사 로고*/
.btn-box .btn .ci_box {
  display: flex;
  justify-content: center;
  align-items: center;
  top: -192px;
}

.btn-box .btn .ci_box .img {
  width : 80%;
}

.btn-box .btn .sp_hr_btn {
  position: absolute;
  width: 159px;
  height: 28px;
  background: #58595b;
  border-radius: 5px;
  bottom: -35px;
  left: 13px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding-top: 7px;
  padding-left: 5px;
  cursor: pointer;
}

.btn-box .btn p {
  margin-top: -65px;
  font-size: 19px;
  text-align: center;
}

.btn-box .btn:last-child {
  margin-left: 0;
}

.prj_outline.agent .outline {
  margin-bottom: 0px;
}

.prj_outline .outline {
  margin: 16px auto; 
  margin-top: 0;
}

.prj_outline .outline.ranking {
  position: relative;
  margin-bottom: 50px;
}
.prj_outline .outline-btn {
  display: flex;  
  justify-content: center;     
  position: absolute;
  right: 28px;
  top: 240px;
}
.prj_outline .outline-btn .btn {
  cursor: pointer;
}

.prj_outline .outline-btn .ci_box{
  position: absolute;
  height: 160px;
  width: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -170px;
  left: 196px;
}

.prj_outline .outline-btn .ci_box.ci_set{
  position: absolute;
  height: 160px;
  width: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -170px;
  left: 1px;
}

.btn-box.notice {
  margin-top: -190px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.btn-box.notice .btn {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 3px 0;
  cursor: default;
}

.value.text {
  display: -webkit-inline-box;
  width: 457px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: text-top;
}

.value.multiText {
    vertical-align: middle;
    word-break: keep-all;
    /* overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; */
    max-width: 700px;
    white-space: normal;

}

.label.qlif {
  line-height: 20px;
}

.label.qlif.hide {
  color: #fff;
}

.label.bold {
  color: #141516;
}

.filter-b {
  filter: blur(5px);
  opacity: 0.6;
}

.prj_outline .notice_popup.login_move {
    z-index: 1;
    position: absolute;
    border: solid 1px #e0e0e0;
    box-shadow: 0 0 8px 0 #ccd1d6;
    left: 50%;
    transform: translate(-50%, -50%);
}

.prj_outline .notice_popup.login_move .txt {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    margin: 20px auto;
}

.prj_outline .notice_popup.login_move .login_btn{
    margin: 20px auto;
    text-align: center;
    font-family: Pretendard-Bold;
    font-size: 18px;
    color: #fff;
}
.prj_outline .notice_popup.login_move .login_btn > div{
    width: 300px;
    height: 50px;
    background-color: #0165FF;
    display: inline-block;
    border-radius: 6px;
    padding: 16px;
    cursor: pointer;
}

.value.ranking_tit {
  vertical-align: top;
}

.value.ranking {
  position: absolute;
  display: inline-block;
  top: 30px;
  left: 120px;
}

.value.ranking > div {
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 8px 15px;
  font-size: 15px;
  color: #141516;
  transform: skew(-0.1deg);
  background-color: #CCF7FF;
  margin-right: 6px;
  text-align: center;
}

.value.ranking .level {
  width: 150px;
}

.value.ranking .career {
  width: 160px;
}

.value.ranking .deadline-text {
  color: #fff;
  background: #FF7F00;
  border: 1px solid transparent;
  margin-right: 0;
}

.value.ranking > div:nth-of-type(3) {
  background-color: #eff0f0;
  border: 1px solid transparent;
}

.value.ranking span.lev {
  font-family: Pretendard-Bold;
}

.value.ranking span.prd {
  margin-left: 20px;
}

.busi_inform {
  padding: 10px 0;
  margin-top: 20px;
  font-size: 16px;
  transform: skew(-0.1deg);
  color: #141516;
  line-height: 25px;
}

.prj_outline.last {
  border-bottom: none;
}

/* 프로젝트 인터뷰 */
.sub-head-wrap ul li {
  position: relative;
}

.sub_btn-notice {
  display: none;
  position: absolute;
  top: 6px;
  left: 95px;
  width: 27px;
  height: 27px;
  border-radius: 30px;
  background-color: #ef4136;
  color: #fff;
  text-align: center;
  padding-top: 5px;
}

.sub-head-wrap ul li.nt:hover .sub_btn-notice.show {
  display: block;
}

.filter .filter_box ul li p.text {
  margin-right: 35px;
  cursor: default;
}
.itv-box.flex-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.itv-box.flex-box::after {
  display: block;
  content: "";
  clear: both;
}
.itv-box.flex-box .no {
  display: block;
  height: auto;
  padding: 0;
}
.itv-box.flex-box .view {
  display: flex;
  justify-content: space-between;
  align-items: center; 
}
.itv-box.flex-box .view .req {
  display: flex;
}
.itv-box.flex-box .view .req img.itv {
  width: 39px;
  height: 61px;
  padding: 0;
}
.itv-box.flex-box .itv-outline .list-view {
  width: 100%;
}

.itv-box {
  margin-top: 20px;
  margin-bottom: 20px;
}
.itv-box .no {
  display: inline-block;
  height: 290px;
  padding: 130px 0 130px 3px;
  font-family: Pretendard-Bold;
  font-size: 16px;
  text-align: center;
}

.itv-box .view {
  width: 1200px;
  background-color: #fff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .16);
  border-radius: 12px;
  border: 1px solid transparent;
  padding: 35px 65px;
}

.itv-box .view.none {
  font-size: 22px;
  color: #939598;
  text-align: center;
  padding: 130px 0;
}

.view .req {
  display: inline-block;
  width: 760px;
}

.view .req img.itv {
  padding-bottom: 185px;
}

.view .req .itv-outline {
  display: inline-block;
  width: 100%;
}

.view .req .itv-outline .tit {
  float: left;  
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #5B5B5B;
  display: flex;
  align-items: center;
}

.view .req .itv-outline .tit span {
  display: inline-block;
  background-color: #FF7F00;
  border-radius: 4px;
  font-family: Pretendard-Bold;
  font-size: 14px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 4px 8px;
  margin-left: 8px;
  transform: skew(-0.1deg);
  min-width: 65px;
}
.view .req .itv-outline .tit span:nth-of-type(1) {
  margin-left: 0;
}

.view .req .itv-outline .tit span.cp {
  background-color: #E6E7E8;
  border: 1px solid #E6E7E8;
  color: #141516;
}

.view .req .itv-outline .tit span.new {
  font-family: Pretendard-Medium;
  color: #fff;
  height: 22px;
  background-color: #ff7f00;
  border: 1px solid #ff7f00;
  border-radius: 50%;
  text-align: center;
  padding: 3px 5px;
  margin-right: 8px;
  min-width: 22px;
}

.itv-outline .list-view {
  width: 540px;
  float: left;
  margin-bottom: 20px;
}


.list-view .label.ivl04 {
  margin-right: 19px;
}

.list-view .label.ivl05 {
  margin-right: 27px;
}

.list-view .label.ivl03 {
  margin-right: -7px;
}

.list-view .list {
  color: #5B5B5B;
  transform: skew(-0.1deg);
  font-family: Pretendard-Medium;
  font-size: 18px;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 620px;
  vertical-align: middle;
  white-space: nowrap;
}
.list-view .list.ellipsis {
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
  max-width: 400px;
}

.list-view img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin: 2px 4px 2px 15px;
}

.list-view .list .add {
  display: inline-block;
  white-space: nowrap;
}
.list-view .list .loca {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: -webkit-fill-available;
  overflow: hidden;
  vertical-align: middle;
  font-family: Pretendard-Light;
  font-size: 17px;
  color: #A7A9AC;
  display: flex;
  align-items: center;
}

.list-view .list.text {
  max-width: 720px; 
  display: inline-block !important;
  white-space:nowrap;
  word-wrap:normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

.list-view .duty-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  height: 34px;
}

.list-view .duty-list li { 
  margin-right: 10px;
  /* margin-bottom: 10px; */
}

.list-view .duty-list li + li {
  margin-right: 10px; 
  /* margin-bottom: 10px;  */
}
.list-view .duty-list li > span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  height: 34px;
  padding: 0 12px;
  background-color: #F1F2F2;
  border-radius: 4px;
  color: #0166FF;
  font-family: Pretendard-Medium;
  font-size: 16px; 
  white-space: nowrap;
}

.prj_outline .outline .duty-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 750px;
  flex-wrap: wrap;
  overflow: hidden;
  height: 30px;
}
.prj_outline .outline .duty-list li { 
  margin-right: 10px;
  margin-bottom: 10px;
}

.prj_outline .outline .duty-list li + li {
  margin-right: 10px; 
  margin-bottom: 10px; 
}
.prj_outline .outline .duty-list li > span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  height: 30px;
  padding: 0 12px;
  background-color: #eff0f0;
  border-radius: 4px;
  color: #141516;
  font-size: 16px; 
  white-space: nowrap;
}
.duty-list li > span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  height: 30px;
  padding: 0 12px;
  background-color: #e6e7e8;
  border-radius: 4px;
  color: #141516;
  font-size: 14px;
  white-space: nowrap;
}
.view .noti {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
  transform: skew(-0.1deg);
  text-align: center; 
  width: 310px;
}
.view .noti img {
  vertical-align: middle;
  margin: 0 auto;
  align-items: center;
  display: flex;
  justify-content: center;
}
.view .noti .date {
  margin-top: 15px;
}
.view .noti .zoom {
  width: 350px;
  height: 120px;
  border: 1px dotted #bcbec0;
  border-radius: 5px;
  margin-top: 20px;
  margin-left: 5px;
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #141516;
  padding: 25px;
}
.view .noti .zoom img {
  margin-top: 10px;
  margin-right: 20px;
}
.view .noti .zoom span {
  padding: 5px 10px;
  border: 1px solid #bcbec0;
  border-radius: 20px;
  font-size: 14px;
  vertical-align: sub;
  cursor: pointer;
}
.view .noti .tit {
  font-family: Pretendard-Bold;
  font-size: 33px;
  color: #141516;
  display: inline-block;
}
.view .noti img.pass {}
.view .noti .notice {
  display: inline-block;
  font-family: Pretendard-Regular;
  font-size: 14px;
  color: #5b5b5b;
  transform: skew(-0.1deg);
  margin-top: 50px;
}
.view .noti .field {
  font-family: Pretendard-Bold;
  font-size: 14px;
  color: #414042;
  text-align: center;
  margin: 10px auto;
  max-width: 240px;
  line-height: 20px;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.view .noti .guide {
  display: inline-block;
  font-family: Pretendard-Regular;
  font-size: 18px;
  color: #141516;
  transform: skew(-0.1deg);
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
  line-height: 25px;
}

.paging .pager ul.itv {
  margin-left: -130px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* 관심 및 지원 프로젝트 */
input.search_box.int {
  width: 320px;
  vertical-align: bottom;
  margin-left: -1px;
  float: left;
  border: none;
}

.search_box img.search {
  margin-left: 5px;
  width: 14px;
  opacity: 0.7;
}

.select_wrap.prj_name {
  width: 160px;
  float: left;
  border: none;
}

.select_wrap.prj_name select,
option {
  width: 116px;
  max-width: 116px;
  min-width: 116px;
}

.filter_box ul li p.search_filter {
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  margin-right: 140px;
  cursor: default;
}

.filter .filter_box.prj {
  margin-top: 35px;
  width: 1000px;
  border-bottom: 1px dotted #BCBEC0;
  padding-bottom: 10px;
}

.itv-box .check_ft {
  float: left;
  width: 183px;
  height: 990px;
  padding: 20px 0;
  font-family: Pretendard-Bold;
  font-size: 16px;
  transform: skew(-0.1deg);
}

.ft_box .tit {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.ft_box img {
  display: inline-block;
}

.view.int_prj {
  float: none;
  box-sizing: border-box;
  width: 1200px;
  background-color: #fff;
  padding: 35px 65px;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .16);
  border: 1px solid transparent;
}

.view.int_prj .req {
  display: block;
  width: 100%;
  border-right: none;
  margin: 0 auto;
}

.view.int_prj .req.none {
  font-size: 22px;
  color: #939598;
  text-align: center;
  padding: 120px 0;
}

.itv-outline .list-view.int_prj {
  width: 100%;
  float: left;
  margin-bottom: 16px;
}
.itv-outline .list-view.int_prj .label {font-size: 18px;}
.itv-outline .list-view.int_prj .label p,
.prj_outline .outline .label p,
.prj_contents .list-view.int_prj .label p {
  width: 85px;
  height: 18px;
  text-align: justify;
}
.itv-outline .list-view.int_prj .label p:after,
.prj_outline .outline .label p:after,
.prj_contents .list-view.int_prj .label p:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.itv-outline .list-view.int_prj .list {
  display: inline-flex;
}

.view .req .itv-outline .tit.int_prj {
  font-size: 15px;
}

.view .req .itv-outline .tit.int_prj.sco_mark {
  font-size: 12px;
  font-weight: 700;
  border: 2px solid;
  border-radius: 16px;
  padding: 4px 10px;
  margin-top: 6px;
  margin-left: -20px;
  margin-right: -25px;
  width: 110px;
  text-align: center;
  margin-bottom: 0;
}

/*파트너사 지정*/
.view .req .itv-outline .tit.int_prj.flog {
  font-size: 12px;
  font-weight: 700;
  border: 2px solid;
  border-radius: 16px;
  padding: 4px 10px;
  margin-top: 6px;
  margin-left: -12px;
  margin-right: -34px;
  width: 110px;
  text-align: center;
  margin-bottom: 0;
}

.view .req .itv-outline .name {
  display: inline-block;
  vertical-align: middle;
  font-family: Pretendard-Bold;
  font-size: 24px; 
  max-width: 840px; 
  overflow:hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
  color: #0166FF;
  margin-bottom: 10px;
}

.view .req .itv-outline .date {
  float: right;
  vertical-align: middle;
  margin-top: 9px;
  font-size: 15px;
  color: #BCBEC0;
}

.regi {}

.view .req .itv-outline.int_prj {
  width: 100%;
  position: relative;
}

.view .req .itv-outline.int_prj_new {
  width: 868px;
  position: relative;
}

.int_box {}
.int_box::after {
  display: block;
  content: "";
  clear: both;
}
.view .req .top {
  margin-bottom: 20px;
}

.view .req .top > div {
  display: inline-block;
  font-size: 14px;
  transform: skew(-0.1deg);
  min-width: 66px;
}

/*모집중*/
.view .req .top .proc {
  /* height: 22px; */
  background-color: #0166FF;
  border: 1px solid #FFF;
  border-radius: 4px;
  text-align: center;  
  font-family: Pretendard-Bold;
  color: #fff;  
  padding: 4px 8px;
  margin-right: 8px;
}

/*수행예정*/
.view .req .top .proc.ep {
  background: #f7dd6d;
  border: 1px solid #f7dd6d;
}
/*제안단계*/
.view .req .top .proc.bp {
  background: #231f20;
  border: 1px solid #231f20;
  color: #fff;
}

.view .req .top .new {
  font-family: Pretendard-Medium;
  color: #fff;
  height: 22px;
  background-color: #ff7f00;
  border: 1px solid #ff7f00;
  border-radius: 50%;
  text-align: center;
  padding: 3px 5px;
  margin-right: 8px;
  min-width: 22px;
}

.view .req .top img {
  vertical-align: middle;
  height: 22px;
}

.view .req .top img.itv_sm {
  margin-right: 5px;
  vertical-align: middle;
  height: 24px;
}

.view .req .top img.cancel {
  float: right;
  cursor: pointer;
}

.view .req .top span.top {
  font-family: Pretendard-Bold;
  font-size: 15px;
  color: #5B5B5B;
}

.view .req .top .right {
  float: right;
}
.view .req .top .right.flex {
  display: flex;
  align-items: center;
  gap: 12px;
} 
.view .req .top .status {
  background-color: #0165FF;
  border: 1px solid #0165FF;
  border-radius: 4px;
  font-family: Pretendard-Bold;
  font-size: 14px;
  color: #fff;
  padding: 4px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*CHM edit*/
.view .req .top .date {
  float: right;
  vertical-align: middle;
  font-family: Pretendard-Bold;
  font-size: 15px;
  color: #5B5B5B;
}
.client_info {
  /* width: auto; 
  display: inline-flex;
  flex-direction: column; */
  display: flex;
  align-items: end;
}
.client_info .human_count {
  position: relative;    
  width: 141px;
  height: 141px;
  border: 1px dotted #6d6e71;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
  color: #141516;
  padding-top: 70px;
  margin-top: 10px;
} 
.client_info .human_count img {
  position: absolute;
  top: 17px;
  right: 53px;
}
.client_info .human_count img.fold {
  position: absolute;
  top: 100px;
  right: 52px;
  cursor: pointer;
}
.ci_box {
  position: relative;
  width: 240px;
  height: 115px;
  overflow: hidden;
  /* background-color: #E6E7E8;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; */
}
.ci_box img {
  display: block;
  width: 240px;
  height: 115px;
}

.deadline { 
  position: relative;
  font-family: Pretendard-Medium;
  font-size: 15px;
  color: #5b5b5b;
  transform: skew(-0.1deg);
  display: flex;
  flex-direction: column;
  /* justify-content: center;
  align-items: center; */
  gap: 15px;
  padding: 25px 0 0;
  /* background-color: aliceblue;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; */
}
.deadline > div {
  position: relative;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  white-space: nowrap;
}
.deadline div span {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  gap: 4px;
}
.deadline div span.date {
  color: #FF7F00;
}
.deadline div span.date span.period {
  color: #FF7F00;
}

.deadline img {
  vertical-align: middle;
}

.deadline img.member {}

.deadline span.period {
  color: #141516;
}
.deadline span.member {
  color: #141516;
}

.top .show {
  margin-left: 560px;
}

.top .show > div, .top .show > img {
  display: inline-block;
}

.view .req .top .proc.cp {
  background-color: #E6E7E8;
  border: 1px solid #E6E7E8;
  color: #141516;
}

.top img.heart {
  margin-left: 705px;
}

.ft_box img {
  cursor: pointer;
}

.check-box {
  margin-top: 10px;
}

.check-box .check_list {
  margin-bottom: 5px;
}

.check-box .check_list label {
  margin-left: 7px;
  font-family: Pretendard-Regular;
  font-size: 14px;
  transform: skew(-0.1deg);
}

.check-box .check_list input[type="checkbox"] {
  width: 16px;
}

.ft_box {
  margin-bottom: 20px;
}

.check-box.hide {
  display: none;
}

/* 마이페이지 */
.title-txt p.myp {
  margin-top: 20px;
}

.contents-body.myp {
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 10px;
}

.mem_contents_header.myp {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.mem_contents_header.myp .title-txt {
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #414042;
  margin-top: 40px;
  margin-bottom: 20px;
}

.myp-banner {
  position: relative;
  width: 1200px;
  margin: 20px auto;
  background: #0165FF;
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #fff;
  padding: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}

.myp-banner img {
  position: absolute;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
}

.myp-banner p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #fff;
  line-height: 40px;
}

.myp-banner p span {
  font-family: Pretendard-Regular;
  font-size: 19px;
}

.myp-banner .shortcut {
  font-family: Pretendard-Medium;
  font-size: 14px;
  color: #141516;  
  background-color: #fff;
  border-radius: 4px;
  padding: 6px 18px;
  margin-left: 20px;  
  cursor: pointer;
}
.myp-banner .shortcut span {
  color: #0166FF;
}
.profile_box .inform {
  position: relative;
  width: 155px;
  height: 36px;
  background-color: #0165FF;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #fff;
  padding: 10px 0;
  border-radius: 4px;
  margin: 4px auto;
  text-align: center;
}

.profile_box .inform:nth-of-type(1) {
  background-color: #e6e7e8;
  border: 1px solid #BCBEC0;
  color: #141516;
}

.profile_box .inform .al {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  background-color: #ef4136;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #fff;
  padding-top: 4px;
  text-align: center;
}

.profile_box .inform img {
  vertical-align: middle;
  margin-right: 6px;
}

.profile_box .inform p {
  display: flex;
  justify-content: center;
}

.mypage_pf {
  display: block;
  float: right;
  padding: 0 25px;
}

.mypage_pf .mystate {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.mypage_pf .mystate .noti {
  display: flex;
  flex-direction: row;
  gap: 30px;
  /* margin-bottom: 4px; */
  /* padding-left: 16px; */
  width: 420px;
  justify-content: space-evenly;
}
.mypage_pf .mystate .noti div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;  
}
.mypage_pf .mystate .noti div div {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
}

.mypage_pf .mystate .noti .mystate_cnt {
  font-family: Pretendard-Bold;
  font-size: 48px;
  color: #0165FF;
  margin-bottom: 20px;
}
.mypage_pf .mystate .noti .mystate_cnt:hover {
  opacity: 0.4;
}
.mypage_pf .mystate .noti .mystate_tit {
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #141516;
}
.mypage_pf .mystate .noti div img {
  margin-right: 2px;
}
.mypage_pf .mystate .noti div .tot_lev {
  font-size: 16px;
  color: #5eb9c1;
  margin: 10px auto;
}
.mypage_pf .mystate .noti div span.tot_lev:hover,
.mypage_pf .mystate .noti div span.tot_none:hover {
  opacity: 1;
}
.mypage_pf .mystate .noti div span.tot_none {
  font-size: 16px;
  color: #BCBEC0;
  margin: 10px auto;
  margin-bottom: 30px;
}
.mypage_pf .mystate .special {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.mypage_pf .mystate .special div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mypage_pf .mystate .special div span:nth-of-type(1) {
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #5eb9c1;
  margin: 10px auto;
}
.mypage_pf .mystate .special div span:nth-of-type(2) {
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #141516;
  width: 420px;
}

.mypage_pf .mystate .state {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end; 
  gap: 5px; 
}
.mypage_pf .mystate .state div {
  font-family: Pretendard-Bold;
  font-size: 15px;
  background-color: #0165FF;
  color: #fff;
  padding: 5px;
  text-align: center;
}
.mypage_pf .mystate .state .dev_state {
  background-color: #3A3E47;
}
.mypage_pf .mystate .state div:nth-of-type(1) {
  width: 150px;
}
.mypage_pf .mystate .state div:nth-of-type(2) {
  width: 180px;
}
.mypage_pf .mystate .state div:nth-of-type(3) {
  width: 80px;
}

.myp_box {
  padding: 13px 0;
}

.myp_box.top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.myp_box span.name {
  font-family: Pretendard-Bold;
  font-size: 30px;
  color: #141516;
  margin-right: 10px;
}

.myp_box span.age {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #939598;
  margin-right: 15px;
}

.myp_box span.cmp {
  font-family: Pretendard-Regular;
  font-size: 15px;
  color: #141516;
}

.myp_box .mem_num {
  float: right;
  margin-top: -22px;
  font-size: 14px;
  color: #141516;
  transform: skew(-0.1deg);
}

.myp_box .mem_num .mem_seq{
  float: right;
}

.myp_box .mem_num img {
  display: inline-block;
  vertical-align: middle;
}

.myp_box .ct {
  float: left;
}

.myp_box .ct.level {
  width: 420px;
}

.myp_box .ct .tit-box {
  background-color: #E6E7E8;
  font-family: Pretendard-Bold;
  font-size: 17px;
  color: #141516;
  padding: 6px 15px;
}
.myp_box .ct .tit-box span {
  font-family: Pretendard-Medium;
  font-size: 14px;
  float: right;
  cursor: pointer;
}

.myp_box .ct .profile {
  width: 420px;
  padding: 8px 15px 0 15px;
}

.label.myp {
  width: 80px;
  text-align: left;
  margin-right: 20px;
  line-height: normal;
  font-family: Pretendard-Medium;
  font-size: 16px;
}

.ct .cstom {
  font-family: Pretendard-Bold;
  font-size: 18px;
  margin-top: 10px;
}

.ct .mberAsg {}

.ct .mberAsg .tit {
  font-family: Pretendard-Bold;
  font-size: 18px;
}

.ct .mberAsg_btn {
  font-size: 13px;
  transform: skew(-0.1deg);
  padding: 5px 13px;
  border: 1px solid #bcbec0;
  text-align: center;
  border-radius: 15px;
  cursor: pointer;
  display: inline;
  float:right;
  margin-right: 18px;
}

.ct.sp .cstom {
  padding: 5px 115px;
}

.ct .cstom .eval {
  font-family: Pretendard-Medium;
  font-size: 16px;
  transform: skew(-0.1deg);
  margin: 10px 15px;
  display: flex;
  align-items: center;
}

.ct img {
  vertical-align: middle;
}

.ct .cstom .eval img {
  margin-left: 15px;
  height: 18px;
}

.ct .cstom .eval.first {
  margin-top: 20px;
}

.ct span.amount {
  display: inline-block;
  width: 200px;
  font-family: Pretendard-Bold;
  font-size: 25px;
  color: #141516;
  margin: 20px 0;
  margin-left: -49px;
  text-align: center;
}

.ct .amount_history {
  font-size: 13px;
  transform: skew(-0.1deg);
  padding: 5px 5px;
  border: 1px solid #bcbec0;
  text-align: center;
  border-radius: 15px;
  cursor: pointer;
}

.ct.amount {
  width: 223px;
  padding: 11px 61px;
  border-right: none;
}

.myp_box .ct.edu {
  width: 420px;
}

.ct .cstom img.ranking {
  margin: 25px 0;
}

.ct .cstom .none {
  margin: 20px 12px;
  color: #BCBEC0;
  text-align: center;
}

.myp_box .ct.ncs {
  position: relative;
  width: 420px;
  border-right: none;
}

.myp_box .ct.ncs .updown_btn {
  position: absolute;
  top: 10px;
  left: 267px;
}

.myp_box .ct.ncs .updown_btn img {
  margin-right: -2px;
  cursor: pointer;
}

.ct.ncs .cstom {
  text-align: left;
  overflow-x: auto;
  max-height: 100px;
}

.ct.ncs .cstom .ncs_list {  
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #141516;
  transform: skew(-0.1deg);
  padding: 8px 15px;
}

.ct.ncs .cstom .ncs_list.before {
  text-align: center;
  color: #BCBEC0;
}

.ct.ncs .cstom .ncs_list.before.item {
  text-align: left;
}

.ct.ncs .cstom .ncs_list:nth-of-type(4) {
  border-bottom: none;
}

.ct.ncs .cstom .ncs_list p {
  display: inline-block;
  cursor: pointer;
}

.ct.ncs .cstom .ncs_shortcut {
  position: absolute;
  font-family: Pretendard-Regular;
  font-size: 13px;
  color: #141516;
  top: 6px;
  left: 318px;
  padding: 5px 10px;
  border: 1px solid #bcbec0;
  border-radius: 15px;
  cursor: pointer;
  transform: skew(-0.1deg);
}

.ct .cstom.prj {
  position: relative;
}
.ct .cstom.prj .prj-tit-hover {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}

.myp_box .ct.edu .cstom .prj_name {
  width: 260px;
  font-family: Pretendard-Medium;
  font-size: 16px;
  transform: skew(-0.1deg);
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.myp_box .ct.edu .cstom .prj_date {
  font-family: Pretendard-Regular;
  font-size: 14px;
  transform: skew(-0.1deg);
}

.myp_box .ct.edu .cstom .myprj {
  display: inline-block;
  font-family: Pretendard-Regular;
  font-size: 14px;
  margin-top: 15px;
  padding: 5px 10px;
  border: 1px solid #bcbec0;
  border-radius: 15px;
  cursor: pointer;
}

.myp_box .ct.edu .cstom .myprj.disable {
  color: #bcbec0;
  cursor: default;
}

.ct .cstom.prj span.nt {
  position: absolute;
  top: 0;
  left: 3px;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  background-color: #ef4136;
  font-family: Pretendard-Bold;
  font-size: 17px;
  color: #fff;
  padding: 5px;
}

.ct.ncs .cstom.guide {
  font-size: 13px;
  color: #939598;
  padding: 5px 15px;
  line-height: 20px;
  height: 30px;
  letter-spacing: -0.02em;
  transform: skew(-0.1deg);
}

.ct.ncs .cstom.guide span {
  margin-left: 16px;
}

.contents-body.pf {
  margin: 15px 0;
  padding: 35px 45px;
  border-radius: 8px;
}

.contents-body.pf .tit {
  font-family: Pretendard-Bold;
  font-size: 22px;
  color: #141516;
}

.contents-body.pf .about {
  font-size: 16px;
  line-height: 30px;
  color: #231f20;
  padding: 10px;
}

.contents-body.career {
  margin: 15px 0 0;
  padding: 30px;
  border-radius: 8px;
}

.contents-body.career .box {
  float: left;
  width: 180px;
  padding: 0 30px;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
}

.contents-body.career .box.hope {
  width: 227px;
}

.contents-body.career .box.fix {
  color: #fff;
}

.contents-body.career .box_contents {
  display: inline-block;
}

.contents-body.career .box_contents.certi {
  margin-bottom: 20px;
}

.contents-body.career .box_contents.certi:last-child {
  margin-bottom: 0;
}
.contents-body.career .mark {
  display: flex;
  float: right; 
  font-family: Pretendard-Bold;
  font-size: 13px;
  text-align: center;
  color: #fff;
  gap: 2px;
}
.contents-body.career .mark .confirmed { 
  background-color: #FF7F00;
  padding: 2px 8px;
}
.contents-body.career .mark .kosa {
  background-color: #0165FF;
  padding: 2px 8px;
}

.contents-body.career .box_contents .list > div {
  display: inline-block;
}

.contents-body.career .box_contents .list {
  margin-bottom: 20px;
  font-size: 17px;
  color: #141516;
}

.contents-body.career .box_contents .list:last-child {
  margin-bottom: 0;
}

.contents-body.career .box_contents .list .tech {
  width: 220px;
  vertical-align: middle;
}

.contents-body.career .outline {
  padding: 20px 0;
  border-bottom: 1px dotted #BCBEC0;
}

.contents-body.career .outline p.awards {
  font-family: Pretendard-Bold;
  font-size: 17px;
  color: #141516;
  margin-bottom: 20px;
  margin-left: 50px;
}

.contents-body.career .outline p.awards:last-child {
  margin-bottom: 0;
}

.contents-body.career .outline:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.contents-body.career .box_contents .list.edu {
  width: 260px;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 25px;
  vertical-align: middle;
}

.contents-body.career .box_contents .list.edu.certi {
  width: 290px;
}

.myp_tit {
  display: inline-block;
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
  margin-top: 40px;
}

.frame {
  display: inline-block;
}

.frame.hope {
  margin-bottom: 50px;
}

.contents-body.career .outline.prj {
  width: 565px;
  border-bottom: 1px dotted #BCBEC0;
  height: 58px;
}

.contents-body.career .box_contents .list.prj {
  width: 380px;
}

.contents-body.career .box_contents .list.prj.limit {
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: text-top;
}

.contents-body.career .left,
.contents-body.career .right {
  float: left;
}

.contents-body.career .left {
  margin-right: 10px;
}

.contents-body.career .box.prj {
  width: 206px;
}

.contents-body.career .box_contents .list.devp {
  width: 345px;
}

.contents-body.career .both {
  display: inline-block;
}

.contents-body.career .outline .mark {  
  align-items: center;
}
.contents-body.career .outline .mark .confirmed { 
  background-color: #FF7F00;
  padding: 2px 8px;
}
.contents-body.career .outline .mark .kosa {
  background-color: #0165FF;
  padding: 2px 8px;
}

.outline .about {
  width: 1100px;
  border: 1px dotted #BCBEC0;
  border-radius: 4px;
  margin: auto 30px;
  padding: 15px;
  font-size: 17px;
  color: #141516;
  line-height: 30px;
  display: inline-block;
}

.outline .about.nonLine {
  border: 0px;
  padding: 0;
}

.contents-body.career .box.docu {
  width: 280px;
  padding: 12px 50px;
}

.contents-body.career .outline .wrap {
  height: 40px;
  margin-bottom: 5px;
}

.contents-body.career .box_contents .list.docu {
  padding: 12px 50px;
  margin-left: 150px;
  width: 180px;
  font-family: Pretendard-Bold;
}

.contents-body.career .outline.docu {
  padding: 6px 0;
}

.contents-body.career .outline .wrap .docu_download {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 265px;
  cursor: pointer;
}

.contents-body.career .outline .wrap .docu_download p {
position: absolute;
font-weight: bold;
top: 13px;
left: 10px;
font-size: 13px;
color: #141516;
width: 170px;
text-align: left;
transform: skew(-0.1deg);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
}

.contents-body.career .outline .wrap .docu_download.none {
  margin-left: 400px;
  margin-top: -12px;
  cursor: default;
}

.contents-body.career .box_contents .list.docu.none {
  font-family: Pretendard-Regular;
}

.contents-body.pf .about .box {
  text-align: center;
}

.contents-body.pf .about .box p {
  width: 320px;
  height: 58px;
  margin: 5px auto;
  font-size: 22px;
  color: #58595b;
  border: 1px solid #58595b;
  padding: 13px;
  cursor: pointer;
}

.contents-body.career .workTerm {
  float: left;
  width: 20%;
  padding: 0 30px;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
}

.contents-body.career .workBox {
  float: left;
  width: 75%;
}
.contents-body.career .workBox_contents .list > div {
  display: inline-block;
}
.contents-body.career .workBox_contents .list {
  margin-bottom: 10px;
  font-size: 16px;
  color: #141516;
}
.contents-body.career .workBox_contents .list:last-child {
  margin-bottom: 0;
}
.contents-body.career .workBox_contents .list .corpNm {
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  max-width: 300px;
  margin-bottom: 15px;
}
.contents-body.career .workBox_contents .list .subTit {
  width: 12%;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  vertical-align: top;
}
.contents-body.career .workBox_contents .list .subCont {
	width: 20%;
  vertical-align: top;
}
.contents-body.career .workBox_contents .list .subCont2 {
	width: 80%;
  vertical-align: top;
}

.contents-body.career .prjtName {
	padding-left: 30px;
	/* padding-top: 22px; */
	font-family: Pretendard-Bold;
	font-size: 22px;
	color: #141516;
}

.contents-body.career .dtailView {
	color:blue;
	user-select: none;
	cursor: pointer;
}

.frame .career-more-btn {
  display: inline-block;
  width: 1200px;
  padding: 13px 0;
  background-color: #fff;
  margin-top: 15px;
  border-radius: 8px;
  border: 1px solid #E6E7E8;
  cursor: pointer;
}

.frame .career-more-btn .more-tit {
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  text-align: center;
}

/* 회원 계정 선택 화면 */
.mem_container .main-box .mem_contents_header .title-txt {
  float: left;
  font-family: Pretendard-Bold;
  font-size: 28px;
  color: #141516;
  margin-top: 35px;
  margin-bottom: 20px;
}

.mem_container .main-box .mem_contents_header .title-txt span {
  display: inline-block;
  font-family: Pretendard-Regular;
  font-size: 20px;
  margin-top: 10px;
}

.mem_container .main-box .mem_contents_header.account {
  height: 70px;
}

.mem_container .main-box .mem_contents_body .info-box .phone-img.account.top {}
.mem_container .main-box .mem_contents_body .info-box .phone-img.account.top p {
  font-family: Pretendard-Bold;
  font-size: 24px;
}

.mem_container .main-box .mem_contents_body .phone-btn .btn-crt.account {
  width: 376px;
}

.mem_container .main-box .mem_contents_body .phone-btn.account.top {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

/* 클라이언트 관리총괄 전체프로젝트 - 전체프로젝트목록 */
.contents-body.prj {
  padding: 50px;
}

.filter_box .state {
  float: right;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  transform: skew(-0.1deg);
  margin-top: -23px;
}

.filter .filter_box.prj_list {
  margin: 20px 0 -20px;
  width: 1100px;
  padding-bottom: 10px;
}

.filter .filter_box.prj_list .state input {
  margin-right: 5px;
}

.filter .filter_box.prj_list .state label {
  font-size: 14px;
  transform: skew(-0.1deg);
  margin-left: 15px;
  vertical-align: top;
}

.triangle {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  margin-left: 5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #fff;
  border-right: 8px solid transparent;
}

/* 클라이언트 관리총괄 전체프로젝트 - 프로젝트 상세보기 */
.contents-body.demand {
  padding: 30px 40px;
  width: 900px !important;
}


.outline .change {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  background-color: #f47245;
  vertical-align: middle;
  padding: 8px 15px;
  padding-right: 3px;
  border-radius: 15px;
  margin-left: 25px;
  transform: skew(-0.1deg);
  cursor: pointer;
}

/* 클라이언트 관리총괄 전체프로젝트 - 담당자 교체리스트 */
.prjdt-popup .title-txt {
  float: left;
  font-family: Pretendard-Bold;
  font-size: 28px;
  color: #141516;
  margin-top: 35px;
  margin-bottom: 50px;
}

.prjdt-popup .title-txt span {
  display: inline-block;
  font-family: Pretendard-Regular;
  font-size: 20px;
  margin-top: 10px;
}

.filter .filter_box.change {
  margin-right: 0;
}

.mn_change {
  position: relative;
  float: right;
  margin-top: -35px;
  cursor: pointer;
}

.mn_change p {
  position: absolute;
  top: 10px;
  left: 40px;
  font-size: 16px;
  color: #fff;
}

/* 클라이언트 관리총괄 마이페이지 */
.title-txt p.pf_service {
  margin-left: 30px;
}

.mem_container .mem_info_contents .mem_contents_header .title-txt p.pf_service span {
  font-family: Pretendard-Bold;
}

.contents-body.tab.point {
  margin-top: -3px;
  margin-bottom: 30px;
  padding: 0 40px;
  border-radius: 15px;
}

.contents-body.tab.point .my-resume .photo {
  margin-left: 20px;
  margin-right: 30px;
}

.contents-body.tab.point .my-resume .photo .img {
  width: 150px;
  height: 150px;
  border-radius: 70%;
  overflow: hidden;
  margin-left: 37px;
  margin-bottom: 10px;
}

.contents-body.tab.point .my-resume .photo .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contents-body.tab.point .my-resume .photo .img-attach {
  margin: 20px auto; /* 2025-07-01 HCY*/
  /* margin-left: 23px; */
}

.contents-body.tab.point .my-resume .photo span.ctm {
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #141516;
}

.contents-body.tab.point .my-resume .mem-box {
  float: left;
  width: 350px;
  margin-top: 20px;
}

.contents-body.tab.point .my-resume .mem-count {
  position: relative;
  float: left;
  padding: 30px 0;
  color: #141516;
}

.contents-body.tab.point .my-resume .mem-count .mem {
  width: 180px;
  float: left;
  font-family: Pretendard-Bold;
  font-size: 18px;
  padding-top: 6px;
}

.contents-body.tab.point .my-resume .mem-count .count {
  width: 120px;
  float: left;
  font-family: Pretendard-Bold;
  font-size: 30px;
  text-align: right;
}

.contents-body.tab.point .my-resume .mem-count span.noti {
  position: absolute;
  top: 3px;
  right: -21px;
  width: 25px;
  height: 25px;
  background-color: #ed4136;
  border-radius: 25px;
  color: #fff;
  text-align: center;
  padding-top: 4px;
}

.contents-body.tab.point .my-resume .mem-count span.noti.hide {
  display: none;
}

.contents-body.tab.point .my-resume .point-box {
  float: left;
  width: 328px;
  height: 241px;
  border-radius: 10px;
  border: 1px dotted #6d6e71;
  /* margin-top: 47px; */
  margin-top: 130px;
  margin-left: 80px;
  padding: 45px 80px;
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #141516;
}

.contents-body.tab.point .my-resume .point-box img {
  vertical-align: middle;
}

.contents-body.tab.point .my-resume .point-box span.point {
  display: inline-block;
  width: 270px;
  text-align: center;
  margin-top: 30px;
  margin-left: -53px;
  font-family: Pretendard-Bold;
  font-size: 30px;
}

.contents-body.tab.point .my-resume .point-box .point-history {
  display: inline-block;
  font-family: Pretendard-Regular;
  font-size: 14px;
  transform: skew(-0.1deg);
  border-radius: 15px;
  border: 1px solid #babcbe;
  padding: 5px 10px;
  cursor: pointer;
  margin-top: 30px;
  margin-left: 40px;
}

img.people {
  margin-top: 50px;
  margin-left: 30px;
}

.contents-body.prj .title {
  margin-bottom: 30px;
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
}

.contents-body.prj .title img {
  vertical-align: bottom;
  margin-right: 20px;
}

.filter_box .state.approval {
  float: left;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  transform: skew(-0.1deg);
  margin-top: -23px;
  margin-left: 400px;
}

.filter_box .approval_btn {
  float: right;
  margin-top: -33px;
}

.filter_box .approval_btn > div {
  width: 105px;
  height: 35px;
  float: left;
  font-size: 15px;
  color: #fff;
  transform: skew(-0.1deg);
  background-color: #75a5bf;
  margin-right: 5px;
  padding: 9px;
  text-align: center;
  cursor: pointer;
}

.filter_box .approval_btn > div:last-child {
  margin-right: 0;
  background: #f47245;
}

.filter .prj-regist-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: -36px;
}
.filter .prj-regist-btn > div {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0165FF;  
  text-align: center;
  width: 140px;
  height: 35px;
}
.filter .prj-regist-btn > div button {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
}

.contents-body.prj.mypage {
  border-radius: 15px;
  border: 1px solid #BCBEC0;
  margin-bottom: 60px;
}

.mypage-banner {
  float: left;
  margin-bottom: 80px;
}

.mypage-banner .banner {
  position: relative;
  width: 380px;
  height: 443px;
  margin-right: 28px;
  float: left;
  border-radius: 15px;
}

.mypage-banner .banner p {
  position: absolute;
  bottom: 20px;
  right: 30px;
  font-size: 14px;
  color: #6d6e71;
  cursor: pointer;
}

.mypage-banner .banner:last-child {
  margin-right: 0;
}

.mypage-banner .tit {
  margin-left: 40px;
  margin-bottom: 25px;
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #141516;
}

/* 클라이언트 프로젝트담당 프로젝트등록 */
.myprj_tab {
  width: 1200px;
  display: inline-block;
  margin-top: -85px;
}

.myprj_tab img {
  float: right;
}

.contents-body.myprj {
  margin-top: -29px;
  margin-bottom: 50px;
  padding: 10px 0 60px 0;
}

.my-resume .info td input[type="text"].enroll {
  width: 898px;
}

.my-resume .tit.enroll {
  /* margin-bottom: 10px; */
  font-size: 18px;
}

.my-resume .tit.enroll.hr {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  margin: 0;
  font-family: Pretendard-Regular;
}
.my-resume .tit.enroll.hr::before {
  content: "";    
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}
.my-resume .tit.enroll.hr::after {
  content: "";
  flex-grow: 1;
  background: #6d6e71;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
  margin: 16px 0px 0px 16px;
}

.my-resume .info td.tech p {
  display: inline-block;
  padding: 0 10px;
}

.resume-box.job.myprj {
  border-top: none;
  margin-top: 0;
  padding-bottom: 60px;
  /* padding-bottom: 75px; */
  /* border-bottom: 1px solid #6d6e71; */
}
.resume-box.job.myprj .plus-btn > img {
  margin-top: 13px;
}

.resume-box.job.myprj.prj .tit {
  font-size: 18px;
}

.my-resume .info input[type="text"].charge-task {
  width: 403px;
  margin-right: 10px;
}

.my-resume .info td.project p.itv {
  margin: 0 11px;
}

.my-resume .info td.project p.term {
  margin-right: 30px;
  padding: 0;
}

.resume-box.recruit {
  padding-bottom: 70px;
}

.resume-box.recruit.prj .plus-btn > img {
  margin-top: 13px;
}

.resume-box.last {
  border-bottom: none;
}

textarea.perform {
  height: 515px;
}

.speech-bubble {
  position: relative;
  background: #eff0f0;
  border-radius: 0.4em;
  width: 932px;
  height: 630px;
  margin-left: 124px;
  margin-top: 20px;
  border-radius: 20px;
  padding: 50px;
  font-size: 15px;
  transform: skew(-0.1deg);
  color: #808083;
  line-height: 25px;
}

.speech-bubble .tit {
  font-size: 22px;
  color: #808083;
}

.resume-box.job.myprj input[type="checkbox"] {
  width: 14px;
  height: 15px;
  vertical-align: top;
}

.my-resume .info td .select_wrap.year.qf {
  width: 144px;
}

.my-resume .info td .select_wrap.year.qf select,
option {
  width: 93px;
  max-width: 93px;
  min-width: 93px;
}

.my-resume .info input[type="text"].personnel {
  width: 110px;
}

/* 스크롤 */
.scroll-box::-webkit-scrollbar {
  width: 10px;
  border-radius: 20px;
  background: rgb(65, 70, 78);
}

.scroll-box::-webkit-scrollbar-thumb {
  width: 20px;
  border-radius: 20px;
  background-color: #babcbe;
}

.table .view-detail .view-list .about_me::-webkit-scrollbar {
  width: 10px;
  border-radius: 20px;
  background: rgb(226, 226, 226);
}

.table .view-detail .view-list .about_me::-webkit-scrollbar-thumb {
  width: 20px;
  border-radius: 20px;
  background-color: #babcbe;
}

.notice_popup.ncs .Board.type3::-webkit-scrollbar {
  width: 12px;
  border-radius: 20px;
  background: rgb(226, 226, 226);
}

.notice_popup.ncs .Board.type3::-webkit-scrollbar-thumb {
  width: 12px;
  border-radius: 20px;
  background-color: #babcbe;
}

.notice_popup.ncs.nth .Board.type3::-webkit-scrollbar {
  width: 11px;
  border-radius: 20px;
  background: rgb(226, 226, 226);
}

.notice_popup.ncs.nth .Board.type3::-webkit-scrollbar-thumb {
  width: 11px;
  border-radius: 20px;
  background-color: #babcbe;
}

/* 관심인재 */

.package {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.table {
  position: relative;
  float: left;
  width: 1200px;
}

/*IT프로 목록*/
.table .list-box {
  float: left; 
  background: #fff;
  min-height: 1000px;
}

.table .list-box .bt-list {cursor: pointer;}

.table .list-box .tit {
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
  margin-top: 40px;
}

.table .list-box .sub_tit {
  font-family: Pretendard-Regular;
  font-size: 17px;
  color: #141516;
  margin-top: 20px;
  margin-bottom: 20px;
}

.table .list-box .search-box {
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 1200px;
}
.table .list-box .search-box .select_wrap {
  border: none;
}
.table .list-box .search-box .select_wrap select {
  width: 130px;
}
.table .list-box .search-box input {
  border: none;
  width: 380px !important;
}

.table .list-box .search-box .search_btn {
  position: absolute;
  top: 10px;
  right: 18px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
}
.table .list-box .search-box .search_btn img.search {
  width: 14px;
  opacity: 0.7;
}
.table .list-box .search-box .box-line {
  display: inline-flex;
  position: relative;
  padding: 2px 15px;
  border: 1px solid #D6D7D8;
  border-radius: 25px;
  background: #fff;
}

.package .table .list-box .search-box input[type="text"] {
  width: 545px;
}

.top-fix {
  background: #fff;
}

.filter .delete_btn {
  display: inline-block;
  width: 93px;
  height: 34px;
  margin-top: 15px;
  border: 1px solid #6d6e71;
  font-size: 14px;
  color: #141516;
  vertical-align: bottom;
  text-align: center;
  padding-top: 9px;
  cursor: pointer;
}

.filter .filter_box.int {
  display: inline-block;
  width: 590px;
  margin-right: 0;
  border-bottom: 1px dotted #808083;
  margin-bottom: -3px;
}

.filter .filter_box.int ul {
  margin-left: 30px;
}

.table .view-detail {
  position: relative;
  float: left;
  width: 830px;
  background: #58646d;
  padding: 50px 30px 30px 30px;
  height: 100vh;
  position: fixed !important;
  top: 0;
  right: 0;
  z-index: 1000;
}
.table .view-detail .bt-close {
  display: flex;
  justify-content: flex-end;
  margin-top: -20px;
  cursor: pointer;
}
.table .view-detail .bt-close img {width: 25px;}

/*IT프로 프로필 상세*/
.table .view-detail .view-list {
  display: inline-block;
  width: 730px;
  padding: 5px;
  margin-left: 15px;
  border-bottom: 1px dotted #808083;
}

.table .view-detail .view-list .profile {
  float: left;
  width: 363px;
  height: 345px;
  padding: 1px 100px 30px 100px;
  border-right: 1px dotted #808083;
}

.table .view-detail .view-list .profile .mem_num {
  font-size: 14px;
  color: #fff;
  transform: skew(-0.1deg);
  text-align: center;
  margin-left: -60px;
  margin-top: -20px;
  width: 285px;
}

.table .view-detail .view-list .profile .mem_num.imposs {
  margin-left: -65px;
  margin-top: -20px;
  width: 285px;
}

.table .view-detail .view-list .profile .mem_num img {
  display: inline-block;
  vertical-align: middle;
}

.table .view-detail .view-list .profile .image_box {
  width: 140px;
  height: 140px;
  border-radius: 70%;
  overflow: hidden;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 8px;
}

.table .view-detail .view-list .profile .image_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.table .view-detail .view-list .profile .name {
  display: inline-block;
  width: 350px;
  font-family: Pretendard-Bold;
  font-size: 18px;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  margin-left: -95px;
}

.table .view-detail .view-list .profile .history {
  display: inline-block;
  width: 350px;
  font-family: Pretendard-Bold;
  font-size: 17px;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  margin-left: -98px;
}

.table .view-detail .view-list .profile .history span.career {
  margin-left: 17px;
  font-family: Pretendard-Regular;
}

.table .view-detail .view-list .profile .name span {
  font-family: Pretendard-Regular;
  font-size: 17px;
}

.table .view-detail .view-list .profile .prj_itv {
  position: relative;
  font-size: 13px;
  color: #fff;
  margin-bottom: 5px;
  cursor: pointer;
}

.table .view-detail .view-list .profile .prj_itv p {
  position: absolute;
  top: 21px;
  left: 25px;
}

.table .view-detail .view-list .profile .human_int {
  width: 155px;
  height: 26px;
  background: #fff;
  border-radius: 3px;
  font-size: 14px;
  color: #000;
  text-align: center;
  padding: 5px 0;
  margin-top: 3px;
  cursor: pointer;
}

.table .view-detail .view-list .profile .human_int img {
  vertical-align: middle;
  margin-right: 3px;
}

.table .view-detail .view-list .ranking {
  width: 337px;
  float: left;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #fff;
  transform: skew(-0.1deg);
  padding: 2px 120px 25px 120px;
  margin-left: 8px;
  border-bottom: 1px dotted #808083;
}

.table .view-detail .view-list .ranking img {
  display: block;
  margin-top: 5px;
}

.table .view-detail .view-list .ranking p {
  font-size: 21px;
  text-align: center;
  margin-left: -10px;
  margin-top: 10px;
}

.table .view-detail .view-list .ct {
  height: 145px;
  float: left;
  padding: 12px 6px;
  border-right: 1px dotted #BCBEC0;
  margin-top: 25px;
  color: #fff;
}

.table .view-detail .view-list .ct:last-child {
  border-right: none;
}

.table .view-detail .view-list .ct .cstom:first-child {
  margin-left: 2px;
}

.table .view-detail .view-list .ct .eval.first.ivl07 img {
  margin-left: 1px;
}

.table .view-detail .view-list .ct.ranking {
  width: 182px;
  height: 132px;
  float: left;
  padding: 12px 6px;
  border-right: 1px dotted #BCBEC0;
  border-bottom: none;
  margin-top: 6px;
  margin-left: 0;
  color: #fff;
  margin-bottom: 5px;
}

.table .view-detail .view-list .ct.ranking .cstom {
  padding: 0;
}

.table .view-detail .view-list .ct.ranking .cstom img {
  margin-top: 20px;
  margin-left: 60px;
}

.table .view-detail .view-list .ct.ncs {
  position: relative;
  width: 300px;
  height: 138px;
  border-right: none;
  margin-top: -4px;
}

.table .view-detail .view-list .ct.ncs .cstom p.ncs {
  margin-bottom: 10px;
}

.table .view-detail .view-list .ct.ncs .updown_btn {
  position: absolute;
  top: 16px;
  right: 0;
}

.table .view-detail .view-list .ct.ncs .updown_btn img {
  cursor: pointer;
}

.table .view-detail .view-list .ct .ncs_list {
  width: 300px;
  padding: 8px;
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #fff;
  transform: skew(-0.1deg);
  margin-top: 0px;
  border-bottom: none;
  margin-left: -10px;
}

.table .view-detail .view-list .ct.ranking.specialty {
  position: relative;
}

.table .view-detail .view-list .ct.ranking.specialty .updown_btn {
  position: absolute;
  top: 6px;
  left: 130px;
}

.table .view-detail .view-list .ct.ranking.specialty .updown_btn img {
  display: inline-block;
  margin-right: 2px;
  cursor: pointer;
}

.table .view-detail .view-list .ct.ranking.specialty .cstom .specialty.field {
  width: 157px;
}

.table .view-detail .view-list .ct.ranking.specialty .cstom .specialty.field p {
  width: 157px;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: text-top;
  text-align: left;
}

.table .view-detail .view-list .ct.ranking.specialty .cstom .specialty p {
  font-size: 14px;
  display: inline-block;
  margin-left: 0;
  margin-top: 0;
}

.table .view-detail .view-list .ct.ranking .specialty {
  width: 175px;
  text-align: left;
  margin-top: 10px;
}

.table .view-detail .view-list .ct.ranking.specialty .cstom {
  text-align: left;
}

.table .view-detail .view-list .ct.ranking.specialty .cstom .count {
  display: inline-block;
  margin-left: 5px;
  color: #17a1ff;
  width: 35px;
}

.table .view-detail .view-list .ct.ranking.specialty.duty {
  padding: 12px;
}

.table .view-detail .view-list .ct.ranking .specialty p.clf {
  width: 117px;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}

.table .view-detail .view-list .ct.ranking.specialty.tech {
  padding: 12px;
}

.table .view-detail .view-list .ct.ranking.cp {
  width: 170px;
  border-right: none;
}

.table .view-detail .view-list .ct.ranking.cp .count {
  font-size: 23px;
  margin: 20px 0;
}

.table .view-detail .view-list .ct.ranking.cp .cp_prj_btn {
  font-size: 11px;
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 5px;
  cursor: pointer;
}

.table .view-detail .view-list .profile .prj_itv p.pf {
  color: #000;
  left: 50px;
  font-size: 14px;
}

.table .view-detail .view-list.guide {
  border-bottom: none;
  padding: 20px 0;
}

.table .view-detail .view-list .guide {
  font-size: 13px;
  color: #eff0f0;
  line-height: 30px;
  margin-left: 20px;
}

.table .view-detail .dot ul {
  display: inline-block;
  margin: 0 auto;
}

.table .view-detail .dot ul li {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 25px;
  background-color: #919396;
  margin-right: 5px;
  cursor: pointer;
}

.table .view-detail .dot ul li.on {
  background: #e4e5e6;
}

.table .view-detail .dot ul li:last-child {
  margin-right: 0;
}

.table .view-detail .dot {
  position: absolute;
  top: 850px;
  left: 50px;
  padding: 20px 300px 0px 300px;
  text-align: center;
}

.table .view-detail .arrow-left {
  position: absolute;
  top: 50%;
  left: 2%;
  cursor: pointer;
}

.table .view-detail .arrow-right {
  position: absolute;
  top: 50%;
  right: 2%;
  cursor: pointer;
}

.copy-wrap.left {
  width: 715px;
  margin-left: 15px;
}

.table .view-detail .view-list .about_me .tit {
  font-family: Pretendard-Bold;
  font-size: 19px;
  margin-bottom: 12px;
}

.table .view-detail .view-list .about_me {
  float: left;
  width: 726px;
  height: 145px;
  background: #fff;
  font-family: Pretendard-Regular;
  font-size: 17px;
  color: #141516;
  margin-left: 4px;
  padding: 20px 30px;
  line-height: 25px;
  overflow-y: auto;
}

.table .view-detail .view-list.about_me {
  margin-bottom: 20px;
  border-bottom: none;
}

.table .view-detail .view-list.career {
  font-size: 17px;
  color: #fff;
}

.table .view-detail .view-list.career .final_box_ct {
  display: inline-block;
}

.table .view-detail .view-list.career .final_box {
  width: 80px;
  float: left;
  font-family: Pretendard-Bold;
  padding: 8px 10px;
  border-right: 1px dotted #808083;
}

.table .view-detail .view-list.career .final_box_ct .final_box {
  width: 140px;
  font-family: Pretendard-Regular;
  border-right: none;
}

.table .view-detail .view-list.career .final_box_ct .final_box.limit {
  height: 25px;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.table .view-detail .view-list.career .final_box_ct .final_box.year {
  width: 229px;
}

.table .view-detail .view-list.career .final_box_ct .final_box.certi_mark {
  float: right;
  width: 125px;
  font-size: 13px;
  color: #000;
  transform: skew(-0.1deg);
  padding: 0;
  margin-top: 4px;
}

.table .view-detail .view-list.career .final_box_ct .final_box.certi_mark .confirm {
  background: #c3e82d;
}

.table .view-detail .view-list.career .final_box_ct .final_box.certi_mark .kosa {
  margin-left: 7px;
  color: #fff;
  background: #1796ff;
}

.table .view-detail .view-list.career .final_box_ct .final_box.certi_mark > div {
  float: right;
  padding: 5px 8px;
}

.table .view-detail .view-list.career .final_box.certi {
  color: #58646d;
}

.paging.left {
  margin-left: 37px;
}

.scroll-box_tit {
  font-family: Pretendard-Bold;
  font-size: 22px;
  padding: 8px 25px;
  margin-bottom: 5px;
  color: #fff;
}

.table .view-detail .view-list.career .layout .list {
  height: 41px;
  font-size: 17px;
  border-top: 1px solid #808083;
  border-bottom: 1px solid #808083;
  padding: 3px 0;
}

.table .view-detail .view-list.career .layout .list .item {
  width: 228px;
  height: 35px;
  float: left;
  font-family: Pretendard-Bold;
  text-align: center;
  border-right: 1px dotted #808083;
  padding: 9px 0;
}

.table .view-detail .view-list.career .layout .list .item-ct {
  width: 445px;
  height: 35px;
  margin-left: 20px;
  padding: 9px 0;
}

.table .view-detail .view-list.career .layout .list .item-ct p.term {
  float: right;
  color: #c3e82d;
}

.table .view-detail .view-list.career .layout .list > div {
  display: inline-block;
}

.table .view-detail .view-list.career.none {
  border-bottom: none;
  margin-bottom: 30px;
}

.table .view-detail .view-list.career.none:last-child {
  margin-bottom: 0;
}


.certi_mark {
  float: right;
  width: 125px;
  font-size: 13px;
  color: #000;
  transform: skew(-0.1deg);
  margin-top: -4px;
}

.certi_mark > div {
  float: right;
  padding: 5px 8px;
}

.certi_mark .kosa {
  margin-left: 7px;
  color: #fff;
  background: #1796ff;
}

.certi_mark .confirm {
  background: #c3e82d;
}

.scroll-box {
  width: 750px;
  max-height: 390px;
  overflow-x: hidden;
  overflow-y: auto;
}

.scroll-box.certi {
  max-height: 220px;
}

.table .view-detail .view-list.none {
  border-bottom: none;
}

.table .view-detail .view-list.career .layout.flex .list {
  height: auto;
}

.table .view-detail .view-list.career .layout.flex .list .item {
  border-right: none;
}

.table .view-detail .view-list.career .layout.flex .list .item-ct {
  border-left: 1px dotted #808083;
  height: auto;
  margin-left: -1px;
  padding: 5px 0;
  padding-left: 20px;
  line-height: 30px;
}

.table .view-detail .view-list.career .layout .list .item-ct.prj {
  width: 330px;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: text-top;
  line-height: 24px;
}

.certi_mark.prj {
  margin-top: 4px;
  margin-right: 12px;
}

.scroll-box.cstom {
  width: 700px;
  margin-left: 35px;
  padding: 20px;
}

.scroll-box.cstom .evl-box {
  border: 1px solid #babcbe;
  padding: 20px;
  margin-bottom: 20px;
}

.scroll-box.cstom .scroll-box_tit {
  margin-bottom: 10px;
  padding: 8px 10px;
  line-height: 28px;
  word-break: keep-all;
}

.table .view-detail .view-list.career .layout .list .item-ct.cstom {
  width: auto;
}

.table .view-detail .view-list.career .layout .list .item-ct.cstom span {
  margin: 0 30px;
}

.table .view-detail .view-list.career .layout .list.cstom {
  display: inline-block;
  width: 600px;
  border-left: 1px dotted #808083;
  border-right: 1px dotted #808083;
  margin-bottom: 15px;
}

.table .view-detail .view-list.career .layout .list .item.cstom {
  width: 160px;
}

.layout .photo {
  width: 34px;
  height: 34px;
  border-radius: 70%;
  overflow: hidden;
  float: left;
}

.layout .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.layout .cstom_name {
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #141516;
  text-align: center;
  background: #fff;
  border-radius: 15px;
  transform: skew(-0.1deg);
  padding: 8px 15px;
  margin-left: 7px;
  margin-right: 80px;
}

.layout .cstom_name span {
  display: inline-block;
  margin-left: 20px;
  text-align: left;
}

.layout .evl {
  padding: 10px;
  margin-right: 10px;
}

.layout .evl > div {
  float: left;
  margin-right: 25px;
  font-size: 15px;
  transform: skew(-0.1deg);
}

.layout .evl > div img {
  display: inline-block;
  vertical-align: top;
  margin-top: -10px;
}

.table .view-detail .view-list.career .layout .list.cstom.eval {
  margin-left: -33px;
  margin-top: 15px;
  padding: 20px 30px;
  height: auto;
  font-size: 16px;
  transform: skew(-0.1deg);
  line-height: 30px;
}

.table .view-detail .view-list.career .layout .list.cstom.eval p {
  font-size: 19px;
  margin-bottom: 10px;
}

.table .view-detail .view-list.career .layout .list.cstom.eval p span.date {
  margin-left: 25px;
}

.table .view-detail .view-list.eval {
  width: 650px;
  margin-left: 3px;
}

.project_box.type {
  width: 1200px;
  padding: 0;
}

.project_box.type .prj_pf {
  width: 670px;
  height: 870px;
  padding: 420px 0;
  font-size: 27px;
}

.project_box.type .prj_pf.none {
  width: 100%; 
  margin-left: 0;
}

.cstom .eval p.text {
  display: inline-block;
  width: 80px;
}

/* 프로젝트 인터뷰 요청하기 팝업 */
.notice_popup.prj_itv {
  width: 800px;
  height: 470px;
  padding: 35px;
}

.notice_popup.prj_itv img {
  vertical-align: middle;
}

.notice_popup.prj_itv .tit {
  display: inline-block;
  margin-left: 8px;
  font-family: Pretendard-Bold;
  font-size: 22px;
  color: #141516;
  margin-bottom: 30px;
}

.notice_popup.prj_itv .input-box {
  padding: 15px 5px;
}

.notice_popup.prj_itv .input-box p {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
}

.notice_popup.prj_itv .input-box .select_wrap {
  width: 100%;
  background: #fff url(/images/mem/select_arrow.png) 98% 50% no-repeat;
  margin-top: 12px;
}

.notice_popup.prj_itv .input-box .select_wrap select, option {  
  height: 32px;
  /* width: 574px;
  min-width: 574px;
  max-width: 574px; */
  width: 100%;
  min-width: 676px;
  max-width: 676px;
}

.notice_popup.prj_itv .input-box input {
  width: 592px;
  height: 26px;
  margin-top: 12px;
}

.notice_popup.prj_itv .member {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #141516;
  margin-top: 20px;
}

.notice_popup.prj_itv .member img.star {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.notice_popup .select-btn {
  margin: 20px auto;
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #fff;
}

.notice_popup .select-btn .btn {
  display: inline-block;
  width: 175px;
  height: 38px;
  margin-right: 10px;
  text-align: center;
  background-color: #BCBEC0;
  border-radius: 6px;
  padding: 11px;
  cursor: pointer;
}

.notice_popup .select-btn .btn:nth-of-type(2) {
  margin-right: 0;
  background-color: #0165FF;
}

.notice_popup .select-btn .btn.blue {
  background-color: #0165FF;
}

.notice_popup .select-btn.pup.mobile {
  margin-top: 2.3vh;
  margin-bottom: 1vh;
}

.notice_popup .select-btn.pup.mobile div {
  height: 2.2vh;
  font-size: 2rem;
}

.notice_popup.prj_itv .prj_outline {
  width: 100%;
  border: 1px solid #a5a7aa;
  padding: 10px 30px;
  margin-top: 5px;
}

.notice_popup.prj_itv .prj_outline .prj_name {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
  margin: 20px 0;
  line-height: 30px;
  display: -webkit-inline-box;
  width: -webkit-fill-available;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.notice_popup.prj_itv .prj_outline .label {
  margin-right: 35px;
  color: #6d6e71;
}

.notice_popup.prj_itv .prj_outline .outline img {
  margin-left: 20px;
  margin-right: 5px;
  vertical-align: bottom;
}

.notice_popup.prj_itv .prj_outline .outline .value.location {
  color: #a5a7aa;
  display: -webkit-inline-box;
  width: -webkit-fill-available;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}

/* 관심인재 등록 팝업 */
.notice_popup.human {
  /* height: 270px; */
}

.notice_popup.human.int {
  height: auto; 
}

.notice_popup.human .tit {
  font-family: Pretendard-Bold;
  font-size: 24px;
  line-height: 30px;
  color: #141516;
  text-align: center;  
  padding: 20px 0 10px 23px;
}

.notice_popup.human .member {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  margin: 20px auto;
}

.notice_popup.human .member img {
  vertical-align: middle;
  margin-right: 7px;
}

.notice_popup.human .member span.name {
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #141516;
  vertical-align: middle;
}

.notice_popup.human .member.prj {
  line-height: 35px;
}

.notice_popup.human .member.prj span.name {
  font-family: Pretendard-Bold;
  font-size: 21px;
}


.notice_popup.human .member span.corp {
  font-family: Pretendard-Bold;
  font-size: 24px;
} 
.notice_popup.human .select-btn {}
.notice_popup.prj_itv.state {
    width: 800px;
    height: 650px;
    padding: 50px;
}
.notice_popup.prj_itv.state .close {
    margin-right: -20px;
    margin-top: -20px;
}
.notice_popup.prj_itv.state .tit {
    font-family: Pretendard-Bold;
    display: inline-block;
    font-size: 22px;
    color: #141516;
    margin-left: 0;
}
.notice_popup.prj_itv.state .prj_name {
    font-family: Pretendard-Bold;
    font-size: 21px;
    color: #141516;
}
.notice_popup.prj_itv.state table {
    width: 100%;
}
.notice_popup.prj_itv.state table label {
    font-size: 16px;
}
.notice_popup.prj_itv.state table tr td {
    padding: 10px 0;
}
.notice_popup.prj_itv.state table th {
    font-family: Pretendard-Bold;
    font-size: 21px;
    color: #141516;
    text-align: left;
}

/*파트너사 지정 프로젝트 등록 확인 팝업*/
.notice_popup.int_prj {
  display: table;
  width: 800px;
  padding: 40px;
}
.notice_popup.int_prj .prj_info_box {
  border: 1px solid #A5A7AA; 
  padding: 30px 40px;
  margin: 20px;
}
.notice_popup.int_prj img.prj_supply {
  float: left;
  margin-left: 25px;
  margin-right: 10px;
}
.notice_popup.int_prj .tit {
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
  height: 39px;
}
.notice_popup.int_prj .prj_info_box .inner {}
.notice_popup.int_prj .prj_info_box .inner p {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 130%;
  word-break: keep-all;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;  
}
.notice_popup.int_prj .prj_info_box .inner .txt {
  display: flex;
  font-size: 15px;
  margin-bottom: 15px;
}
.notice_popup.int_prj .prj_info_box .inner .txt:last-child {
  margin-bottom: 0;
}
.notice_popup.int_prj .prj_info_box .inner .txt > div {
  display: flex;
  align-items: center;
  color: #BABCBE;
  font-size: 14px;
  width: 100px;
  margin-right: 14px;
}
.notice_popup.int_prj .prj_info_box .inner .txt > div:first-child {
  text-align: center;
  white-space: pre;
}
.notice_popup.int_prj .prj_info_box .inner .txt > div:last-child {
  width: 100%;
  color: #231F20;
  line-height: 130%;
  word-break: keep-all;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;  
}
.notice_popup.int_prj .prj_info_box .inner .txt .list {
  display: inline-flex;
  color: #141516;
  transform: skew(-0.1deg);
  font-size: 15px;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
}
.notice_popup.int_prj .prj_info_box .inner .txt .list ul.duty-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.notice_popup.int_prj .prj_info_box .inner .txt .list ul.duty-list li {
  margin-right: 10px;
  margin-bottom: 10px;
}
.notice_popup.int_prj .prj_info_box .inner .txt .list ul.duty-list li span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  height: 30px;
  padding: 0 12px;
  background-color: #e6e7e8;
  border-radius: 4px;
  color: #141516;
  font-size: 14px;
  white-space: nowrap;
}

.notice_popup.int_prj .member {
  width: 100%;
  text-align: center;
}
.notice_popup.int_prj .select-box {
  width: 100%;
  text-align: center;
}


/* 프로젝트 수행율 팝업 */
.notice_popup.pf_rate {
  width: 400px;
  height: 250px;
  color: #141516;
  transform: skew(-0.1deg);
  padding: 15px;
  margin: 330px auto;
}

.notice_popup.pf_rate .tit {
  font-family: Pretendard-Bold;
  font-size: 17px;
  padding: 20px 30px 10px 30px;
}

.notice_popup.pf_rate .rate {
  font-family: Pretendard-Bold;
  font-size: 27px;
  padding: 5px 30px 8px 30px;
}

.notice_popup.pf_rate img.rate {
  padding: 0 30px 15px 30px;
}

.notice_popup.pf_rate .term {
  display: inline-block;
  font-family: Pretendard-Bold;
  font-size: 15px;
  background: #e6e7e8;
  border-radius: 5px;
  margin-left: 34px;
  margin-right: 10px;
  padding: 5px 12px;
}

.notice_popup.pf_rate .date {
  display: inline-block;
  font-size: 16px;
  transform: skew(-0.1deg);
}

/*  ncs 직무 자가진단 평가결과 팝업 */
.notice_popup.ncs {
  position: relative;
  width: 1200px;
  height: 800px;
  padding: 20px 30px 20px 35px;
}

.notice_popup.ncs .name,
.notice_popup.ncs .tit {
  font-family: Pretendard-Bold;
  font-size: 30px;
  color: #6d6e71;
  margin-top: 20px;
  margin-left: 55px;
}

.notice_popup.ncs .name span {
  font-family: Pretendard-Bold;
  font-size: 26px;
}

.notice_popup.ncs .mem_num {
  float: right;
  margin-top: -20px;
  margin-right: 70px;
  font-size: 18px;
  color: #141516;
  transform: skew(-0.1deg);
}

.notice_popup.ncs .mem_num img {
  display: inline-block;
  vertical-align: middle;
}

.notice_popup.ncs .ncs-item {
  font-family: Pretendard-Bold;
  font-size: 28px;
  color: #1c75ba;
  margin-top: 65px;
  margin-left: 55px;
}

.notice_popup.ncs .level-box {
  position: absolute;
  top: 85px;
  right: 100px;
}

.notice_popup.ncs .arrow-left {
  position: absolute;
  top: 350px;
  left: 40px;
  cursor: pointer;
  z-index:1;
}

.notice_popup.ncs .arrow-right {
  position: absolute;
  top: 350px;
  right: 45px;
  cursor: pointer;
  z-index:1;
}

.notice_popup.ncs .dot ul {
  display: inline-block;
  margin: 0 auto;
}

.notice_popup.ncs .dot ul li {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 25px;
  background-color: #e4e5e6;
  margin-right: 5px;
  cursor: pointer;
}

.notice_popup.ncs .dot ul li.on {
  background: #919396;
}

.notice_popup.ncs .dot ul li:last-child {
  margin-right: 0;
}

.notice_popup.ncs .dot {
  position: absolute;
  top: 720px;
  left: 235px;
  width: 700px;
  text-align: center;
  margin: 0 auto;
}

.notice_popup.ncs .sub_tit {
  font-family: Pretendard-Regular;
  font-size: 21px;
  color: #6d6e71;
  margin-top: 20px;
  margin-left: 55px;
}

/* 완료프로젝트 팝업 */
.notice_popup.cp_prj {
  position: relative;
  width: 1200px;
  height: 800px;
  padding: 20px 30px 20px 35px;
}

.notice_popup.cp_prj .name,
.notice_popup.cp_prj .tit {
  font-family: Pretendard-Bold;
  font-size: 30px;
  color: #6d6e71;
  margin-top: 20px;
  margin-left: 55px;
  margin-bottom: 30px;
}

.notice_popup.cp_prj .name span {
  font-family: Pretendard-Bold;
  font-size: 26px;
}

.notice_popup.cp_prj .mem_num {
  float: right;
  margin-top: -20px;
  margin-right: 70px;
  font-size: 18px;
  color: #141516;
  transform: skew(-0.1deg);
}

.notice_popup.cp_prj .mem_num img {
  display: inline-block;
  vertical-align: middle;
}

.notice_popup.cp_prj .prj_outline {
  display: inline-block;
  width: 1010px;
  border: 1px solid #a5a7aa;
  padding: 30px 30px 15px 30px;
  margin-left: 55px;
}

.notice_popup.cp_prj .prj_outline .prj_name {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
  margin: 20px 0;
}

.notice_popup.cp_prj .prj_outline .label {}

.notice_popup.cp_prj .prj_outline .label p {
  width: 85px;
}

.notice_popup.cp_prj .prj_outline .outline img {
  margin-left: 20px;
  margin-right: 5px;
  vertical-align: bottom;
}

.notice_popup.cp_prj .prj_outline .outline .value.location {
  color: #a5a7aa;
  display: -webkit-inline-box;
  width: 248px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}

.notice_popup.cp_prj .prj_outline .left {
  width: 600px;
  float: left;
  border-right: 1px dotted #6d6e71;
}

.value.prj {
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #0165FF;
  line-height: 120%;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
  vertical-align: middle;
}

.notice_popup.cp_prj .prj_outline .right {
  width: 300px;
  height: 163px;
  float: left;
  text-align: center;
  margin-left: 37px;
  margin-top : 40px;
}

.notice_popup.cp_prj .prj_outline .right p {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
  margin-bottom: 25px;
}

.notice_popup.cp_prj .prj_outline .right .star-evl {
  /* width: 82px;
  height: 123px;
  float: left;
  margin-left: 7px;
  margin-right: 7px; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto;
}
.notice_popup.cp_prj .prj_outline .right .star-evl img {
  height: fit-content;
}

.notice_popup.cp_prj .prj_outline .right .star-evl:last-child {
  margin-right: 0;
}

.notice_popup.cp_prj .prj_outline .right .star-evl p {
  font-size: 16px;
  color: #58595B;
  margin: auto 25px;
}

.notice_popup.cp_prj .review {
  width: 1010px;
  height: 220px;
  margin-top: -3px;
  margin-left: 55px;
  background: #e4e5e6;
  padding: 20px 40px;
  overflow-y: auto;
}

.notice_popup.cp_prj .review .layout .list.cstom.eval {
  margin-top: 30px;
  padding: 20px 0;
  height: auto;
  font-size: 16px;
  transform: skew(-0.1deg);
  line-height: 30px;
}

.notice_popup.cp_prj .review .layout .list.cstom.eval p {
  font-size: 19px;
  margin-bottom: 10px;
}

.notice_popup.cp_prj .review .layout .list.cstom.eval p span.date {
  margin-left: 25px;
}

.notice_popup.cp_prj .review::-webkit-scrollbar {
  width: 10px;
  border-radius: 20px;
  background: rgb(226, 226, 226);
}

.notice_popup.cp_prj .review::-webkit-scrollbar-thumb {
  width: 20px;
  border-radius: 20px;
  background-color: #babcbe;
}

.scroll-box.cp_prj {
  width: 1100px;
  max-height: 550px;
  overflow-x: hidden;
  overflow-y: auto;
}

.scroll-box.cp_prj::-webkit-scrollbar {
  width: 10px;
  border-radius: 20px;
  background: rgb(226, 226, 226);
}

.scroll-box.cp_prj::-webkit-scrollbar-thumb {
  width: 20px;
  border-radius: 20px;
  background-color: #babcbe;
}

.notice_popup.cp_prj .list-box {
  margin-bottom: 30px;
}

/* 인터뷰요청 */
.sub_btn-notice.itv {
  left: 70px;
}

.filter.itv .filter_box.int {
  width: 300px;
  border-bottom: none;
}

.filter.itv .filter_box.int ul {
  margin-left: 0;
}

.filter.itv .itv_mark {
  display: inline-block;
  margin-left: 57px;
}

/*클라이언트 프로젝트 지원인재 new 목록*/


.itv-result-box {
  display: inline-block;
  border: 1px solid #6d6e71;
  margin-top: 10px;
  margin-bottom: 15px;
}

.itv-result-box .prj_ct {
  position: relative;
  margin-left: 0;
  padding: 35px 65px;
  border: 3px solid;
  display: inline-block;
  width: 1200px;
}

.itv-result-box .prj_ct .mark-box {
  position: relative;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  transform: skew(-0.1deg);
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.itv-result-box .prj_ct .mark-box > div {
  display: inline-block;  
  font-size: 14px;
  color: #141516;
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
  margin-right: 4px;
  min-width: 66px;
}

.itv-result-box .prj_ct .mark-box .regDate {
  position: relative;
  float: right;
  font-family: Pretendard-Bold;
  font-size: 15px;
  color: #5B5B5B;
  padding: 0;
}
.itv-result-box .prj_ct .mark-box .orderDate {
  display: flex;
  float: inline-start;
  font-family: Pretendard-Regular;
  font-size: 15px;
  color: #BCBEC0;
  width: auto;
}

.itv-result-box .prj_ct .prj_outline .top{}

.itv-result-box .prj_ct .prj_outline .top .outline .mark_sco {
  border: 3px solid;
  border-radius: 20px;
  padding: 4px 15px;
  margin-left: -25px;
  margin-right: 13px;
  font-size: 14px;
  font-weight: bold;
}

.itv-result-box .prj_ct .mark.pf {
  background: #9cd5ff;
  border: 1px solid #9cd5ff;
}

.itv-result-box .prj_ct .mark.rc {
  background: #0165ff;
  border: 1px solid #fff;
  color: #fff;
}

.itv-result-box .prj_ct .mark.ep {
  background: #ccf7ff;
  border: 1px solid #ccf7ff;
}

.itv-result-box .prj_ct .mark.cp {
  background: #E6E7E8;
  border: 1px solid #E6E7E8;
}

.itv-result-box .prj_ct .mark.bp {
  background: #231f20;
  border: 1px solid #231f20;
  color: #fff;
}

.itv-result-box .prj_outline {
  float: left;
  padding: 0;
  margin-left: 0px;
  border: none;
}

.itv-result-box .prj_outline .prj_name {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
  margin: 20px 0;
}

.itv-result-box .prj_outline .label {
  font-size: 16px;
  color: #5B5B5B;
}

.itv-result-box .prj_outline .outline img {
  margin-left: 20px;
  margin-right: 5px;
  vertical-align: bottom;
}

.itv-result-box .prj_outline .outline .value.location {
  color: #a5a7aa;
  display: -webkit-inline-box;
  width: 248px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}

.itv-result-box .tech-intv-none{
  width: 100%;
  font-size: 27px;
  color: #939598;
  justify-content: center;
  padding: 120px 0;
}

/* 클라이언트 프로젝트담당 내프로젝트 - 수행중,수행예정,완료 프로젝트 탭화면 */
.tab-type2 {
  display: inline-block;
  width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
}

.tab-type2 .tab {
  margin-top: 37px;
}

.tab-type2 ul.tab li {
  position: relative;
  float: left;
  width: 227px; 
  height: 70px;
  color: #fff;
  border: 1px solid #919396;
  border-radius: 10px 10px 0 0;
  background: #a5a7aa;
  font-family: Pretendard-Bold;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  padding-top: 7px;
  margin-right: 16px;
  cursor: pointer;
  z-index: 1;
}

.tab-type2 ul.tab li .alarm {
  display: none;
}

.tab-type2 ul.tab li .alarm.show {
  display: block;
}

.tab-type2 ul.tab li img {
    position: absolute;
    top: -38px;
    left: 20px; 
}

.tab-type2 ul.tab li p {
    position: absolute;    
    top: -45px; 
    left: 60px; 
    font-size: 14px;
    color: #fff;
}

.tab-type2 ul.tab li:last-child {
  margin-right: 0;
  width: 228px;
}

.tab-type2 ul.tab li.on {
  background-color: #fff;
  color: #231f20;
  border-bottom: none;
}

.contents-body.prj_mn {
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.contents-body.prj_mn .search-box {}
.contents-body.prj_mn .search-box .prj_tit {}
.contents-body.prj_mn .search-box .prj_cnt {}
.contents-body.prj_mn .search-box input[type="text"] {
  width: 480px;
}

.contents-body.prj_mn .search-box .search_btn {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
}
.contents-body.prj_mn .search-box .search_btn img.search {
  margin-left: 5px;
  width: 14px;
  opacity: 0.7;
}

.contents-body.prj_mn .filter p.text {
  margin: 0 53px;
}

.prj_mn-box {
  margin-top: 20px;
  margin-bottom: 20px;
}

.prj_mn-box .no {
  float: left;
  width: 55px;
  height: 290px;
  padding: 194px 0 120px 3px;
  font-family: Pretendard-Bold;
  font-size: 16px;
}

.prj_mn-box .view {
  float: none;
  box-sizing: border-box;
  width: 1200px;
  background-color: #fff;
  padding: 35px 65px;
  margin-bottom: 20px;
  border-radius: 12px;  
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .16);
  border: 1px solid transparent;
}

.prj_mn-box .view .req {
  width: 100%;
  border-right: none;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.prj_mn-box .view .req .prj_outline {
  position: relative;
  height: 250px;
  padding: 10px;
  border-bottom: none;
}

.prj_mn-box .view .req .prj_outline .label {
  margin-right: 45px;
  color: #6d6e71;
}

.prj_mn-box .view .req .prj_outline .prj_name {
  display: inline-block;
}

.prj_mn-box .view .req .prj_outline .outline img {
  margin-left: 20px;
  margin-right: 5px;
  vertical-align: bottom;
}

.prj_mn-box .view .req .prj_outline .outline .value.location {
  color: #a5a7aa;
  vertical-align: bottom;
}

.prj_mn-box .view .req .prj_outline .top {
  border-bottom: 1px dotted #6d6e71;
  margin-bottom: 20px;
}

.prj_mn-box .view .req .prj_outline .top .prj_name {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
  cursor: pointer;
  margin-top: 0;
}

.prj_mn-box .view .req .prj_outline .top .prj_name_multi {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
  cursor: pointer;
  margin-top: 0;

  width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prj_mn-box .view .req .prj_outline .outline {
  margin-bottom: 15px;
}

.prj_mn-box .view .req .prj_outline .top .date {
  width: auto;
  float: right;
  font-size: 15px;
  color: #BCBEC0;
}

.prj_mn-box .view .req .prj_outline .top .date span.enroll_date {
  margin-left: 15px;
}

.prj_mn-box .view .req .prj_outline .human_count {
  position: absolute;
  top: 80px;
  right: 20px;
  width: 150px;
  height: 140px;
  border: 1px dotted #6d6e71;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
  color: #141516;
  padding-top: 70px;
}

.prj_mn-box .view .req .prj_outline .human_count img {
  position: absolute;
  top: 17px;
  right: 53px;
}

.prj_mn-box .view .req .prj_outline .human_count img.fold {
  position: absolute;
  top: 100px;
  right: 52px;
  cursor: pointer;
}

.prj_mn-box .view .req .state_mark {
  position: relative;
  transform: skew(-0.1deg);
  text-align: center;
  font-family: Pretendard-Bold;
  color: #141516;
  padding: 4px 8px;
  margin-right: 8px;
  border-radius: 4px;
}

.prj_mn-box .view .req .state_mark.pf {
  background: #ccf7ff;
  border: 1px solid #ccf7ff;
}

.prj_mn-box .view .req .state_mark.ep {
  background: #ccf7ff;
  border: 1px solid #ccf7ff;
}

.prj_mn-box .view .req .state_mark.cp {
  background: #E6E7E8;
  border: 1px solid #E6E7E8;
}

.prj_mn-box .view .req .state_mark.us {
  background: black;
  border: 1px solid black;
  color: #fff;
}

.prj_mn-box .view .req .state_mark.rq {
  background: #FF7F00;
  border: 1px solid #FF7F00;
  color: #fff;
}

.prj_mn-box .view .req .client_info {
  position: relative;
  margin-bottom: 10px;
}

.prj_mn-box .view .req .deadline .sp_human {
  background-color: #0165FF;
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
}
.prj_mn-box .view .req .deadline .fold_btn {
  cursor: pointer;
}


.prj_mn-box .human_list {
  display: none;
  width: 929px;
  float: left;
  border: 1px solid #58595b;
  margin-left: 75px;
  padding: 20px 30px;
}

.prj_mn-box .human_list.show {
  display: block;
}

.prj_mn-box .human_list p {
  width: 65px;
  float: left;
  font-size: 15px;
  color: #141516;
}

.Board.type3.pt .Board_type3.human tbody tr td .light {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #17a1ff;
  margin-right: 8px;
}

.Board.type3.pt .Board_type3.human tbody tr td .light.cp {
  background: #6d6e71;
}

.prj_mn-box .view .req .prj_outline .prj_name {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
  cursor: pointer;
  margin-top: 15px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prj_change_btn {
  display: inline-block;
  width: 103px;
  height: 28px;
  font-family: Pretendard-Bold;
  font-size: 14px;
  color: #fff;
  transform: skew(-0.1deg);
  background: #141516;
  border-radius: 5px;
  text-align: center;
  padding-top: 7px;
  margin-left: -17px;
  margin-top: 5px;
  cursor: pointer;
}

.prj_mn-box .view .req .prj_outline .member-box {
  position: absolute;
  height: 265px;
  top: -15px;
  right: -8px;
  overflow: hidden;
}

.prj_mn-box .view .req .prj_outline .member-box span.count {
  position: absolute;
  width: 64px;
  top: 140px;
  left: 167px;
  font-family: Pretendard-Bold;
  font-size: 30px;
  color: #ffd636;
  text-align: center;
}

.prj_mn-box .view .req .prj_outline .member-box span.count.ep {
  color: #fff;
}

.prj_mn-box .view .req .prj_outline .member-box .sp_human {
  position: absolute;
  width: 116px;
  height: 28px;
  background: #141516;
  top: 222px;
  left: 143px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding-top: 7px;
  padding-left: 3px;
  border-radius: 5px;
  transform: skew(-0.1deg);
  cursor: pointer;
}

.prj_mn-box .view .req .prj_outline .member-box .sp_human.ep {
  background: #919396;
}

.prj_mn-box .view .req .prj_outline .human_count .alarm {
  display: none;
}

.prj_mn-box .view .req .prj_outline .human_count .alarm.show {
  display: block;
}

.prj_mn-box .view .req .prj_outline .human_count .alarm img {
  position: absolute;
  top: -65px;
  right: -18px;
}

.prj_mn-box .view .req .prj_outline .human_count .alarm p {
  position: absolute;
  top: -55px;
  right: -5px;
  font-family: Pretendard-Bold;
  font-size: 14px;
  color: #fff;
}

.project_box.prj {
  float: left;
  margin-left: 20px; 
}

.project_box.prj .prj_pf {
  width: 930px; 
}

/* 클라이언트 프로젝트담당 내프로젝트 - 프로젝트 상세 */
.contents-body.demand.tab {
  margin-top: -27px;
}

/* 인재평가하기 */
.contents-body.hr_evl {
  margin: 0;
  margin-top: 30px;
}

.contents-body.hr_evl .profile_box {
  float: left;
  margin-top: 100px;
  text-align: center;
}

.contents-body.hr_evl .profile_box .name {
  font-family: Pretendard-Bold;
  font-size: 19px;
  color: #141516;
  
}

.contents-body.hr_evl .profile_box .name span.age {
  font-size: 17px;
  color: #939598;
  width: 100%;
}

.contents-body.hr_evl .mypage_pf {
  float: right;
  margin-top: 5px;
  padding: 0;
}

.contents-body.hr_evl .member-box {
  width: 100%;
  float: left;
  margin-left: -200px;
  padding: 13px 0;
  border-bottom: 1px dotted #BCBEC0;
}

.contents-body.hr_evl .member-box span.name {
  font-family: Pretendard-Bold;
  font-size: 30px;
  color: #141516;
  margin-right: 10px;
}

.contents-body.hr_evl .member-box span.age {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #939598;
  margin-right: 15px;
}

.contents-body.hr_evl .member-box span.cmp {
  font-family: Pretendard-Regular;
  font-size: 15px;
  color: #141516;
}

.contents-body.hr_evl .member-box .mem_num {
  float: right;
  margin-top: 5px;
  font-size: 14px;
  color: #141516;
  transform: skew(-0.1deg);
}

.contents-body.hr_evl .member-box .mem_num .state {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end; 
  gap: 5px; 
}
.contents-body.hr_evl .member-box .mem_num .state div {
  font-family: Pretendard-Bold;
  font-size: 15px;
  background-color: #0165FF;
  color: #fff;
  padding: 5px;
  text-align: center;
}
.contents-body.hr_evl .member-box .mem_num .state .dev_state {
  background-color: #3A3E47;
}
.contents-body.hr_evl .member-box .mem_num .state div:nth-of-type(1) {
  width: 150px;
}
.contents-body.hr_evl .member-box .mem_num .state div:nth-of-type(2) {
  width: 180px;
}
.contents-body.hr_evl .member-box .mem_num .state div:nth-of-type(3) {
  width: 80px;
}

.contents-body.hr_evl .member-box .mem_num img {
  display: inline-block;
  vertical-align: middle;
}

.contents-body.hr_evl .profile_box .prj_itv {
  position: relative;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
  margin-top: 10px;
  margin-left: -5px;
  margin-bottom: 5px;
}

.contents-body.hr_evl .profile_box .prj_itv p {
  position: absolute;
  top: 21px;
  left: 25px;
}

.contents-body.hr_evl .profile_box .prj_itv p.pf {
  color: #000;
  left: 50px;
  font-size: 14px;
}

.contents-body.hr_evl .profile_box .human_int {
  width: 155px;
  height: 36px;
  background: #fff;
  border: 1px solid #BCBEC0;
  border-radius: 4px;
  font-size: 14px;
  color: #000;
  margin-top: 3px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contents-body.hr_evl .profile_box .human_int img {
  width: 16px;
  margin-right: 4px;
}
.contents-body.hr_evl .profile_box .project {
  width: 155px;
  height: 36px;
  background: #fff;
  border: 1px solid #BCBEC0;
  border-radius: 4px;
  font-size: 14px;
  color: #000;
  margin-top: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contents-body.hr_evl .profile_box .project:hover {
  cursor: pointer;
}

.contents-body.hr_evl .profile_box .project img {
  width: 16px;
  margin-right: 4px;
}
.contents-body.hr_evl .profile_box .interview {
  width: 155px;
  height: 36px;
  background: #0165FF;
  border: 1px solid #0165FF;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  margin-top: 3px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contents-body.hr_evl .myp_box .ct.evl {
  /* padding: 5px 24px; */
  /* width: 211.5px; */
  width: 200px;
}

.contents-body.hr_evl .myp_box .ct.evl.ranking {
  padding: 5px 20px;
}

.contents-body.hr_evl .myp_box .ct.evl.ranking img.ranking {
  margin-top: -16px;
  margin-bottom: 0;
}

.contents-body.hr_evl .ct .cstom img.ranking {
  margin: 26px 0;
}

.contents-body.hr_evl .myp_box .ct.evl.ranking p {
  font-family: Pretendard-Bold;
  font-size: 21px;
  text-align: center;
  margin-top: -17px;
}

.ct span.hr {
  font-family: Pretendard-Bold;
  margin-left: -20px;
}

.ct.amount.hr {
  padding: 11px 25px;
}

.ct.amount.hr p {
  font-family: Pretendard-Bold;
  font-size: 17px;
  text-align: center;
}

.myp_box.top.none {
  border-bottom: none;
}

.ct.ncs .cstom .ncs_shortcut.none {
  display: none;
}

.contents-body.hr_evl .bottom-box {
  clear: both;
  /* width: 1200px;
  float: left;
  margin-left: -200px; */
  border-top: 1px dotted #BCBEC0;
  font-size: 13px;
  color: #919396;
  transform: skew(-0.1deg);
  line-height: 25px;
  padding: 35px;
  margin-top: 25px;
}

.mem_container.resume.hr_evl {
  background: #fff;
}

.contents-body.hr_evl .ct .cstom .eval.none img.star {
  margin-left: 0;
}

img.human_evl_caution {
  margin-left: 295px;
  margin-bottom: 40px;
}

/* IT프로 찾기 */
.filter .filter_box.int.tech {
  width: 100%;
  min-width: 1200px;
}
.filter .filter_box.int.save {
    min-width: 1106px;
}

.filter .filter_box.int.tech ul {
  margin-left: 0;
}

.filter_box.tech ul li p.search_filter {
  margin-right: 75px;
}

.list-box .tit.flex-box {
  display: flex;
  align-items: baseline;
  margin: 40px 0 20px 0;
}
.list-box .tit.flex-box .sub_tit {
  margin: 0 0 0 30px;
}
.tech-search-container {
  box-sizing: border-box;
}
.tech-search-container .btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 13px;
  height: 36px;
  width: 100%;
  font-size: 15px;
  color: #141516;
  border: 1px solid #a1a2a2;
  cursor: pointer;
}
.tech-search-container .btn::after {
  display: block;
  content: "";
  width: 17px;
  height: 10px;
  background: url(/images/arrow-bottom.png) no-repeat center;
}
.tech-search-container .btn.open::after {
  background: url(/images/arrow-top.png) no-repeat center;
}
.tech-search-container .container {
  display: flex;
  height: 130px;
  border: 1px solid #a1a2a2;
  border-top: none;
}
.tech-search-container .container .select-area {
  /* width: 180px; */
  width: 200px;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.tech-search-container .container .select-area > ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  font-size: 13px;
  color: #141516;
}
.tech-search-container .container .select-area > ul li a:hover::after,
.tech-search-container .container .select-area > ul li a.active::after {
  display: block;
  content: "";
  width: 8px;
  height: 13px;
  background: url(/images/arrow-right_03.png) no-repeat center;
}
.tech-search-container .container .select-area > ul li a.activated {
  font-weight: 600;
}
.tech-search-container .container .select-area > ul li a:hover,
.tech-search-container .container .select-area > ul li a.active {
  font-weight: 600;
  background-color: #def1fc;
  cursor: pointer;
}
.tech-search-container .container .result-area {
  flex: 1 1 100%;
  height: 100%;
  overflow: auto;
}
.tech-search-container .container .result-area > ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 4px;
}
.tech-search-container .container .result-area > ul li {
  box-sizing: border-box;
  width: 25%;
  padding-left: 25px;
  margin-bottom: 4px;
}
.tech-search-container .container .result-area > ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 12px;
  height: 25px;
  font-size: 13px;
  color: #141516;
  cursor: pointer;
}
.tech-search-container .container .result-area > ul li a.active {
  border: 1px solid #34adff;
  border-radius: 4px;
  font-weight: 600;
}
.tech-search-container .selected-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #c9cacb;
  border-top: none;
  margin-bottom: 40px;
  /*CHM add*/
  background-image: linear-gradient(to right, white 1059px, #17a1ff 141px);
}
.tech-search-container .selected-area > ul {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 490px;
  box-sizing: border-box;
  padding: 18px 0 4px 13px;
}
.tech-search-container .selected-area > ul li {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #141516;
  margin-bottom: 14px;
  margin-right: 25px;
}
.tech-search-container .selected-area button {
  border: none;
  outline: none;
  cursor: pointer;
}
.tech-search-container .selected-area > ul li .btn-delete {
  width: 7px;
  height: 9px;
  font: 0/0 a;
  margin-left: 4px;
  margin-top: -2px;
  background: url(/images/btn-delete.png) no-repeat center;
}
.tech-search-container .selected-area .aside {
  display: flex;
}
.tech-search-container .selected-area .aside .btn-reset {
  width: 50px;
  height: 40px;
  font: 0/0 a;
  background: url(/images/btn-reset.png) no-repeat center;
}
.tech-search-container .selected-area .aside .btn-search {
  font-family: Pretendard-Bold;
  width: 139px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  background-color: #17a1ff;
}
.tech-search-container .selected-area .aside .btn-search span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tech-search-container .selected-area .aside .btn-search span::before {
  display: block;
  content: "";
  width: 13px;
  height: 19px;
  margin-right: 5px;
  background: url(/images/btn-search.png) no-repeat center;
}
.tech-search-container .container > div::-webkit-scrollbar {
  width: 8px;
  background-color: #f1f2f2;
}
.tech-search-container .container > div::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: #bcbec0;
}

.tech-search-container .container .result-area.sco > ul li {
  box-sizing: border-box;
  width: 20%;
  padding-left: 25px;
  margin-bottom: 4px;
}

/* 부모 프로젝트 등록_선택한 파트너사 */

.corp-search-container {
  box-sizing: border-box;
}
.corp-search-container .btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 13px;
  height: 36px;
  width: 100%;
  font-size: 15px;
  color: #141516;
  border: 1px solid #a1a2a2;
  cursor: pointer;
}
.corp-search-container .container {
  display: flex;
  height: 415px;
  border: 1px solid #a1a2a2;
  border-top: none;
}
.corp-search-container .container .result-area {
  flex: 1 1 100%;
  height: 100%;
  overflow: auto;
}
.corp-search-container .container .result-area.sco > table {
  font-size: 14px;
  width: 100%;
  margin-top: 10px;
}

.corp-search-container .container .result-area.sco > table tr{
  line-height: 25px;
}

.corp-search-container .container .result-area.sco > table tr td .corpNm {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 215px;
}

.corp-search-container .container .result-area.sco > table tr td .companyAddrInfo {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 435px;
}

.corp-search-container .container .result-area.sco > table tr td .btn-delete {
  width: 20px;
  height: 20px;
  font: 0 / 0 a;
  margin-left: 4px;
  vertical-align: middle;
  background: url(/images/btn-delete.png) no-repeat center;
  border: none;
  outline: none;
  cursor: pointer;
}

.corp-search-container .container .result-area.sco > table tr td .btn-delete:hover{
  border: 1px solid #939598;
  border-radius: 4px;
}

.corp-search-container .reset-area {
  margin-bottom: 0px;
  float: right;
}

.corp-search-container .reset-area >button {
  width: 80px;
  height: 40px;
  font: 0 / 0 a;
  background: url(/images/btn-reset_02.png) no-repeat center;
  border: none;
  outline: none;
  cursor: pointer;
}

/* 부모 프로젝트 등록_파트너사 선택 팝업 */
.notice_popup.select_corp {
  display: table;
  width: 1100px;
  padding: 40px;
}
.notice_popup.select_corp .tit {
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
  height: 39px;
  margin-left: 44px;
}
.notice_popup.select_corp .corp_info_box {
  margin: 20px 44px;
  display: inline-block;
  width: 932px;
}
.notice_popup.select_corp .corp_info_box .inner {
  display: inline-block;
  width: 450px;
  height: 385px;
  border: 1px solid #a1a2a2;
  box-sizing: border-box;

  font-size: 15px;
}
.notice_popup.select_corp .corp_info_box .inner > div::-webkit-scrollbar {
  width: 8px;
  background-color: #f1f2f2;
}
.notice_popup.select_corp .corp_info_box .inner > div::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: #bcbec0;
}

.notice_popup.select_corp .corp_info_box .inner.left {
  float: left;
}

.notice_popup.select_corp .corp_info_box .inner.right {
  float: right;
}
.notice_popup.select_corp .corp_info_box .inner .search-sco-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding-right: 10px;
  height: 36px;
  width: 100%;
  font-size: 15px;
  color: #141516;
  border-bottom: 1px solid #a1a2a2;
  
}
.notice_popup.select_corp .corp_info_box .inner .list {
  transform: skew(-0.1deg);
  overflow: auto;
  height: 349px;
}

.notice_popup.select_corp .corp_info_box .inner .list > table {
  width: 100%;
  font-size: 14px;
  padding-left: 5px;
}
.notice_popup.select_corp .corp_info_box .inner .list > table thead th {
  line-height: 38px;
  background-color: #E8ECED;
  text-align: left;
  padding-left: 15px;
}

.notice_popup.select_corp .corp_info_box .inner .list > table tbody td {
  line-height: 34px;
  padding-left: 15px;
}
.notice_popup.select_corp .corp_info_box .inner .list > table tbody tr td .corpNm {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 220px;
}

/* left*/
.notice_popup.select_corp .corp_info_box .inner.left .search-sco-btn {
  cursor: pointer;
}
.notice_popup.select_corp .corp_info_box .inner.left .search-sco-btn >input {
  border: none;
}
.notice_popup.select_corp .corp_info_box .inner.left .list > table tbody .select-hover:hover {
  font-weight: 600;
  background-color: #def1fc;
  cursor: pointer;
}
.notice_popup.select_corp .corp_info_box .inner.left .list > table tbody .select-hover:hover .hover-img {
  display: inline-block;
  width: 90%;
  background: url(/images/arrow-right_03.png) no-repeat right;
}
.notice_popup.select_corp .corp_info_box .inner.left .list > table tbody .searh-none-corp {
  line-height: 272px;
  padding: 0;
}
.notice_popup.select_corp .corp_info_box .inner.left .list > table tbody .searh-none-corp > div {
  text-align: center;
  font-size: 22px;
  color: #939598;
}

/* right */
.notice_popup.select_corp .corp_info_box .inner.right .search-sco-btn > div {
  font-size: 18px;
  padding-left: 15px;
}
.notice_popup.select_corp .corp_info_box .inner.right .list > table{
  margin-top: 7px;
}
.notice_popup.select_corp .corp_info_box .inner.right .list > table td{
  padding-left: 10px;
} 
.notice_popup.select_corp .corp_info_box .inner.right .list > table .td-idx{
  padding: 0;
  text-align: center;
}
.notice_popup.select_corp .corp_info_box .inner.right .list > table tbody tr td .btn-delete{
  width: 20px;
  height: 20px;
  font: 0 / 0 a;
  background: url(/images/btn-delete.png) no-repeat center;
  vertical-align: middle;
  margin-right: 17px;
  border: none;
  outline: none;
  cursor: pointer;
}
.notice_popup.select_corp .corp_info_box .inner.right .list > table tbody tr td .btn-delete:hover {
  border: 1px solid #939598;
  border-radius: 4px;
}
.notice_popup.select_corp .corp_info_box .inner.right .list .selected-none-box {
  height: 100%;
}
.notice_popup.select_corp .corp_info_box .inner.right .list .selected-none-corp {
  display: inline-block;
  font-size: 22px;
  color: #939598;
  width: 100%;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.Board.type3.tech .check_ft {
  float: left;
  width: 130px;
  padding: 15px 0 20px 0;
  font-family: Pretendard-Bold;
  font-size: 16px;
  transform: skew(-0.1deg);
}

.Board.type3.tech .ft_box .tit {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  font-family: Pretendard-Bold;
  font-size: 16px;
  margin-top: 0;
}

.Board.type3.tech .ft_box img {
  display: inline-block;
}

.view-detail img.highpro {
  display: block;
  margin: 0 auto;
  margin-top: 70px;
}

.view-detail .intro {
  width: 570px;
  height: 180px;
  margin: 50px auto;
  text-align: center;
  font-family: Pretendard-Regular;
  font-size: 18px;
  color: #fff;
  line-height: 60px;
}

.project_box.type.tech {
  width: 1070px;
  padding-left: 5px;
}

.project_box.type.tech .prj_pf {}

/* 파트너사 - 마이페이지 */
img.people.sco {
  margin-top: 100px;
  margin-right: 150px;
  float: right;
}

.contents-body.tab.point.sco, 
.contents-body.tab.point.sco2 {
  margin-bottom: 35px;
}

.contents-body.tab.point.sco .my-resume .mem-box {
    width: 380px;
    margin-top: 30px;
    margin-left: 65px;
}
.contents-body.tab.point.sco .my-resume .mem-box.last {
    margin-left: 0;
}

.contents-body.tab.point.sco .my-resume .mem-box .mem-count .shortcut {
  float: left;
  font-size: 14px;
  color: #141516;
  text-align: center;
  border: 1px solid #babcbe;
  border-radius: 20px;
  padding: 6px 10px 6px 12px;
  margin-left: 40px;
  cursor: pointer;
}

.contents-body.tab.point.sco .my-resume .mem-count span.noti {
  right: 62px;
}

.contents-body.tab.point.sco .my-resume .mem-count {
  width: 380px;
}

.contents-body.tab.point.sco2 {}
.contents-body.tab.point.sco2 .my-resume {
    margin-top: 50px;
}
.contents-body.tab.point.sco2 .mem-box .title {
    margin-bottom: 30px;
    font-family: Pretendard-Bold;
    font-size: 23px;
    color: #141516;
}
.contents-body.tab.point.sco2 .my-resume .mem-box {
    width: 480px;
    margin-top: 0;
    margin-left: 70px;
}
.contents-body.tab.point.sco2 .my-resume .mem-box::after {
    opacity: 0.4;
    width: 1px;
    height: 150px;
    display: block;
    content: "";
    margin-left: 500px;
    margin-top: 50px;
}
.contents-body.tab.point.sco2 .my-resume .mem-box.last:after {
    display: none;
}
.contents-body.tab.point.sco2 .my-resume .mem-box.last {
    float: right;
    border-right: none;
    width: 400px;
}
.contents-body.tab.point.sco2 .my-resume .mem-count {
    width: 380px;
}
.contents-body.tab.point.sco2 .my-resume .mem-count span.noti {
    right: 113px;
}

.contents-body.tab.point.sco2 .my-resume .mem-box .mem-count .shortcut {
    float: left;
    font-size: 14px;
    color: #141516;
    text-align: center;
    border: 1px solid #babcbe;
    border-radius: 20px;
    padding: 6px 10px 6px 12px;
    margin-left: 15px;
    cursor: pointer;
}
.contents-body.tab.point.sco2 .my-resume .mem-count .mem {
    width: 130px;
}

/* 파트너사 - 프로젝트 현황 */
.search_box.sco .select_wrap {
  width: 105px;
  float: left;
  margin-right: 10px;
  border: none;
}

.search_box.sco .select_wrap select,
option {
  width: 87px;
  min-width: 87px;
  max-width: 87px;
}

.search_box.sco input.search_box.int {
  margin-left: -11px;
  width: 233px;
}

.Board.type3 .Board_type3.demand.sco tbody tr td .light {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #17a1ff;
  margin-right: 8px;
}

.Board.type3 .Board_type3.demand.sco tbody tr td .light.dg {
  background: #6d6e71;
}

.Board.type3 .Board_type3.demand.sco tbody tr td .light.yw {
  background: #FBCE09;
}

.Board.type3 .Board_type3.demand.sco tbody tr td .light.rd {
  background: #EF4136;
}

.title-txt span {
  font-weight: 700;
}
.sco_prj_tab {
  width: 1200px;
  display: inline-block;
  margin-top: -95px;
}

/*파트너사 > 프로젝트 찾기 tab3*/
.tab-type3 {
    float: right;
}
.tab-type3 .tab {
    margin-top: 0;
}
.tab-type3 ul.tab li {
  position: relative;
  float: left;
  width: 404px; 
  height: 70px;
  color: #fff;
  border: 1px solid #919396;
  border-radius: 10px 10px 0 0;
  background: #a5a7aa;
  font-family: Pretendard-Bold;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  padding-top: 7px;
  margin-right: 16px; 
  cursor: pointer;
  z-index: 1;
}
.tab-type3 ul.tab li .alarm {
    display: none;
}
.tab-type3 ul.tab li .alarm.show {
    display: block;
}
.tab-type3 ul.tab li img {
    position: absolute;
    top: -38px;
    left: 20px; 
}
.tab-type3 ul.tab li p {
    position: absolute;    
    top: -45px; 
    left: 60px; 
    font-size: 14px;
    color: #fff;
}
.tab-type3 ul.tab li:last-child {
    margin-right: 0;
}
.tab-type3 ul.tab li.on {
    background-color: #fff;
    color: #231f20;
    border-bottom: none;
}
/*클라이언트_프로젝트 담당 > 프로젝트 등록 tab4*/
.tab-type4 {
    float: right;
}
.tab-type4 .tab {
    margin-top: 0;
}
.tab-type4 ul.tab li {
    position: relative;
    float: left;
    width: 374px; 
    height: 70px;
    color: #fff;
    border-radius: 10px 10px 0 0;
    background: #a5a7aa;
    font-family: Pretendard-Bold;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    padding-top: 7px;
    margin-right: 16px; 
    cursor: pointer;
    z-index: 1;
}
.tab-type4 ul.tab li .alarm {
    display: none;
}
.tab-type4 ul.tab li .alarm.show {
    display: block;
}
.tab-type4 ul.tab li img {
    position: absolute;
    top: -38px;
    left: 20px; 
}
.tab-type4 ul.tab li p {
    position: absolute;    
    top: -45px; 
    left: 60px; 
    font-size: 14px;
    color: #fff;
}
.tab-type4 ul.tab li:last-child {
    margin-right: 0;
}
.tab-type4 ul.tab li.on {
    background-color: #fff;
    color: #231f20;
    border-bottom: none;
}

/*IT프로-내프로젝트 tab5*/
.contents-body.tecprj {
  display: block;
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
}
.contents-body.tecprj .search-box {
  margin-bottom: 20px;
}
.contents-body.tecprj .search-box .search_btn {
  position: absolute;
  top:  11px;
  right: 18px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
}
.contents-body.tecprj .search-box .search_btn img.search {
  margin-left: 5px;
  width: 14px;
  opacity: 0.7;
}

.contents-body.tecprj .search-box .prj_tit {
  font-size : 16px; 
  color:#585858; 
  margin-bottom:20px;
}

.contents-body.tecprj .search-box .prj_cnt {
  font-weight:bold
}

.contents-body.tecprj > .filter {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 55px;
}
  
.tec_prj_tab {
    width: 1200px;
    display: flex;
    justify-content: flex-start;
    margin: 0 auto;
}
.tab-type5 {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}
.tab-type5 .tab {}
.tab-type5 ul.tab li {
    position: relative;
    float: left;
    padding: 10px 35px;
    color: #5b5b5b;
    border-radius: 25px;
    background: #FFF;
    border: 1px solid #D6D7D8;
    font-family: Pretendard-Medium;
    font-size: 16px;
    text-align: center;
    margin-right: 16px; 
    cursor: pointer;
    z-index: 1;
    min-width: 186px;
}
.tab-type5 ul.tab li .alarm {
    display: none;
}
.tab-type5 ul.tab li .alarm.show {
    display: block;
}
.tab-type5 ul.tab li img {
  position: absolute;
  top: -45px;
  left: 16px;
  width: 152px; 
}
.tab-type5 ul.tab li p {
  position: absolute;    
  top: -36px; 
  left: 47px; 
  font-size: 11px;
  color: #fff;
}
.tab-type5 ul.tab li:last-child {
  margin-right: 0;
}
.tab-type5 ul.tab li.on {
  background-color: #0165FF;
  font-family: Pretendard-Bold;
  border: 1px solid #0165FF;
  color: #fff;
}



/* 클라이언트 프로젝트담당 마이페이지 */
.contents-body.tab.point.dco .my-resume {
  margin-top: 50px;
}

.contents-body.tab.point.dco .my-resume .photo .img {
  margin-left: 25px;
}

.contents-body.tab.point.dco .my-resume .photo span.ctm {
  display: inline-block;
  width: 195px;
}

.contents-body.tab.point.dco .my-resume .photo .prj_enroll {
  margin-top: 5px;
}

.contents-body.tab.point.dco .my-resume .photo img.prj_enroll {
  float: left;
  cursor: pointer;
}

.contents-body.tab.point.dco .my-resume .photo .info_change {
  margin-top: 15px;
}

.contents-body.tab.point.dco .my-resume .photo img.info_change {
  float: left;
  cursor: pointer;
}

.contents-body.tab.point.dco .my-resume .mem-box {
  width: 380px;
  margin-top: 0;
  margin-left: 40px;
  border-right: 1px dotted #6d6e71;
}

.contents-body.tab.point.dco .my-resume .mem-box.last {
  border-right: none;
}

.contents-body.tab.point.dco .my-resume .mem-count {
  width: 380px;
}

.contents-body.tab.point.dco .my-resume .mem-count span.noti {
  right: 93px;
}

.contents-body.tab.point.dco .my-resume .mem-box .mem-count .shortcut {
  float: left;
  font-size: 14px;
  color: #141516;
  text-align: center;
  border: 1px solid #babcbe;
  border-radius: 20px;
  padding: 6px 10px 6px 12px;
  margin-left: 15px;
  cursor: pointer;
}

.contents-body.tab.point.dco .my-resume .mem-count .mem {
  width: 150px;
}

.contents-body.tab.point.dco .info {
  width: 830px;
  height: 70px;
  margin-top: 20px;
  margin-left: 10px;
  padding: 20px;
  border-top: 1px dotted #6d6e71;
  font-size: 17px;
}

.contents-body.prj.dco {
  border-radius: 15px;
  border: 1px dotted #6d6e71;
  margin-bottom: 60px;
}

.contents-body.prj.dco .title {
  margin-bottom: 20px;
  margin-left : 55px;
}

.contents-body.prj.dco .title img {
  vertical-align: middle;
  margin-right: 20px;
}

.contents-body.prj.dco .prj-box {
    width: 960px;
    height: 56px;
    background: #eff0f0;
    margin-left: 55px;
    padding: 16px;
    font-family: Pretendard-Bold;
    font-size: 24px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contents-body.prj.dco .member {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 55px;
  font-size: 20px;
  color: #141516;
}

.contents-body.prj.dco .member p {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: #808083;
}

.contents-body.prj.dco .member img.shift {
  vertical-align: middle;
}

.contents-body.prj.dco .member p.shift {
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #ed4136;
}

.contents-body.prj.dco .member .shortcut {
  display: inline-block;
  font-family: Pretendard-Regular;
  font-size: 14px;
  border: 1px solid #babcbe;
  border-radius: 15px;
  padding: 5px 10px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 50px;
}

.contents-body.prj.dco hr {
  width: 960px;
  margin-left: 55px;
  border: 0.5px dotted #babcbe;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* 프로젝트 찾기 */
.mem_container.prj_sp .myp-banner {
  margin-top: 0;
}
/*프로젝트 상세-버튼*/
.mem_container.prj_sp .sticky-btn {
  width: 270px;
  height: 430px;  
  align-items: center;
  background-color: #fff;
  margin-top: 40px; 
  margin-bottom: 60px;
  margin-left: 30px; 
  padding: 30px 20px;
  position: sticky;
  top: 30px;
  border-radius: 8px;
}
.mem_container.prj_sp .sticky-btn .recruit {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mem_container.prj_sp .sticky-btn .recruit div {
  display: flex;
  justify-content: center;
  align-items: center;  
  width: 100%;
  height: 35px;
  font-family: Pretendard-Medium;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #BCBEC0;
  border-radius: 6px;
  cursor: pointer;
}
.mem_container.prj_sp .sticky-btn .recruit .btn_blue {
  background-color: #0165FF;
  border: 1px solid #0165FF;
  font-family: Pretendard-Bold;
  color: #fff;
}
.mem_container.prj_sp .sticky-btn .recruit .btn_gray {
  background-color: #BCBEC0;
  border: 1px solid #BCBEC0;
  font-family: Pretendard-Bold;
  color: #fff;
}
.mem_container.prj_sp .sticky-btn .deadline {  
  width: fit-content;
  margin: 0 auto;
  margin-top: 20px;
  margin-left: 60px;
  background-color: white;
}
.mem_container.prj_sp .sticky-btn .deadline span.date {
  color: #FF7F00;
}
.mem_container.prj_sp .sticky-btn .deadline span.date span.period {
  color: #FF7F00;
}
.mem_container.prj_sp .sticky-btn .management {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
.mem_container.prj_sp .sticky-btn .management .profile {}
.mem_container.prj_sp .sticky-btn .management .profile span {
  display: flex;
  justify-content: center;
  color: #0165FF;
  font-weight: bold;
  cursor: pointer;
  padding: 8px 0;
}
.mem_container.prj_sp .sticky-btn .management .manager {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}
.mem_container.prj_sp .sticky-btn .management .manager span {
  font-size: 16px;
  padding: 8px 0;
}

/*프로젝트 상세 하단 목록버튼*/
.btn-prj-detail {
  display: flex;
  width: 1200px; 
  margin: 0 auto;
}
.btn-prj-detail .btn-list {
  font-family: 'Pretendard-Medium';
  font-size: 15px;
  color: #414042;
  width: 120px;
  text-align: center;
  padding: 12px 0;
  border-radius: 6px;
  margin-bottom: 50px;
  margin-top: -35px;					
  background-color: #fff;
  cursor: pointer;
}

.mem_container.prj_sp .contents-body {
  float: none;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 60px;
  border-radius: 8px;
}

.mem_container.prj_sp .close {
  float: right;
  cursor: pointer;
}

.mem_container.prj_sp .show-box.prj {
  padding: 0;
  margin-bottom: 20px;
}
.mem_container.prj_sp .show-box.prj .date {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  float: right;
  font-family: Pretendard-Bold;
  font-size: 14px;
  color: #5B5B5B;
  height: 22px;
}
.mem_container.prj_sp .show-box.prj .date .dead {
  display: flex;
  align-items: center;
  color: #FF7F00;
}
.mem_container.prj_sp .show-box.prj .date .dead div {
  background-color: #FF7F00;
  color: #fff;
  padding: 2px 4px;
  text-align: center;
  margin-left: 6px;
}

/* 프로젝트 찾기 - 관심 프로젝트 등록 */
.notice_popup.human .prj_name {
  font-family: Pretendard-Bold;
  text-align: center;
  font-size: 18px;
  margin: 40px auto;
}

.notice_popup.human .prj_name p {
  display: inline-block;
  font-family: Pretendard-Regular;
  font-size: 15px;
  margin-right: 10px;
}

.notice_popup.human .prj_name span.name {
  width: 350px;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: text-top;
  color: #0165FF;
  line-height: 24px;
}

/* 프로젝트 찾기 - 프로젝트 지원 */
.notice_popup.human.prj_sp {
  width: 700px;
  height: 365px;
}

.notice_popup.human.prj_sp .tit {}

.notice_popup.human.prj_sp img.prj_supply {
  float: left;
  vertical-align: middle;
  margin-top: 3px;
  margin-left: 25px;
}

.notice_popup.human.prj_sp p.field {
  font-family: Pretendard-Bold;
  font-size: 18px;
  margin-left: 37px;
}

.notice_popup.human.prj_sp .select_wrap {
  width: 365px;
}

.notice_popup.human.prj_sp .select_wrap select,
option {
  width: 314px;
  min-width: 314px;
  max-width: 314px;
}

.notice_popup.human.prj_sp .prj_name span.name {
  width: 350px;
}

/* 프로젝트 찾기 - 프로젝트 지원 체크 */
.notice_popup.human.prj_sp.check {
  width : 780px;
  height: auto;
  margin : 250px auto;
}

.notice_popup.human.prj_sp.check .prj_outline {
  width: 635px;
  margin : 40px auto;
  border-top: 1px dotted #6d6e71;
  border-bottom: 1px dotted #6d6e71;
  padding: 20px;
}

.notice_popup.human.prj_sp.check .prj_outline .prj_name {
  width: auto;
  text-align: left;
  margin: 10px 0 20px auto;
  padding: 0;
  border: none;
  font-size: 20px;
  color: #0165FF;
  word-break: keep-all;
  line-height: 125%;
}
.notice_popup.human.prj_sp.check .prj_outline .prj_name .check {
  line-height: 125%;
}

.notice_popup.human.prj_sp.check .prj_outline .outline .value {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
width: fit-content;
}

.notice_popup.human.prj_sp.check .prj_outline .outline .value.location {
  color: #a5a7aa;
  font-family: Pretendard-Regular;  
}


.prj_outline_clientname {
  display: inline-block; 
  white-space: nowrap; 
  font-family: Pretendard-Medium; 
  font-size: 16px;
}
.prj_outline_clientloc {
  display: inline-block; 
  white-space: nowrap;
  text-overflow: ellipsis;
  width: -webkit-fill-available;
  overflow: hidden;
  vertical-align: middle;
  font-family: Pretendard-Light;
  font-size: 16px;
  color: #A7A9AC; 
  margin-left: 20px;
}
.prj_outline_clientloc img {
    display: inline-flex; 
    vertical-align: middle; 
    margin: 0 6px 0 20px;
}

.notice_popup.human.prj_sp.check .prj_outline .outline .ivl03 {
  margin-right: 26px;
}
.notice_popup.human.prj_sp.check .prj_outline .outline .ivl03 + .value {
    width: 440px;
}

.notice_popup.human.prj_sp.check .prj_outline .outline .ivl04 {
  margin-right: 51px;
}

.notice_popup.human.prj_sp.check .prj_outline .outline img.location { 
  margin-left: 20px;
  margin-right: 5px;
}

.notice_popup.human.prj_sp.check .select-btn {
  width: auto;
}

.notice_popup.human.prj_sp.check .member {
  margin: 40px auto;
  border-top: 1px solid #eeeeee;
  padding-top: 40px;
}
.notice_popup.human.prj_sp.check .member span {
  font-family: Pretendard-Bold;
}



/* 프로젝트 담당 - 프로젝트 지원인재 */

.itv-result-box.sp_human .prj_ct {
  height: auto;
  width: 1200px;  
  margin-top: 0;
  display: inline-block;
  padding: 35px 65px;
}

.itv-result-box.sp_human .filter.itv .filter_box.int ul {
  margin-bottom: -5px;
}

.itv-result-box.sp_human .filter.itv .filter_box.int,
.itv-result-box .filter.itv .filter_box.int {
  width: 100%;
  border-bottom: 1px dotted;
  padding-bottom: 15px;
}

.itv-result-box.sp_human hr {
  width: 670px;
  margin-left: -50px;
  border: transparent;
  border-bottom: 1px dotted #6d6e71;
}

/* 프로젝트 담당 개인정보 팝업 */
.notice_popup.view.info {
  width: 1200px;
  height: auto;
  margin: 200px auto;
  padding: 40px 30px 40px 70px;
}

.notice_popup.view .view-tit {
  font-family: Pretendard-Bold;
  font-size: 30px;
}

.notice_popup.view.info .mem_count {
  float: right;
  margin-right: 100px;
  font-size: 14px;
  transform: skew(-0.1deg);
}

.notice_popup.view.info .mem_count img {
  vertical-align: middle;
  margin-right: 5px;
}

.notice_popup.view.info .mem_count span.count {
  margin-left: 5px;
}

.notice_popup.view .view {
  width: 1030px;
  margin-top: 20px;
  border: 1px solid #939598;
  padding: 10px;
}

.notice_popup.view.info .view {
  border: none;
}

.notice_popup.view .view .list {
  width: 955px;
  margin-left: 25px;
  border-bottom: 1px solid #939598;
  padding: 20px;
}

.notice_popup.view.info .view .list {
  width: 990px;
  margin-left: 0;
}

.notice_popup.view .view .list .label {
  width: 200px;
  text-align: right;
  margin-right: 50px;
}

.notice_popup.view .view .list > div {
  display: inline-block;
  font-size: 18px;
}

.notice_popup.view .view .list .contents {
  height: auto;
  margin: 0;
  overflow: initial;
  margin-bottom: 0;
  border-top: none;
  background-color: #fff;
}

.notice_popup.view.info .view .list:last-child {
  border-bottom: none;
}

/*고객사이름&주소 231114*/
.project-client-info {
    display: flex; 
    flex-direction: row; 
    flex-wrap: nowrap; 
    width: 100%;
} 
.project-client-info .client-name {
    display: flex; 
    letter-spacing: 0.83em; 
    word-break: keep-all; 
    width: 78px; 
    margin-right: 35px;
}
.project-client-info .client-info {
    display: flex; 
}
.project-client-info .client-info .companyname {
    display: inline-flex; 
    white-space: nowrap;
}
.project-client-info .client-info .companyadd {
    display: inline-block; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    font-size: 15px; 
    color: gray; 
    width: -webkit-fill-available;
}
.project-client-info .client-info .companyadd img {
    vertical-align: middle; 
    margin: 0 10px 0 20px;
}
.itv-outline .list-view.int_prj .list.tech {
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;    
    max-width: 600px;
}

/*프로젝트 목록(말줄임) 231212*/
.project-list-box {}


/* 화면 up & down 버튼 */
.screen_btn {
  z-index: 1;
  position: fixed;
  display: inline-block;
  width: 54px;
  margin-left: 20px;
  bottom: 100px;
  right: 220px;
}

.screen_btn img {
  width: 54px;
  height: 54px;
  display: inline-block;
  cursor: pointer;
}

/* 회원 탈퇴 확인 팝업 */
.notice_popup.human.int .inputlist {
  margin: 40px auto;
  text-align: center;
}

.notice_popup.human.int .inputlist span {
  display: inline-block;
  color: #ed1c24;
  vertical-align: middle;
}

.notice_popup.human.int .inputlist input {
  width: 255px;
  height: 35px;
  border: 0.5px solid #d6d7d8;
  margin-left: 20px;
  outline: none;
  padding: 0 10px;
  line-height: 35px;
  font-size: 18px;
}

/* 회원 탈퇴 결과 화면 */
.mem_container.exit {
  background-color: #fff;
  border-top: 1px solid #bbbcbd;
}

.mem_container.exit .guide-text {
  font-size: 18px;
}

.mem_container.exit .confirm-btn {
  width: 175px;
  height: 40px;
  padding-top: 12px;
  background-color: #f47245;
}

/* 알림 화면 */
.main-contents.notice .contents-body {
  width: 975px;
  clear: none;
  padding: 55px;
}

.main-contents.notice .mem_info_contents .mem_contents_header .title-txt {
  margin-top: 30px;
  padding-top: 55px;
}

.main-contents.notice .contents-body .notice_tit {  
  font-family: Pretendard-Bold;
  font-size: 26px;  
  border-bottom: 1px solid #BCBEC0;
  padding-bottom: 15px;
}

.main-contents.notice .contents-body .notice_tit img {
  vertical-align: middle;
  margin-right: 5px;
}

.main-contents.notice .contents-body .nt_list {}

.main-contents.notice .contents-body .nt_list .date {
  font-size: 20px;
  color: #141516;
  margin-top: 30px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #999;
  display: flex;
  align-items: center;
}

.main-contents.notice .contents-body .nt_list .new {
  background-color: #FF7F00;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin: 0 8px;
}

.main-contents.notice .speech-bubble {
  position: relative;
  background: #fff;
  border-radius: 0em;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-top: 0;
  padding: 20px 20px 20px 105px;
  border-bottom: 1px dotted #999;
  transform: skew(-0.1deg);
  color: #808083;
  line-height: 25px;
}

.main-contents.notice .speech-bubble:hover {
  background-color: aliceblue;
}

.main-contents.notice .speech-bubble.btn_cursor:hover {
  cursor: pointer;
}

.main-contents.notice .speech-bubble .nt {
  font-family: Pretendard-Medium;
  font-size: 16px;
  color: #000;
  line-height: 25px;
  transform: skew(-0.1deg);
}

.main-contents.notice .speech-bubble p {
  position: absolute;
  top: 18px;
  left: 380px;
  background-color: #0165FF;
  border-radius: 4px;
  font-size: 13px;
  color: #ffffff;
  padding: 0 10px;
  text-align: center;
}

.main-contents.notice .speech-bubble .scoPrjList {
  position: absolute;
  top: 15px;
  left: 330px;
  background-color: #217fe7;
  color: #ffffff;
  padding: 2px;
  width: 100px;
  text-align: center;
  border-radius: 20px;
}

.main-contents.notice .speech-bubble .point_gd {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin: 0 auto;
  left: -75px;
}
.main-contents.notice .speech-bubble .point_gd .group-txt {
  width: 55px; 
  text-align: center; 
  color: #0165ff; 
  font-weight: bold;
}

.main-contents.notice .speech-bubble .point_gd .image_box {
  display: flex;
  align-items: center;
  width: 57px;
  height: 57px;
  border-radius: 70%;
  overflow: hidden;
  float: left;
  margin-bottom: 0;
  border: 1px solid #939598;
}

.main-contents.notice .speech-bubble .point_gd .image_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-contents.notice .speech-bubble .point_gd .greet {
  font-family: Pretendard-Medium;
  font-size: 16px;
  transform: skew(-0.1deg);
  color: #000;
  line-height: 25px;
  margin-left: 20px;
}

.main-contents.notice .speech-bubble .point_gd .greet img {
  margin-right: 5px;
}

.main-contents.notice .speech-bubble .point_gd img.point_bg {
  position: absolute;
  top: 0;
  right: 0;
}

.main-contents.notice .speech-bubble .regdate {
  font-size: 13px;
  margin-top: 35px;
}

/* 적립포인트 화면 */
.main-contents.point .point_banner {
  position: relative;
  background-color: #fff;
  float: left;
  width: 1200px;
  height: 245px;
  border-radius: 8px;
}

.main-contents.point .point_banner.border-line {
  border: 1px solid #d6d7d8;
  border-radius: 0px;
}

.main-contents.point .point_banner .image_box {
  position: absolute;
  top: 35px;
  left: 60px;
  width: 150px;
  height: 150px;
  border-radius: 70%;
  overflow: hidden;
  float: left;
  margin-bottom: 20px;
}

.main-contents.point .point_banner .image_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-contents.point .point_banner .customer {
  position: absolute;
  width: 233px;
  height: 40px;
  bottom: 15px;
  left: 20px;
  font-family: Pretendard-Bold;
  font-size: 19px;
  text-align: center;
  padding-top: 5px;
}

.main-contents.point .point_banner .customer span {
  font-size: 17px;
  color: #939598;
}

.main-contents.point .point_banner .point {
  position: absolute;
  top: 70px;
  left: 250px;
  font-family: Pretendard-Bold;
  font-size: 26px;
  line-height: 50px;
}

.main-contents .point_banner .point.box-line {
  position: static !important;
  width: 1200px;
  border: 1px solid #d6d7d8;
  padding: 70px 70px;
}


.main-contents.point .point_banner .point span.pt {
  font-family: Pretendard-Bold;
  font-size: 32px;
}

.main-contents.point .point img {
  vertical-align: sub;
}

.main-contents.point .point_pc {
  float: left;
  margin-top: 10px;
}

.main-contents.point .contents-body {
  margin-top: 10px;
  border-radius: 8px;
}

.main-contents.point .contents-body .filter {
  margin-left: 0;
}

.main-contents.point .contents-body .filter .filter_box {
  margin-left: 65px;
}

.main-contents.point .point_cf {
  width: 1070px;
  float: left;
  padding: 15px 25px 0px;
  border-top: 1.5px solid #a9abad;
  margin-left: 60px;
  font-size: 18px;
  display: flex;
  align-items: center;
}

.main-contents.point .point_cf p {
  display: inline-block;
  margin-right: 30px;
  margin-left: 750px;
  font-weight: bold;
}

.main-contents.point .point_cf span {
  display: block;
  width: 120px;
  text-align: right;
}

.main-contents.point .point_cf.pay {
  border-top: hidden;
  color: #BCBEC0;
}

.main-contents.point .point_cf.pay p {
  margin-right: 30px;
  margin-left: 700px;
  font-weight: normal;
}

.main-contents.point .point_cf.pay span {}

.main-contents.point .point_cf.total {
  border-bottom: hidden;
  margin-top: 15px;
}
.main-contents.point .point_cf.total span {
  color: #0165FF;
  width: 145px;
}

.main-contents.point .point_cf.total img {
  vertical-align: bottom;
  width: 20px;
}

/* 이용방법 popup */
.useguide_popup {
  width: 1200px;
  height: 800px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #e6e7e8;
  z-index: 9;
}
.useguide_popup .title_wrap {
  height: 94px;
  box-sizing: border-box;
  padding: 46px 0 18px 85px;
}
.useguide_popup .title_wrap h2 {
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #141516;
}
.useguide_popup .tab_wrap {
  height: calc(100% - 94px);
}
.useguide_popup .tab_wrap .tab ul {
  box-sizing: border-box;
  width: 100%;
  padding: 0 63px;
  display: flex;
}
.useguide_popup .tab_wrap .tab ul li {
  width: 100%;
  height: 78px;
}
.useguide_popup .tab_wrap .tab ul li.active {
  background: url(/images/tab_bg_active.png) no-repeat center;
}
.useguide_popup .tab_wrap .tab ul li a {
  box-sizing: border-box;
  display: flex;
  height: 78px;
  align-items: center;
  justify-content: center;
}
.useguide_popup .tab_wrap .tab ul li a span {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #141516;
}
.useguide_popup .tab_wrap .tab ul li a span::before {
  display: block;
  content: "";
  width: 34px;
  height: 34px;
  margin-right: 12px;
}
.useguide_popup .tab_wrap .tab ul li:nth-child(1) a span::before {
  background: url(/images/icon-tab-01.png) no-repeat center;
}
.useguide_popup .tab_wrap .tab ul li:nth-child(2) a span::before {
  background: url(/images/icon-tab-02.png) no-repeat center;
}
.useguide_popup .tab_wrap .tab ul li:nth-child(3) a span::before {
  background: url(/images/icon-tab-01.png) no-repeat center;
}

.useguide_popup .tab_wrap .tab_cont_group {
  box-sizing: border-box;
  height: calc(100% - 78px);
  background-color: #fff;
}
.useguide_popup .tab_wrap .tab_cont_group .tab_cont {
  display: none;
  height: 100%;
}
.useguide_popup .tab_wrap .tab_cont_group .tab_cont.active {
  display: block;
}
.useguide_popup .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner {
  box-sizing: border-box;
  padding-top: 50px;
  height: 100%;
}
.tab_wrap .tab_cont_group .tab_cont .tab_cont_inner::after {
  display: block;
  clear: both;
  content: "";
}
.tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_nav {
  box-sizing: border-box;
  float: left;
  width: 300px;
  border-right: 1px dashed #bfc0c1;
}
.tab_wrap .cont_nav_list {
  padding: 0 0 0 85px;
}
.tab_wrap .cont_nav_list li {
  margin-bottom: 18px;
}
.tab_wrap .cont_nav_list li a {
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #141516;
  position: relative;
  display: block;
  box-sizing: border-box;
}
.tab_wrap .cont_nav_list li a:hover {
  cursor : pointer;
}
.tab_wrap .cont_nav_list li.active a {
  font-weight: 700;
}
.tab_wrap .cont_nav_list li.active a::after {
  display: block;
  content: "";
  width: 5px;
  height: 24px;
  background-color: #000;
  position: absolute;
  right: -3px;
  top: 0;
}
.useguide_popup .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_detail {
  box-sizing: border-box;
  margin-right: 58px;
  overflow: auto;
}
.tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_detail .cont_image {
  text-align: center;
}
.useguide_popup .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_nav,
.useguide_popup .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_detail {
  height: 100%;
  max-height: 520px;
}
.useguide_popup .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_nav::-webkit-scrollbar,
.useguide_popup .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_detail::-webkit-scrollbar {
  width: 8px;
}
.useguide_popup .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_nav::-webkit-scrollbar-thumb,
.useguide_popup .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_detail::-webkit-scrollbar-thumb {
  background-color: #99999b;
  border-radius: 8px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
.useguide_popup .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_nav::-webkit-scrollbar-track,
.useguide_popup .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_detail::-webkit-scrollbar-track {
  background-color: #e6e7e8;
  border-radius: 8px;
}
.useguide_popup .btn-close {
  position: absolute;
  right: 58px;
  top: 46px;
  width: 30px;
  height: 30px;
  outline: none;
  border: none;
  font: 0/0 a;
  cursor: pointer;
  background: url(/images/btn-close-layer.png) no-repeat center;
}
.dim {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 8;
}

/* 기본 tab 설정 */
.tab_wrap .tab ul {
  width: 100%;
  display: flex;
}
.tab_wrap .tab ul li a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab_wrap .tab ul li a span {
  box-sizing: border-box;
}
.tab_wrap .tab_cont_group .tab_cont {
  display: none;
}
.tab_wrap .tab_cont_group .tab_cont.active {
  display: block;
}

/* 이용약관 및 개인정보 처리방침 */
.gray-back {
  background-color: #f4f7fc;
}
.terms_wrap {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 86px;
}
.terms_wrap .title_wrap {
  padding-top: 58px;
  padding-bottom: 75px;
}
.terms_wrap .title_wrap h2 {
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
}
.terms_wrap .tab_wrap .tab ul li {
  width: 100%;
  height: 74px;
}
.terms_wrap .tab_wrap .tab ul li:nth-child(1) {
  padding-right: 20px;
}
.terms_wrap .tab_wrap .tab ul li:nth-child(2) {
  padding-left: 20px;
}
.terms_wrap .tab_wrap .tab ul li.active a span {
  background-color: #fff;
}
.terms_wrap .tab_wrap .tab ul li a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.terms_wrap .tab_wrap .tab ul li a span {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #231f20;
  border: 2px solid #fff;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.terms_wrap .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner {
  padding: 74px;
  font-size: 17px;
  color: #141516;
  background-color: #fff;
}
.terms_wrap .tab_wrap .tab ul li a span::before {
  display: block;
  content: "";
  width: 27px;
  height: 33px;
  margin-right: 12px;
}
.terms_wrap .tab_wrap .tab ul li:nth-child(1) a span::before {
  background: url(/images/icon-tab-03.png) no-repeat center;
}
.terms_wrap .tab_wrap .tab ul li:nth-child(2) a span::before {
  background: url(/images/icon-tab-02.png) no-repeat center;
}

.terms_wrap .agreebox {
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}
.terms_wrap .agreebox * {
  font: revert;
}
.terms_wrap .agreebox p {
  font-size: 17px;
  /* line-height: 30px; */
  line-height: 1.7;
  color: #141516;
}
.terms_wrap .agreebox p.tit:first-child {
  padding-top: 0;
}
.terms_wrap .agreebox p.tit {
  font-size: 17px;
  font-family: Pretendard-Bold;
  padding-top: 50px;
}

/* 이용약관 old */
.terms-list {
  margin-bottom: 67px;
}
.terms-list dt,
.terms-list dd {
  font-size: 17px;
  color: #141516;
}
.terms-list dt {
  font-family: Pretendard-Bold;
  margin-bottom: 36px;
}
.terms-list dd {
  line-height: 30px;
}

/* FAQ */
.faq_wrap {
  width: 1200px;
  margin: 0 auto;
}
.faq_wrap .title_wrap {
  padding-top: 58px;
  padding-bottom: 50px;
}
.faq_wrap .title_wrap h2 {
  font-family: Pretendard-Bold;
  font-size: 35px;
  color: #141516;
}
.faq_wrap .tab_wrap .tab ul {
  justify-content: space-between;
}
.faq_wrap .tab_wrap .tab ul li {
  width: 200px;
  height: 45px;
}
.faq_wrap .tab_wrap .tab ul li.active a span {
  background-color: #0165FF;
  border-radius: 6px;
  color: #fff;
}
.faq_wrap .tab_wrap .tab ul li a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.faq_wrap .tab_wrap .tab ul li a span {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-left: 25px;
  width: 100%;
  height: 100%;
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #231f20;
  border-bottom: none;
}
.faq_wrap .tab_wrap .tab ul li a span:hover {
  cursor: pointer;
}
.faq_wrap .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner {
  padding: 5px 52px;
  color: #141516;
  margin-bottom: 100px;
}

.faq_wrap .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_nav,
.faq_wrap .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_detail {
  height: 100%;
}
.faq_wrap .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_detail {
  box-sizing: border-box;
  overflow: auto;
}
.faq_wrap .tab_wrap .tab_cont_group .tab_cont .tab_cont_inner .cont_nav {
  width: 176px;
}
.faq_wrap .tab_wrap .cont_nav_list {
  padding: 0 0 0 0;
}

.tbl-view {
  box-sizing: border-box;
  border-top: 2px solid #898A8A;
  border-bottom: 1px solid #898A8A;
}
.tbl-view table {
  width: 100%;
}
.tbl-view table thead {
  border-bottom: 2px solid #898A8A;  
}
.tbl-view table thead tr th {
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  border-bottom: 1px solid #898A8A;  
}
.tbl-view table thead tr:last-child th {}
.tbl-view table th,
.tbl-view table td {
  text-align: center;
  font-family: Pretendard-Regular;
  font-size: 16px;
  line-height: 22px;
  color: #141516;
  vertical-align: middle;
  border-right: 1px solid #898A8A;
}
.tbl-view table td span {font-size: 14px; color: #5b5b5b;}
.tbl-view table th:last-child,
.tbl-view table td:last-child {
  border-right: none;
}
.tbl-view table th {
  padding: 15px 0;
  background-color: #f1f2f2;
}
.tbl-view table td {
  padding: 15px 0;
  border-bottom: 1px solid #898A8A;
}

.tbl-view.type2 table th {
  padding: 14px 0;
}
.tbl-view.type2 table thead tr:first-child th:last-child {
  text-align: center;
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #141516;
  vertical-align: middle;
  border-bottom: none;
  background-color: #f1f2f2;
}
.tbl-view.type2 table td {
  padding: 10px 0;
}
.tbl-view.type2 table td:last-child {
  border-left: 1px solid #898A8A;
}
.tbl-view.type2 table tbody th {
  border-bottom: 1px solid #898A8A;
}
.tbl-view.type2 table tbody tr:last-child th {
  border-bottom: none;
}
.text_type_as {
  line-height: 24px;
  margin-top: 15px;
}

/*검색결과 CHM*/
.search_wrap {
  width: 1200px;
  margin: 0 auto;
}
.search_wrap .path {
  padding-top: 58px;
  padding-bottom: 50px;
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
}
.search-list {
  box-sizing: border-box;
  margin-bottom: 100px;
}
.search-list ul {
  width: 100%;
}
.search-list li {
  box-sizing: border-box;  
  border-bottom: 1px solid #6D6E71;
  height: 49px;
}
.search-list li:first-child {
  border-bottom: none;
  margin-bottom: 30px;
}
.search-list li div {
  display: flex;
  align-items: center;
  height: 100%;
  border-bottom: 1px solid #141516;
}
.search-list li div span {
  text-align: center;
}
.search-list li div span.numb {
  flex: 0 0 72px;
}
.search-list li div span.prj-name {
  flex: auto;
}
.search-list li > a {
  display: flex;
  align-items: center;
  height: 100%;
}
.search-list li > a span {
  width: 100%;
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #231f20;
}
.search-list li > a span.numb {
  text-align: center;
  flex: 0 0 72px;
}
.search-list li > a span.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 26px;
}
.search-list li > a span.prj-btn {
  display: flex;
  flex: 0 0 120px;
  justify-content: flex-end;
}
.search-list li > a span.prj-btn .btn {  
  display: inline-block;
  border: 1px solid #bcbec0;
  border-radius: 20px;
  padding: 3px 15px;
  font-family: Pretendard-Regular;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}

/* 파트너사 지정 마크*/
.search-list .sco-label {
  border: 2px solid;
  border-radius: 16px;
  padding: 4px 10px;
  margin-right: 10px;
  font-size: 13px;
  font-weight: bold;
  line-height: 27px;
  color: #141516;
}

/* 검색결과가 없을경우*/
.search-list-none {
  float: right;
  box-sizing: border-box;
  width: 1200px;
  background-color: #fff;
  padding: 22px;
  margin-bottom: 50px;
  border: 1px solid #bcbec1;
}
.req-none-txt {
  display: inline-block;
  font-size: 22px;
  color: #939598;
  text-align: center;
  padding: 120px 0;
  width: 1200px;
}


/* 뉴스센터 */
.news_wrap {
  width: 1200px;
  margin: 0 auto;
}
.news_wrap .path {
  padding-top: 58px;
  padding-bottom: 50px;
  font-family: Pretendard-Bold;
  font-size: 20px;
  color: #141516;
}
.news_wrap .title_wrap {
  padding-bottom: 47px;
}
.news_wrap .title_wrap h2 {
  font-family: Pretendard-Bold;
  font-size: 30px;
  color: #141516;
}

.news_wrap .icon-new {
  display: inline-flex;
  width: 66px;
  height: 24px;
  margin-right: 8px;
  justify-content: center;
  align-items: center;
  font-family: Pretendard-Bold;
  font-size: 13px;
  color: #fff;
  border: 1px solid #be1e2d;
  background-color: #ef4136;
}
.news_wrap .news-title {
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
} 
.news_wrap .new {
  font-family: Pretendard-Medium;
  color: #fff;
  background-color: #ff7f00;
  border: 1px solid #ff7f00;
  border-radius: 50%;
  text-align: center;
  padding: 3px 6px;
  margin-right: 8px;
  min-width: 22px;
  font-size: 12px;
  margin-left: 8px;
  vertical-align: top;
}
.news-list {
  box-sizing: border-box;
  margin-bottom: 30px;
}
.news-list ul {
  width: 100%;
}
.news-list li {
  box-sizing: border-box;
  border-bottom: 1px dotted #9ea0a2;
  height: 49px;
}
.news-list li > a {
  display: flex;
  align-items: center;
  height: 100%;
}
.news-list li > a span {
  width: 100%;
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #231f20;
}

.news-list li > a span.numb {
  text-align: center;
  flex: 0 0 72px;
}
.news-list li > a span.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 26px;
  line-height: 24px;
}

.news-list li > a span.text:hover {
  cursor: pointer;
}

.news-list li > a span.date {
  flex: 0 0 142px;
}

.news-view .view-title {
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #231f20;
  margin-bottom: 30px;
}
.news-view .attatched-image img {
  max-width: 1200px;
  margin-bottom: 50px;
}

.news-view .view-text * {
  font: revert;
}
.news-view .view-text > div > hr {
  border: none;
  border-top: 2px solid #ccc;
  margin: 16px 0;
  background: none;
}

.news-view .view-text {
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #231f20;
  /* line-height: 26px; */
  line-height: 1.6;
  margin-bottom: 100px;
}

.news-view .view-text div {
  white-space: pre-wrap;
}

.news-view .view-text p {
  overflow: auto;
  white-space: pre-wrap;
}

.news-center-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news-center-wrap .news-box {
  box-sizing: border-box;
  height: 550px;
  width: 580px;
  padding: 58px 50px;
  background-color: #fff;
  border-radius: 8px;
}
.news-center-wrap .news-box .news-box-title {
  font-family: Pretendard-Bold;
  font-size: 30px;
  color: #141516;
  margin-bottom: 46px;
}
.news-center-wrap .news-box .news-box-list {
  padding-bottom: 15px;
}
.news-center-wrap .news-box .news-box-list li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 20px;
  line-height: 24px;
}
.news-center-wrap .news-box .news-box-list li > a {
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #231f20;
}

.news-center-wrap .news-box .news-box-list li > a:hover {
  cursor: pointer;
}

.news-center-wrap .news-box .link-more {
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #464b56;
}

.news-center-wrap .news-box .link-more:hover {
  cursor: pointer;
}

/* 문의하기 */
.inquiry_wrap {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.inquiry_wrap .path {
  padding-top: 58px;
  padding-bottom: 50px;
  font-family: Pretendard-Medium;
  font-size: 20px;
  color: #141516;
}
.inquiry_wrap .title_wrap {
  padding-bottom: 40px;
}
.inquiry_wrap .title_wrap h2 {
  font-family: Pretendard-Bold;
  font-size: 30px;
  color: #141516;
}
.inquiry_wrap .icon-required {
  font-family: Pretendard-Regular;
  font-size: 18px;
  color: #ed2028;
}
.inquiry-write {
  padding-bottom: 13px;
}
.inquiry-write li {
  margin-bottom: 34px;
}
.inquiry-write li .title {
  font-family: Pretendard-Regular;
  font-size: 18px;
  color: #141516;
  margin-bottom: 4px;
}
.inquiry-write li input[type="text"],
.inquiry-write li textarea {
  box-sizing: border-box;
  width: 100%;
  border-color: #c1c1c2;
  border-radius: 6px;
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #141516;
}
.inquiry-write li input[type="text"] {
  height: 37px;
}
.inquiry-write li textarea {
  height: 328px;
  padding: 10px;
  line-height: 25px;
  transform: skew(-0.1deg);
}
.inquiry-write li input[type="text"]::placeholder,
.inquiry-write li textarea::placeholder {
  color: #BCBEC0;
  font-family: Pretendard-Light;
  font-size: 15px;
}

.inquiry_wrap .text-description {
  font-size: 18px;
  color: #141516;
  font-family: Pretendard-Regular;
  line-height: 30px;
}
.inquiry_wrap .text-description .title {
  display: block;
  font-family: Pretendard-Bold;
  margin-bottom: 17px;
}

.inquiry-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 44px;
}
.inquiry-bottom .agreement {
  display: flex;
  justify-content: start;
  align-items: center;
}
.inquiry-bottom .agreement input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.inquiry-bottom .agreement label {
  font-size: 18px;
  color: #141516;
  font-family: Pretendard-Regular;
  margin-right: 8px;
}
.inquiry-bottom .btn-reg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 302px;
  height: 44px;
  font-family: Pretendard-Regular;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: #0165FF;
  border-radius: 6px;
}

.displayNone {
  display: none !important;
}

span.dev_state_pmg{
  position: absolute;
  top: -2px;
  left: 220px;
  color: white;
}

span.dev_state_pmg_tec {
  top:10px;
  left:164px;
  position: absolute;
  color: white;
}

/* IT프로 프로젝트 참여 가능 날짜 설정 */
.notice_popup.poss {
  width: 800px;
  height: 450px;
  margin: 330px auto;
  display: flex;
  flex-direction: column;
}

.notice_popup.poss .tit{
  font-family: Pretendard-Bold;
  font-size: 26px;
  color: #141516;
  text-align: center;
  padding: 10px 0 10px 23px;
}

.notice_popup.poss .poss-bottom {
  margin : 20px auto; 
}

.notice_popup.poss .selectlist {
  width: 600px;
  height: 50px;
  margin-left: 45px;
  margin-bottom: 10px;
}

.notice_popup.poss .selectlist .subtit p{
  width: 150px;
  margin-top: 30px;
  font-family: Pretendard-Medium;
  font-size: 18px;
  float: left;
}

.notice_popup.poss .selectlist .selectComp{
  width: 330px;
  margin-left: 18px;
  float: left;
  margin-top: 30px;
}

.notice_popup.poss .selectlist p{
  width: 100px;
  margin-top: 30px;
  font-family: Pretendard-Medium;
  font-size: 18px;
  float: left;
}

.notice_popup.poss .selectlist .subselect .select-box{
  width: 330px;
  margin-left: 20px;
  font-family: Pretendard-Medium;
  float: left;
  margin-top: 25px;
}

/* select box 하위 option 넓이 잡아야함 */
.notice_popup.poss .selectlist .subselect .select-box .select_wrap{
  width: 100px;
}
.notice_popup.poss .selectlist .subselect .select-box .select_wrap select, option{
  min-width: 80px;
  max-width: 80px;
  padding : 4.1px 9px 4.1px 10px;
  font-family: Pretendard-Regular;
  font-size: 16px;
  transform: skew(-0.1deg);
}

.notice_popup.poss .poss-noti {
  margin: 20px auto;
  text-align: center;
}

.notice_popup.poss .poss-noti span{ 
  font-family: Pretendard-Medium;
  font-size: 18px;
}

.notice_popup.poss .select-btn {
  margin: 0 auto;
  padding: 20px;
}

.number {
  position : absolute;
  top : 100px;
  left : 27px;
}

.number .cnt-box {
  width : 130px;
  height : 50px;
  padding : 10px;
}

.number .cnt-box .title {
  text-align : left;
  float:left;
}

.number .cnt-box .person {
  text-align : right;
  float:right;
}

.score.checkbox.dco .checkbox {
  padding : 0;
  
}

.score.checkbox.dco {
  display: table-cell;
}

.color-gray {
  color:#BCBEC0;
}

.Board .Board_type3.dco tbody tr td.score .state {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #17a1ff;
  margin-right: 8px;
}

.Board .Board_type3.dco tbody tr td.score .state.pf_ep {
  background-color: #f7dd6d;
}

.Board .Board_type3.dco tbody tr td.score .state.pf {
  background-color: #17a1ff;
}

.Board .Board_type3.dco tbody tr td.score .state.cp {
  background-color: #6d6e71;
}

.Board .Board_type3.dco tbody tr td.score .state.rq {
  background-color: red;
  color: white;
}

.Board .Board_type3.dco tbody tr td .evl_btn {
  color: #EB1C24;
  font-size: 14px;
  text-align: center;
  transform: skew(-0.1deg);
  border: 1px solid #EB1C24;
  border-radius: 20px;
  padding: 3px 0;
  cursor: pointer;
}

.Board .Board_type3.dco tbody tr td .evl_btn.show {
  color: #141516;
  border: 1px solid #BCBEC0;
}

.client_info.absol {
  margin: 0;
  position: absolute;
  background-color: #f1f2f2;
  width: 215px;
  height: 422px;
  top: 0px;
  right: 0px;
}

.client_info.absol .ci_box {
  width : 170px;
  height : 170px;
  margin : 0 auto;
  background-color : #fff;
  border : none;
}

.client_info.absol .right .date  { 
  vertical-align: middle;
  font-size: 15px;
  color: #BCBEC0;
  margin-top : 15px;
  margin-bottom : 10px;
}

.client_info.absol .human_count {
  width : 180px;
  height: 180px;
  background: #f1f2f2 url(/images/human_count_new.png) 50% 50% no-repeat;
  color : #fff;
  margin : 0 auto;
  border : none;
  margin-top : 4px;
}

.client_info.absol .human_count .count-box {
  margin-top : 38px;
}

.client_info.absol .human_count .count-box .count {
  font-size : 22px;
}

.client_info.absol .human_count .count-box .sp_human {
  font-size : 15px;
  margin-top : 35px;
  width: 120px;
  height: 28px;
  background: #141516;
  margin-left : 32px;
  border-radius: 5px;
  cursor: pointer;
}

.client_info.absol .human_count .count-box .sp_human  span {
  display : inline-block;
  margin-top : 7px;
  margin-left : 4px;
}

.client_info .alarm.show {
	display: block;
}

.client_info .alarm.show img {
	position: absolute;
  top: -130px;
  left: -70px;
}

.client_info .alarm.show p {
	position: absolute;
  top: -120px;
  left: -28px;
  font-size: 14px;
  color: #fff;
	width : 140px;
}

.Board.type3.itv .Board_type3.dco thead th:last-child .select_wrap {
  width: 106px;
}

.Board.type3.itv .Board_type3.dco thead th:last-child .select_wrap select, option {
  width: 55px !important;
  max-width: 55px;
  min-width: 55px;
}

img.search_btn {
  vertical-align: middle;
  cursor: pointer;
}

.number.dco {
  position : absolute;
  top : 12px;
  left : 12px;
}

.number.dco .cnt-box {
  width : 115px;
  height : 35px;
  padding : 10px;
}

/* 인터뷰 합격 팝업 */
.notice_popup.prj_itv.pass {
  width: 700px;
  height: auto;
  padding: 30px;
  text-align: center;
}

.notice_popup.prj_itv.pass .tit {
  font-family: Prdtendard-Bold;
  font-size: 35px;
  margin-left: 0;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}

.notice_popup.prj_itv.pass img {
  margin-left: 0;
}

.notice_popup.prj_itv.pass .itv_date {
  display: inline-block;
  width: 500px;
  margin-left: 0;
}

.notice_popup.prj_itv.pass .itv_date p {
  float: left;
  width: 72px;
  height: 105px;
  font-size: 15px;
  padding-top: 50px;
  margin-left: 15px;
  background-color: #fff;
}

.notice_popup.prj_itv.pass .itv_date .select-box {
  width: 330px;
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  font-family: Pretendard-Regular;
  font-size: 15px;
  margin-top : 0;
}

.notice_popup.prj_itv.pass .itv_date .select-box .select_wrap select, option {
  width: 39px !important;
  min-width: 39px;
  max-width: 39px;
}

.notice_popup.prj_itv.pass .itv_date.rank {
  margin-bottom: 0;
}

.notice_popup.prj_itv.pass .itv_date.rank p {
  height: 40px;
  margin-top: 0;
  padding-top: 5px;
}

.notice_popup.prj_itv.pass .itv_date.rank .select_rank {
  float: left;
  margin-left: 15px;
}

.notice_popup.prj_itv.pass .itv_date.rank .select_rank label {
  margin-right: 10px;
  font-size: 15px;
}

/* IT프로 합격시, 참여소속사 선택 */

.notice_popup.prj_itv.pass .itv_date.joinAsg {
  margin-bottom: 15px;
}

.notice_popup.prj_itv.pass .itv_date.joinAsg p {
  height: 40px;
  margin-top: 0;
  padding-top: 5px;
}

.itv_date.joinAsg .search_input input[type="text"] {
  width: 249px;
}

.itv_date.joinAsg .auto_complete {
  float: left;
  text-align: left;
  margin-left: 19px; 
}

.itv_date.joinAsg .auto_complete .search_input .icon_search {
  left: 252px; 
}

.itv_date.joinAsg .auto_complete .auto_complete_result {
  width: 281px; 
}

.notice_popup.prj_itv.pass .itv_date .select-box.join {
  margin-left : 115px;
}

.notice_popup.prj_itv.pass .itv_date .select_join {
  float: left;
  margin-left: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.notice_popup.prj_itv.pass .itv_date .select_join label {
  margin-right: 80px;
  font-size: 16px;
}
.notice_popup.prj_itv.pass .select-btn {
  margin-left: 0;
  width: 100%;
}

.notice_popup.prj_itv.pass .qs {
  font-family: Pretendard-Bold;
  font-size: 19px;
  margin-left: 15px;
}

/* 인터뷰 불합격 팝업 */
.notice_popup.prj_itv.pass textarea {
  display: inline-block;
  width: 500px;
  height: 95px;
  padding: 10px;
  font-family: Pretendard-Regular;
  font-size: 16px;
  color: #141516;
  line-height: 25px;
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 20px;
}


/*IT프로 필수등록팝업(이력서/소속사)*/
.popup-proj {
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;
    width: 1000px;
    height: 450px;
    text-align: center;
}
.popup-proj .close {
    float: right;
    cursor: pointer;
    position: relative;
    top: 30px;
    right: 30px;
    opacity: 0.4;
}
.popup-proj .tit-meg {
    font-family: Pretendard-Bold;
    font-size: 30px;
    padding: 75px 0 60px 0;
    width: fit-content;
    margin: 0 auto;
}
.popup-proj .info-meg {
    font-family: Pretendard-Regular;
    font-size: 18px;
    padding: 34px 0 0 0;
}
.popup-proj .btn-box {
    display: inline-flex;
    float: none;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.popup-proj .btn-box .box-item {
    background-color: #18B2AA; 
    border-radius: 8px;
    color: #fff; 
    width: 300px; 
    height: 190px; 
    text-align: center; 
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
}
.popup-proj .btn-box .box-item.yellow {
    background-color: #0165FF; 
    border: 1px;    
    margin-right: 32px;
}
.popup-proj .btn-box .box-item .tit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 24px;
    font-family: Pretendard-Bold;
    margin: 0 0 20px 0;
}
.popup-proj .btn-box .box-item .tit img {
  margin-right: 10px;
}
.popup-proj .btn-box .box-item span {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
    display: inline-block;
}
.popup-proj .btn-box .box-item .sub-btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-proj .btn-box .box-item .sub-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #ffff;
  color: #1C1D1D;
  width: 130px;
  height: 36px;
  cursor: pointer;
  font-size: 16px;
  font-family: Pretendard-Bold;
  margin: 0 0 -20px 0;
}
.popup-proj .btn-box .box-item .sub-btn img {
  margin-left: 3px;
  margin-bottom: 2px;
  width: 15px;
}
.popup-proj .btn-box .box-item .sub-btn.complete {
  background-color: #ffff;
  color: #000;
}
.popup-proj .btn-box .box-item .sub-btn.complete {
  background-color: #ffff;
  color: #000;
}

.myprj_tab.absol img {
  float: none;
  position: absolute;
  top: 30px;
  right: 0px;
}

.contents-body.tab.point.dco .my-resume .photo .intesrt_mem {
  background: #cde252;
  margin-top: 15px;
  width: 195px;
  float: left;
  height: 42px;
  text-align: center;
  vertical-align: middle;
  line-height: 42px;
  border-radius: 7px;
  font-family: 'Pretendard-Bold';
  font-size: 15px;
  color: #141516;
  transform: skew(-0.1deg);
  cursor : pointer;
}

.my-resume .mem-box .tit {
  margin-bottom : 15px
}

.mem_num .img_box {
  float: right;
  width: 343px;
}

.mem_num .img_box {
  cursor: pointer;
  margin-top: -13px;
}

.mem_num .img_box img{
  float: right;
}

/* 참여가능 날짜 설정 위치 */
.mem_num .img_box .cham .dev_state{
  position: absolute;
  top: -3px;
  right: 70px;
  width: 135px;
  text-align: center;
}

.mem_num .img_box .state .dev_state{
  position: absolute;
  /* top: -3px; */
  top: 29px;
  right: 70px;
  width: 115px;
  text-align: center;
}

.mem_num .img_box .cham .dev_state .text{
  font-family: Pretendard-Regular;
}

.mem_num .img_box .state .dev_state .text{
  color: white;
}

.notice_popup.prj_itv.state .notice_box {
  font-family: Pretendard-Regular;
  transform: skew(-0.1deg);
  margin-top: 30px;
}

.notice_popup.prj_itv.state .notice_box p{
  line-height: 20px;
  margin-bottom: 17px;
  font-size : 15px;
}

.notice_popup.prj_itv.state .notice_box p:first-child {
  font-size : 17px;
}

.head-wrap .logo .link-logo.pmg {
  margin-right: 80px;
}

#nav .list-gnb.pmg > li a.link-gnb {
  margin-right: 70px;
}

.sub-head-wrap.pmg ul > li:last-child {
  margin-right: 0px;
}

.sub-head-wrap.pmg ul {
  padding-left : 250px;
}

.sub-head-wrap.pmg ul > li {
  margin-right: 50px;
}

.gnb-login .btn-notice.pmg img {}

.sub-head-wrap.sco ul > li {
  margin-right: 70px;
}

#id_info {
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #0165FF;
  letter-spacing: -0.05em;
  transform: skew(-0.1deg);
}

.gnb-login .btn-notice.pmg span {}

.corp_state_ing {
  color : #BCBEC0 !important;
}

.resume-box .select-box {
  float: left;
  margin-top: 8px;
}

.resume-box .select-box .select_wrap {
  width : 110px;
}

.resume-box .select-box .select_wrap select, option {
  width : 59px !important;
  min-width: 59px;
  max-width: 59px;
}

.resume-box .date {
  float: left;
  font-size: 18px;
  margin-top: 16px;
  margin-right: 10px;
}

/*IT프로-소속사관리tab*/
.corpMng-box{
  display: inline-block;
  width: 520px;
  margin: 0 auto;
  padding: 30px 0;
  border-bottom: 1px solid #6d6e71;
  vertical-align: top;
}
.corpMng-box.company {
    border-bottom: none;
}
.vertical-hr {
  height: 770px;
  width: .1vw;
  display: inline-block;
  color: #58595B;
  position: absolute;
  left: 50%;
  top: 143px;
}

.corpMng-box.company .tit {
    font-family: Pretendard-Bold;
    font-size: 21px;
    color: #141516;
    line-height: 29px;
    margin-bottom: 24px;
}
.corpMng-box.company .corpInfo-box {
  border: 1px solid #BCBEC0;
  height: 500px;
}
.corpMng-box.company .noti-txt {
    font-family: Pretendard-Regular;
    font-size: 14px;
    line-height: 185%;
    color: #141516;
    margin: 34px 0;
}
.corpMng-box.company .noti-txt p {
    font-family: Pretendard-Bold;
    color: #000;
}
.corpMng-box.company .Area .Item table {
    width: auto;
    min-height: 140px;
    margin-left: 60px;
}
.corpMng-box.company .Area .Item .tb tbody tr th {
    padding: 13px 0;
    font-family: Pretendard-Bold;
    font-size: 16px !important;
    color: #141516;
    text-align: left;
    vertical-align: middle;
}
 
.corpMng-box.company .Area .Item .tb tbody tr td {
    padding: 13px 10px;
    font-family: Pretendard-Regular;
    font-size: 16px !important;
    color: #141516;
    text-align: left;
    vertical-align: middle;

}

.corpMng-box.company .Area .Item .tb tbody tr td 
input[type="radio"] + label {
    font-size: 16px;
    padding-bottom: 0;
}

.corpMng-box.company .approv {
    width: 430px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #58595B; 
}
.corpMng-box.company .approv img {}
.corpMng-box.company .approv span {
    font-family: Pretendard-Regular;
    font-size: 18px;
    padding: 15px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #FF7F00;
}
.corpMng-box.company .approv span img {
  padding: 0 8px;
}
.corpMng-box.company .approv .approv-name {
    width: fit-content;
    margin: 0 auto;
    padding: 10px 0 16px 0;
}
.corpMng-box.company .approv .approv-name div {
    font-family: Pretendard-Regular;
    font-size: 16px;
    width: fit-content;
}
.corpMng-box.company .approv .approv-name div > span {
    width: auto;
    font-family: Pretendard-Regular;
    font-size: 16px !important;
    text-align: left;
    padding: 10px 0 5px 0;
    border-bottom: none;
    justify-content: left;
}
.corpMng-box.company .approv .approv-name div > span .empDivText {
  width: 130px;
  font-family: Pretendard-Regular;
  font-size: 16px !important;
  text-align: left;
  padding: 10px 0 5px 0;
  border-bottom: none;
  justify-content: left;
}
.corpMng-box.company .approv .approv-tit {
  font-family: Pretendard-Bold;
  font-size: 25px;
  color: #141516;
}
.corpMng-box.company .select_btn > div {
  display: inline-block;
  width: 520px;
  height: 52px;
  padding: 17px 0;
  background-color: #BCBEC0;
  font-family: Pretendard-Bold;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  /* margin-right: 15px; */
}
.corpMng-box.company .select_btn .grayBtn {
  background-color: #BCBEC0; 
  color:#fff; 
  pointer-events: none;
}


/*사이트맵 popup*/
.sitemap_popup {
  width: 1200px;
  height: 800px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  z-index: 9;
}
.sitemap_popup .title_wrap {
  height: 94px;
  box-sizing: border-box;
  padding: 46px 0 18px 85px;
  display: flex;
  align-items: center;
}
.sitemap_popup .title_wrap img {
  height: 43px;
}
.sitemap_popup .title_wrap h2 {
  font-family: Pretendard-Bold;
  font-size: 24px;
  color: #141516;
  margin-left: 12px;
  background: url(/images/icon-location.png) no-repeat right center;
  padding-right: 20px;
  background-size: 14px;
}
.sitemap_popup .title_wrap h2::after {
  display: block;
  width: 16px;
  
}
.sitemap_popup .sitemap-wrap {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  padding: 30px 0;
  
  justify-content: space-around;
}
.sitemap_popup .sitemap-wrap .site-link {}
.sitemap_popup .sitemap-wrap .site-link .site-link-list {
  margin-bottom: 20px;
}
.sitemap_popup .sitemap-wrap .site-link-title {
  font-family: Pretendard-Bold;
  font-size: 15px;
  color: #fff;
  margin-bottom: 10px;
  width: 252px;
  height: 30px;
  line-height: 30px;
  text-indent: 24px; 
  border-radius: 15px; 
}
.sitemap_popup .sitemap-wrap .site-link-title.sm {
  width: 232px;
}
.sitemap_popup .sitemap-wrap .site-link-title.noti {
  background: url(/images/icon-noti.png) no-repeat 8px center;
  background-size: 14px;
  text-indent: 32px;
}
.sitemap_popup .sitemap-wrap .site-link-title.my-p {
  background: url(/images/icon-profile.png) no-repeat 8px center;
  background-size: 16px;
  text-indent: 32px;
}
.sitemap_popup .sitemap-wrap .site-link-title.color1 {
  background-color: #D86A4C;  
}
.sitemap_popup .sitemap-wrap .site-link-title.color2 {
  background-color: #E59C4C;  
}
.sitemap_popup .sitemap-wrap .site-link-title.color3 {
  background-color: #EAB46C;  
}
.sitemap_popup .sitemap-wrap .site-link-title.color4 {
  background-color: #EDCC66;  
}
.sitemap_popup .sitemap-wrap .site-link-title.color5 {
  background-color: #A7C671;
}
.sitemap_popup .sitemap-wrap .site-link-title.color6 {
  background-color: #82A559;
}
.sitemap_popup .sitemap-wrap .site-link-title.color7 {
  background-color: #6EB1D3;
}
.sitemap_popup .sitemap-wrap .site-link-title.color8 {
  background-color: #489ED3;
}
.sitemap_popup .sitemap-wrap .site-link-title.color9 {
  background-color: #58595B;
}
.sitemap_popup .sitemap-wrap .site-link-title.color10 {
  background-color: #C9C94F;
}
.sitemap_popup .sitemap-wrap .site-link-title.color11 {
  background-color: #418FC4;
}

.sitemap_popup .sitemap-wrap .site-link-list li {
  margin-left: 24px;
  margin-bottom: 8px;
}
.sitemap_popup .sitemap-wrap .site-link-list li::before {
  content: "·";
  margin-right: 4px;
}
.sitemap_popup .sitemap-wrap .site-link-list li a,
.sitemap_popup .sitemap-wrap p {
  font-size: 13px;
  font-family: Pretendard-Regular;
  color: #141516;
}

.sitemap_popup .copy-wrap {
  width: 1000px;
  margin: 0 100px 40px;
  display: flex;
  padding: 30px 80px 20px;
  border: 1px solid #BCBEC0;
  border-radius: 26px;
  position: absolute;
  bottom: 0;
}
.sitemap_popup .copy-wrap .foot-link {
  width: 100%;
}
.sitemap_popup .copy-wrap .foot-link:last-child {
  flex: 0 0 300px;
}
.sitemap_popup .copy-wrap .foot-link-title {
  font-family: Pretendard-Bold;
  font-size: 16px;
  color: #231f20;
  margin-bottom: 16px;
}
.sitemap_popup .copy-wrap .foot-link-title a::after {
  display: inline-block;
  content: "";
  border: solid #231f20;
  border-width: 0 1px 1px 0;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 2px;
}
.sitemap_popup .copy-wrap .foot-link-list li {
  margin-bottom: 12px;
}
.sitemap_popup .copy-wrap .foot-link-list li a,
.sitemap_popup .copy-wrap p {
  font-size: 15px;
  font-family: Pretendard-Regular;
  color: #141516;
}
.sitemap_popup .copy-wrap .btn-inquiry {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: none;
  width: 104px;
  height: 36px;
  background-color: #fff;
  border: 1px solid #767779;
  font-size: 15px;
  font-family: Pretendard-Regular;
  color: #141516;
  border-radius: 5px;
  cursor: pointer;
}
.sitemap_popup .btn-close {
  position: absolute;
  right: 58px;
  top: 46px;
  width: 30px;
  height: 30px;
  outline: none;
  border: none;
  font: 0/0 a;
  cursor: pointer;
  background: url(/images/btn-close-layer.png) no-repeat center;
}

/* 관리자 미리보기 스크롤 */
.tab_cont.active.scroll-box::-webkit-scrollbar {
  width: 10px;
  border-radius: 20px;
  background: rgb(65, 70, 78);
}

.tab_cont.active.scroll-box::-webkit-scrollbar-thumb {
  width: 20px;
  border-radius: 20px;
  background-color: #babcbe;
}

.tab_cont.active.scroll-box {
  width: auto;
  max-height: 75vh;
}

html {
  /* Prevent font scaling in landscape */
 -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
 -moz-text-size-adjust: none; /*Firefox*/
 -ms-text-size-adjust: none;  /*Ie*/
 -o-text-size-adjust: none; /*old versions of Opera*/
}

.step-indicator {
  display: flex;
  background: #f8f9fa;
  margin-bottom: 50px;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  overflow: hidden;
}

.step-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 15px 20px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
  background: #f8f9fa;
  color: #333333;
  position: relative;
  border-bottom: 2px solid transparent;
  border-right: 1px solid #e9ecef;
}

.step-item:last-child {
  border-right: none;
}

.step-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.step-item[data-step="1"] .step-dot {
  background-color: #2196F3;
}

.step-item[data-step="2"] .step-dot {
  background-color: #4CAF50;
}

.step-item[data-step="3"] .step-dot {
  background-color: #FF9800;
}

.step-item.active {
  background: #ffffff;
  color: #2196F3;
  font-weight: 500;
  border-bottom: 2px solid #2196F3;
}

.step-item.pending {
  color: #333333;
  font-weight: normal;
}

.description {
  text-align: center;
  color: #666;
  margin-bottom: 60px;
  font-size: 15px;
  line-height: 20px;
}

/* Step 1: KOSA 연동 */
.kosa-form {
  background: #fafbfc;
  border: 1px solid #e1e5e9;
  border-radius: 8px;
  padding: 40px;
  margin-bottom: 30px;
}

.form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
  align-items: end;
}

.form-group {
  flex: 1;
}

.form-row .form-group .step-input input {
  width : 280px;
}

.form-group label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: #333;
  font-weight: normal;
}

.form-group input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 14px;
  background: #fff;
}

.form-group input:focus {
  outline: none;
  border-color: #2196F3;
}

.btn-submit {
  background: #2196F3;
  color: white;
  border: none;
  padding: 12px 20px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}

.btn-submit:hover {
  background: #1976D2;
}

.warning-notice {
  background: #fff8e7;
  border-left: 3px solid #FFA726;
  padding: 15px 20px;
  margin: 15px 0;
  border-radius: 0 4px 4px 0;
}

.warning-notice .warning-icon {
  color: #FF9800;
  margin-right: 5px;
}

.warning-text {
  color: #5d4e75;
  font-size: 13px;
  line-height: 1.4;
}

/* Step 2: 엑셀 양식 */
.upload-section {
  text-align: center;
  padding: 10px 40px;
}

.upload-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 25px;
  background: #f5f5f5;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
}

.upload-icon::before {
  content: "📊";
  font-size: 24px;
}

.upload-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #333;
}

.upload-desc {
  color: #666;
  font-size: 14px;
  margin-bottom: 30px;
}

.btn-group {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
}

.btn-download {
  background: #00BCD4;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}

.btn-resumDel {
  background: #ffa500e0;
  color: white;
  border: none;
  padding: 10px 20px;
  /* margin-left: 585px; */
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  /* position: absolute; */
}
.btn-resumDel:hover {
  background: #ffa500;
}

.btn-upload {
  background: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}

.btn-download:hover {
  background: #00ACC1;
}

.btn-upload:hover {
  background: #45a049;
}

/* Step 3: 등록 대행 */
.file-upload-section {
  text-align: center;
  padding: 10px 40px;
}

.file-icon-add {
  width: 60px;
  height: 60px;
  margin: 0 auto 25px;
  background: #f5f5f5;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
}

.file-icon-add::before {
  content: "📄";
  font-size: 24px;
}

.btn-file-select {
  background: #4CAF50;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  margin: 20px 0;
}

.btn-file-select:hover {
  background: #45a049;
}

.bottom-notice {
  margin-top: 30px;
  padding: 20px 0;
  /* border-top: 1px solid #e1e5e9; */
}

.bottom-text {
  text-align: center;
  color: #666;
  font-size: 15px;
  line-height: 1.5;
}

.step-content {
  display: none;
}

.step-content.active {
  display: block;
}

/* Step 3: 등록 대행 - 파일 등록 후 */
.file-list-section {
    padding: 20px;
}

.file-upload-area {
    border: 2px dashed #e0e0e0;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    margin-bottom: 30px;
    background: #fafafa;
}

.upload-text {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
}

.file-list {
    margin-bottom: 20px;
}

.file-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-bottom: 10px;
    background: #fff;
}

.file-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.file-icon {
    width: 32px;
    height: 32px;
    background: #FF9800;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    font-weight: bold;
    margin : 0px;
}

.file-icon::before {
  content: "📄";
  font-size: 14px;
}

.file-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.file-name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.file-meta {
    font-size: 12px;
    color: #666;
}

.download-adm-btn {
    background: #2196F3;
    color: white;
    border: none;
    /* padding: 10px 20px; */
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
}

.download-adm-btn:hover {
    background: #1976D2;
}

.upload-notice {
    color: #666;
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 20px;
}

.additional-info {
    background: #f0f8ff;
    border-left: 3px solid #2196F3;
    padding: 15px 20px;
    margin: 25px 0;
    border-radius: 0 4px 4px 0;
}

.additional-info .info-text {
  float: none;
  margin: 0;
  transform: none;
  ;
}

.additional-info .info-icon {
    color: #2196F3;
    margin-right: 5px;
}