@import url(main.css);

/*search*/
.listSearchWrap {
	margin-bottom: 40px;
}
.idxWrap + .searchOpt_list{
	margin-top: 20px;
}
.listSearchWrap .searchOpt_list li{
	width: auto;
	font-size: 15px;
}
.listSearchWrap .searchOpt_list li:not(:first-child){
	margin-left: 30px;
}
.listSearch_wrap{
	border: 1px solid #D7DCE5;
}
.searchTab_list{
	display: flex;
	align-items: center;
	height: 43px;
	width: 100%;
}
.searchTab_list li{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	padding: 10px 15px;
	width: calc((100% - 220px) / 3);
	cursor: pointer;
}
.searchTab_list li:not(:first-child){
	border-left: 1px solid #D7DCE5;
}
.searchTab_list li.detail{
	width: 220px;
	height: 100%;
}

.searchTab_list li:not(.detail) .icon{
	position: relative;
	top: 3px;
}

.searchTab_list li.on{
	background-color: #7C8BA1;
	color: #fff;
}
.searchTab_list li.on .icon path{
	fill: #fff;
}
.searchTab_list li .txt{
	margin-left: 3px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.searchTab_list li.searchTxt .txt{
	width: 26%;
}
.searchTab_list li.searchTxt .txtInput{
	border: none;
	height: auto;
	padding: 0;
}
.searchTab_list li.searchTxt .txtInput:hover{
	background-color: #fff;
}
.searchTab_list li.searchTxt .txtInput::placeholder{
	color: #373F57;
}
.searchTab_list li.searchTxt.on {
	background-color: #fff;
	border: 1px solid #324663;
	position: relative;
	z-index: 1;
}
.searchTab_list li.searchTxt.on .icon path{
	fill: #324663;
}
.searchTab_list li.searchTxt.on .txt{
	width: 85%;
}

.searchCont_list{
	border-top: 1px solid #D7DCE5;
	font-size: 14px;
	display: none;
}
.searchCont_list.show{
	display: block;
}
.searchCont_list > li{
	display: flex;
}
.searchCont_list .chkDiv{
	display: inline-block;
}
.searchCont_list .chkDiv input + label{
	padding-left: 20px;
	cursor: pointer;
}
.searchCont_list .chkDiv.chk input + label:before{
	width: 14px;
	height: 14px;
	top: 2px;
}
.searchCont_list .chkDiv.chk input:checked + label:before{
	background-color: #fff;
}
.searchCont_list .chkDiv.chk input:checked + label:after{
	background: url(/images/purpleChk.svg) no-repeat;
}
.searchCont_list .depth1_list .chkDiv.chk input:checked + label:before{
	border-color: #707070;
}
.searchCont_list .depth1_list .chkDiv.chk input:checked + label:after{
	background: url(/images/purpleChk.svg) no-repeat;
}

.searchCont_list .chkDiv.gray input + label{
	color: #8F959E;
}
.searchCont_list .chkDiv.gray input:checked + label{
	font-weight: normal;
	color: #8F959E;
}
.searchCont_list .chkDiv.gray input:checked + label:before{
	background-color: #8F959E;
}
.searchCont_list .chkDiv.gray input:checked + label:after{
	background: url(/images/whiteChk.svg) no-repeat;
}

.depth1_list{
	width: 20%;
	padding: 5px 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.depth1_list li{
	margin: 10px;
	width: 100%;
}
.depth1_list.flexwrap{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-content: flex-start;
	padding: 15px;
}
.depth1_list.flexwrap li{
	width: 40%;
	margin: 5px;
	text-align: left;
}

.depth1_list .chkDiv input:checked + label span{
	/* border-bottom:1px solid #5158DD */
  color: #5158DD;
}
.searchCont_list[data-tab="sector"] .depth1_list .chkDiv input:checked + label span:after{
	content:'';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #5158DD;
	border-right: 1px solid #5158DD;
	transform: rotate(45deg);
	position: relative;
	top: -1px;
	right: -1px;
}

.depth2_wrap{
	width: 80%;
	border-left: 1px solid #D7DCE5;
}
.depth2Div{
	display: flex;
}
.depth2Div:not(:first-child){
	border-top: 1px solid #D7DCE5;
}
.depth1_1{
	border-right: 1px solid #D7DCE5;
	display: flex;
	align-items: center;
	justify-content: center;
}
.depth2_list{
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	max-height: 300px;
}
.depth2_list > li{
	width: 115px;
	margin: 5px;
}

.searchCont_list.depth3 .depth1_list{
	width: 15%;
}
.searchCont_list.depth3 .depth2_wrap{
	width: 85%;
}
.searchCont_list.depth3 .depth1_1{
	width: 14.5%;
}
.searchCont_list.depth3 .depth2_list{
	width: 85.5%;
}

.searchCont_list[data-tab="detail"] .depth1_list{
	padding: 13px 60px;
}
.searchCont_list[data-tab="detail"] .depth1_list li{
	height: 32px;
	margin: 5px;
	line-height: 2em;
}
.searchCont_list[data-tab="detail"] .depth2_list{
	flex-wrap: wrap;
}
.searchCont_list[data-tab="detail"] .depth2_list > li{
	width: 100%;
	height: 32px;
	display: flex;
	align-items: center;
	margin: 5px;
}

.searchCont_list[data-tab="detail"] .selectInputDiv{
	width: 20%
}
.searchCont_list[data-tab="detail"] .selectInputDiv:after{
	top: 6px;
}
.searchCont_list[data-tab="detail"] .selectInput{
	height: 32px;
}
.searchCont_list[data-tab="detail"] .radio_list{
	width: 60%;
}

/* .searchCont_list[data-tab="detail"] li.off{
	position: relative;
}
.searchCont_list[data-tab="detail"] li.off::before{
	content:'';
	display: block;
	background: rgba(255,255,255,.7);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
} */

/*지역선택*/
/* .searchCont_list[data-tap="area"]  */

.depthResult_wrap{
	display: flex;
	background-color: #F9F9F9;
}
.depthResult_wrap .depthResultDiv{
	width: 80%;
	border-top: none;
}
.depthResult_wrap .buttonDiv{
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 13px 0;
	padding-right: 35px;
}
.depthResult_wrap .buttonDiv .refresh_wrap{
	margin: 0;
	margin-right: 20px;
}
.depthResult_wrap .buttonDiv .searchBtn{
	width: 120px;
	height: 37px;
	color: #75787D;
	background-color: white;
	border: 1px solid #CECECE;
	border-radius: 8px;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.recruitWrap .sideBannerPos.long .sideBannerDiv{
	top: 45px;
}
.sideBannerPos.long + .floatingWrap .floating_wrap{
	top: 400px;
}

.floatingWrap .area_list{
	width: 80%;
	margin: 0 auto;
}
.floatingWrap .area_list li{
	font-size: 12px;
	padding: 1px 3px;
	border-radius: 100px;
	margin: 3px 0;
	text-align: center;
}

/*search page*/
.idxWrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.idxWrap .tit{
	font-size: 20px;
	font-weight: bold;
}
.idxWrap .tit .hoverPopBtn{
	width: 23px;
	position: relative;
	top: -4px;
	left: 3px;
}
.idxWrap .tit .hoverPopBox{
	top: -9px;
	left: 205px;
	width: 230px;
}

.idxWrap .tab_list{
	font-size: 20px;
	display: flex;
}
.idxWrap .tab_list li{
	padding-bottom: 1px;
	margin: 0 40px;
}
.idxWrap .tab_list li:last-child{
	margin-right: 0;
}
.idxWrap .tab_list li.on{
	color: #5158DD;
	border-bottom: 3px solid #5158DD;
}



.offer_wrap .offer_list{
	display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	gap: 25px;
	padding-top: 5px;
}
.offer_wrap .offer_list > li{
	position: relative;
	border: 1px solid #EBEBEB;
	border-radius: 20px;
	/* width: 280px;
	margin: 20px; */
	overflow: hidden;
	transition: .3s;
}
.offer_wrap .offer_list > li .img{
	height: 128px;
	overflow: hidden;
	display: flex;
	justify-content: center;
}
.offer_wrap .offer_list > li .img img{
	width: 100%;
}
.offer_wrap .offer_list > li .tit{
  display: flex;
  align-items: center;
	gap: 5px;
}
.offer_wrap .offer_list > li .tit a{
  font-size: 16px;
  font-weight: bold;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  /* max-width: 355px; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	transition: .2s;
}
.offer_wrap .offer_list > li .tit a:hover{
	color: #5158DD;
}
.offer_wrap .offer_list > li .tit .applyBtn {
  display: inline-block;
  padding: 2px 9px;
  font-size: 12px;
  font-weight: 100;
  border-radius: 5px;
  margin-left: 10px;
  white-space: nowrap;
	background-color: white;
	transition: .2s;
}
/* .offer_wrap .offer_list > li .tit .applyBtn:hover{
	background-color: #d14343;
	border-color:#d14343;
	color: white;
} */
.offer_wrap .offer_list > li .idx_wrap{
	color: #526074;
	margin-top: 3px;
}
.offer_wrap .offer_list > li .idx_wrap .brace{
	color: #D7DCE5;
}

.offer_wrap.width100{
	border-top: 1px solid #324663;
}
.offer_wrap.width100 .offer_list{
	display: block;
}
.offer_wrap.width100 .offer_list > li{
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	padding-right: 20px;
	margin: 0;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #D7DCE5;
	font-size: 14px;
	width: 100%;
	transition: .2s;
}
.offer_wrap.width100 .offer_list > li:hover{
	background-color: #f8faff;
}
.offer_wrap.width100 .offer_list > li .num{
	width: 3%;
}
.offer_wrap.width100 .offer_list > li .company{
	width: 15%;
	font-size: 16px;
	padding-right: 10px;
	/* white-space: nowrap; */
}
.offer_wrap.width100 .offer_list > li .tit_wrap{
	width: 45%;
}
.offer_wrap.width100 .offer_list > li .condition_list{
	width: 14%;
	line-height: 20px;
	white-space: nowrap;
}
.offer_wrap.width100 .offer_list > li .applyBtn_wrap{
	width: 130px;
	text-align: right;
	cursor: pointer;
}

.offer_wrap.width100 .offer_list > li .num{
	font-size: 20px;
}
.offer_wrap.width100 .offer_list > li:first-child .num{
	font-weight: bold;
	color: #5158DD;
}
.offer_wrap.width100 .offer_list > li .tit_wrap,
.offer_wrap.width100 .offer_list > li .condition_list{
	text-align: left;
}
.offer_wrap.width100 .offer_list > li .condition_list{
	color: #526074;
	font-size: 14px;
}
.offer_wrap.width100 .offer_list > li .condition_list li:not(:first-child){
	margin-top: 2px;
}
.offer_wrap.width100 .offer_list > li .scrap{
	position: absolute;
	top: 18px;
	right: 24px;
}

.offer_wrap.width100 .applyBtn{
	border: 1px solid #5158DD;
	border-radius: 8px;
	color: #5158DD;
	padding: 12px 0;
	text-align: center;
}
.offer_wrap.width100 .applyBtn.simple{
	color: #BE1E1E;
	border-color: #BE1E1E;
}
.offer_wrap.width100 .dday{
	margin-top: 5px;
	line-height: 20px;
}

.offer_wrap.width100 .applyBtn:hover{
	background-color: #F6F6FF;
}
.offer_wrap.width100 .applyBtn.simple:hover{
	background-color: #FFF8F8;
}

/*Top50*/
body[data-page="Top50"] .idxWrap,
body[data-page="Simple"] .idxWrap{
	font-family: Pretendard,'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
body[data-page="Top50"] .idxWrap .tit,
body[data-page="Simple"] .idxWrap .tit{
	font-size: 26px;
	color: #373F57;
	font-weight: 500;
}
body[data-page="Top50"] .offer_wrap{
	border-top: none;
}
body[data-page="Top50"] .offer_wrap .offer_list > li{
	border: 1px solid #e7ebf3;
	padding: 30px 35px;
	padding-right: 60px;
	margin: 20px 0;
	border-radius: 20px;
	transition: .3s;
}
body[data-page="Top50"] .offer_wrap .offer_list > li:hover{
	/* background-color: #e7ebf3; */
}

.floating_list li:first-child {
    margin-top: 0;
}

/*simple*/
body[data-page="Simple"] .floating_wrap{
	top: 20px;
}
.offer_wrap.simple{
	width: 1240px;
	margin: 0 auto;
	font-family: Pretendard,'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.offer_wrap.simple .tit_wrap{
	position: relative;
	padding: 35px 15px 0;
}
.offer_wrap.simple .tit_wrap .flag{
	font-size: 14px;
	border: 1px solid #CECECE;
	border-radius: 8px;
	padding: 3px 12px;
	background-color: #fff;
	position: absolute;
	top: -10px;
	left: 12px;
	font-weight: 600;
}
.offer_wrap.simple .tit_wrap .scrap{
	position: absolute;
	top: 10px;
	right: 15px;
}

.offer_wrap.simple .tit_wrap .company{
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 15px;
}
.offer_wrap.simple .tit_wrap .tit a{
	font-weight: 500 !important;
	white-space: normal;
	line-height: 1.35em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: keep-all;
	height: 45px;
}
.offer_wrap.simple .idx_wrap{
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	padding: 15px;
	padding-top: 20px;
}

.offer_wrap.simple .offer_list li:hover{
	box-shadow: 3px 3px 15px #00000029;
}

/*list page*/
.recruit_wrap .txt_wrap .tit a{
	font-family: Pretendard,'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}

/*medi page*/
body[data-page="Pharmacy"] .recruit_wrap.mediTop{
	margin-top: 0;
}

/*medi gold*/
.recruit_wrap.mediGold .subInfoPop{
	top: 35px;
}
.recruit_list.box6,
.recruit_list.box3{
	border-top: 1px solid #EBEBEB;
  gap: 0;
}
.recruit_list.box6{
	width: 1240px;
}
.recruit_wrap .recruit_list.box6  > li,
.recruit_wrap .recruit_list.box3 > li{
	margin: 0;
	width: 206.5px;
	height: 122px;
	border-radius: 0 !important;
	font-size: 14px;
	transition: 0 !important;
	border-top: 1px solid transparent !important;
}
.recruit_list.box6  > li:not(:nth-of-type(6n+1)),
.recruit_list.box3  > li:not(:nth-of-type(3n+1)){
	border-left: 1px solid transparent;
}
.recruit_list.box6 .img_wrap{
	height: 30px;
}
.recruit_list.box6  > li .mediLogo .company{
	font-size: 16px;
}
.recruit_list.box6 .txt_wrap .tit a,
.recruit_list.box6  > li.temp{
	font-size: 14px;
}
.recruit_list.box6 .txt_wrap .tit a{
	margin: 0;
	margin-bottom: 3px;
}
.recruit_list.box6 .txt_wrap .company{
	font-size: 14px;
}
.recruit_list.box6 .idx_wrap{
	margin-top: 10px;
}
.recruit_list.box6 .idx_wrap .idx,
.recruit_list.box6 .dday_wrap{
	font-size: 13px;
}

.recruit_list.box6  > li.temp .goPage{
	font-size: 13px;
}

/*medi plus*/
.recruit_wrap .recruit_list.box3{
	width: 1240px;
}
.recruit_wrap .recruit_list.box3 > li{
	width: 413px;
	height: 60px;
	padding: 10px;
}
.recruit_list.box3 > li .company_wrap{
	display: flex;
	justify-content: space-between;
}
.recruit_list.box3 > li .company{
	font-size: 15px;
	font-weight: bold;
	width: 50%;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.recruit_list.box3 > li .idx_wrap{
	font-size: 12px;
	color: #526074;
}
.recruit_list.box3 > li .idx_wrap .brace{
	display: inline-block;
	color: #8F959E;
	margin: 0 2px;
}
.recruit_list.box3 > li .txt_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	margin-top: 4px;
}
.recruit_list.box3 > li .txt_wrap .tit{
	width: 70%;
}
.recruit_list.box3 > li .txt_wrap .tit a{
	font-size: 13px;
	width: 100%;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	margin: 0;
	font-weight: normal;
}

.recruit_list.box3 > li .date_wrap{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.recruit_list.box3 > li .scrap{
	position: relative;
	top: 2px;
}
.recruit_list.box3 > li .dday_wrap{
	position: static;
	margin-left: 5px;
}

.recruit_list.box3 > li.temp a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.recruit_list.box3 > li.temp .img{
	width: 100px;
}
.recruit_list.box3 > li.temp .txt{
	margin: 0;
	margin-top: 2px;
}
.recruit_list.box3 > li.temp .goPage{
	font-size: 13px;
}

.recruit_wrap .recruit_list.box6 > li:not(.temp):hover,
.recruit_wrap .recruit_list.box3 > li:not(.temp):hover{
	border: 1px solid #526074 !important;
	box-shadow: none !important;
	position: relative;
	z-index: 1;
	transition: 0 !important;
}

/*page num*/
.pageNumWrap{
	margin-top: 50px;
	font-size: 14px;
}
.pageNum_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pageNum_list{
	display: flex;
}
.pageNum_list li{
	color: #8F959E;
	border: 1px solid transparent;
	border-radius: 5px;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 1.8em;
	margin: 0 5px;
	cursor: pointer;
}
.pageNum_list li.on{
	color: #324663;
	border-color: #324663;
	font-weight: bold;
}

.pageNum_wrap span{
	display: inline-block;
	margin: 0 20px;
	cursor: pointer;
}
.pageNum_wrap span.prev:before,
.pageNum_wrap span.next:after{
	content:'';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #324663;
	position: relative;
}
.pageNum_wrap span.prev:before{
	border-left: 1px solid #324663;
	transform: rotate(-45deg);
	top: -1px;
	left: -3px;
}
.pageNum_wrap span.next:after{
	border-right: 1px solid #324663;
	transform: rotate(45deg);
	right: -3px;
}

.recruit_wrap .recruit_list.box6 > li:hover .idx_wrap{
	margin-top: 10px;
}
.recruit_wrap .recruit_list.box3 > li:hover .idx_wrap{
	margin: 0;
}