@charset "utf-8";
@import url(reset.css);
@import url(fonts.css);
/*@import url(common.css);*/

* {font-family:'Pretendard','맑은 고딕','Malgun Gothic','dotum';}

.cruit-wrap {padding:70px 0;}
.major-wrap {display:flex; flex-direction: column; gap:20px;}
.cruit-title-wrap {display:flex; align-items: center;}
.major-title-wrap {background: linear-gradient(90deg,rgba(248, 248, 248, 1) 22%,rgba(248, 248, 248, 0) 100%), url('../renewal_images/recruit_major/major-title-bg.jpg'); background-repeat:no-repeat; background-size:cover; background-position:right center;}
.inner-title-wrap {padding:40px 10px;}
.inner-title-wrap h2 {margin: 0 0 20px 0; font-weight: 600; font-size: 48px; text-align:left;}
.inner-title-wrap p {font-weight: 400; font-size: 20px; line-height: 1.5; text-align:left; }
.array-box {display:flex; align-items: center; justify-content: space-between;}
.cruit-cnt {display:flex; align-items: center; font-weight: 500;}
.cruit-cnt > span:first-child {font-size: 20px; margin-right: 25px;}
.cruit-cnt > span:last-child {font-size: 16px;}
.cruit-cnt > span:last-child > .cnt {font-weight: 600; color:#337AB7;}
.major-list {padding:10px 0; display:flex; flex-direction: column; gap:20px;}
.major-list-item {border-radius:16px; padding:28px; display:flex; align-items: center; justify-content: space-between; background-color: #fff; border:1px solid transparent; box-shadow: 0 4px 8px 0 #00000010; transition: .3s all ease;}
.major-item-left {display:flex; align-items: center; gap:24px;}
.major-item-left .img-wrap {width:100px; height:100px; border-radius: 50%; border:1px solid #d9d9d9;}
.major-info-wrap {display:flex; flex-direction: column; gap:12px; align-items: flex-start;}
.major-info {display:flex; align-items: center; font-weight: 500; font-size: 18px; flex-wrap:wrap;}
.major-title {margin-right:8px;}
.major-state {border-radius: 999px; font-size: 11px; padding:4px 8px; line-height: 1.2; display:inline-flex; margin-right:4px;}
.major-state:last-child {margin-left:0px;}
.major-state.new {background-color: #ebfff9; border:0.5px solid #93dbc6;}
.major-state.ing {background-color: #C5DCFF; border:0.5px solid #7BB0FF;}
.major-category-wrap {display:flex; align-items: center; gap:6px;}
.major-category {border-radius: 999px; border: 1px solid #E5E7EB; background-color: #fff; display:flex; align-items: center; justify-content: center; gap:6px; font-size: 13px; padding:5px 12px 5px 6px;}
.major-category-icon {display:inline-block; width:22px; height: 22px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; border:1px solid #E5E7EB;}
.major-category-icon.work-junior {background-image: url('');}
.major-category-icon.work-any {background-image: url('');}
.major-category-icon.work-history {background-image: url('');}
.major-category-icon.education {background-image: url('');}
.major-category-icon.money {background-image: url('');}
.major-category-icon.location {background-image: url('');}
.major-item-right {border-left:1px solid #666; padding:10px 30px 10px 40px; font-size: 13px; color:#4e4e4e; font-weight: 500; display:flex; flex-direction: column; gap:16px; align-items: flex-start;}
.major-item-right > div {display:flex;  gap:16px; align-items: center; gap:6px;}
.major-item-right > div:first-child {width:150px;}
.major-user {display:inline-block; width:18px; height:18px; background: url('') no-repeat center/ cover; border:1px solid #eee; border-radius: 50%;}
.major-d-day {display:inline-block; width:18px; height:18px; background: url('') no-repeat center/ cover; border:1px solid #eee; border-radius: 50%;}

@media (hover:hover) {
	.major-list-item:hover {background-color: #F0FBFF; box-shadow: 0 4px 8px 0 #00000020; border:1px solid #bcbcbc;}
}

/* ----- Tablet ----- */
@media (max-width: 1024px) {
	.cruit-wrap {padding:50px 20px;}
	.inner-title-wrap h2 {font-size: 36px;}
	.inner-title-wrap p {font-size: 16px;}
	.major-list-item {flex-wrap: wrap; gap:20px;}
	.major-item-right {border-left:0; border-top:1px solid #666; padding:16px 0 0 0; width:100%; flex-direction: row; flex-wrap: wrap; gap:24px;}
	.major-item-right > div:first-child {width:auto;}
}

/* ----- Mobile ----- */
@media (max-width: 768px) {
	.cruit-wrap {padding:40px 16px;}
	.inner-title-wrap {padding:0;}
	.inner-title-wrap h2 {font-size: 28px; margin-bottom:12px;}
	.inner-title-wrap p {font-size: 14px;}
	.array-box {flex-wrap: wrap; gap:12px;}
	.cruit-cnt > span:first-child {font-size: 16px; margin-right:14px;}
	.cruit-cnt > span:last-child {font-size: 14px;}
	.major-list-item {flex-direction: column; align-items: stretch; padding:20px; gap:16px;}
	.major-item-left {align-items: center; gap:16px;}
	.major-item-left .img-wrap {width:100px; height:100px; flex-shrink:0;}
	.major-info-wrap {gap:8px;}
	.major-info {flex-wrap: wrap; row-gap:6px;}
	.major-title {font-size: 15px; width:100%; margin-right:0;}
	.major-category-wrap {flex-wrap: wrap; row-gap:6px;}
	.major-item-right {font-size: 12px; gap:10px;}
}

@media (max-width: 480px) {
	.inner-title-wrap h2 {font-size: 22px;}
	.major-list-item {padding:16px;}
	.major-item-left {flex-direction: column;}
	.major-category {font-size: 12px; padding:4px 10px 4px 4px;}
}