@import url(layout.css?new);

body[data-page="Index"] #container{
	margin: 0;
	padding: 0;
	font-family: Pretendard,'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.mainTop_wrap .recruit_list .idx,
.cong_list .idx_wrap,
.recruit_wrap .idx_wrap .idx,
.recruit_wrap .dday_wrap .flag{
	font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', 맑은고딕, 'Helvetica', 'Arial', Dotum, 돋움, Gulim, sans-serif;
	letter-spacing: -0.03em;
}

.mainTopWrap{
	background-color: #F8FAFF;
	padding: 30px 0;
}
.mainTop_wrap{
	display: flex;
	justify-content: space-between;
}
.mainTop_wrap .sideTab_wrap{
	width: 157px;
}
.mainTop_wrap .cont_wrap{
	width: 765px;
}
.mainTop_wrap .banner_wrap{
	width: 245px;
}
.mainTop_wrap .po_ab{
	position: absolute;
	top: -10px;
	right: -18px;
	z-index: 100;
	width: 55px;
	height: auto;
}
.mainTop_wrap li{
	border-radius: 15px;
	overflow: hidden;
}
.mainTop_wrap .po_ab img{
	width: 100%;
	height: auto;
}
.mainTop_wrap .banner_wrap .slideBanner::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background: url('/images/arow.png') no-repeat center;
  background-size: contain;
  width: 33px;
  height: 33px;
}
.sideTab_list{
	font-size: 15px;
}
.sideTab_list li,
.sideTab_list li a{
	display: flex;
	align-items: center;
}
.sideTab_list li{
	height: 32px;
	line-height: 2em;
	border-radius: 7px;
	margin: 17px 0;
	cursor: pointer;
	border: 1px solid #D7DCE5;
	padding-right: 7px;
	background-color: #fff;
	transition: .3s;
}
.sideTab_list li:not(.on):hover{
	border-color: #8490a0;
}
.sideTab_list li:first-child{
	margin-top: 0;
}
.sideTab_list li img{
	width: 30px;
}
.sideTab_list li .brace{
	margin-left: auto;
	color: #C2C6CC;
}
.sideTab_list li .brace img{
	width: auto;
}

.sideTab_list li.on{
	border-color: #5158DD;
	color: #5158DD;
	position: relative;
}
.sideTab_list li.on .brace{
	color: #5158DD;
}
/* .sideTab_list li.on:after{
	content:'';
	display: inline-block;
	background: url(/images/circleChk.svg) no-repeat;
	width: 24px;
	height: 21px;
	position: absolute;
	top: 7px;
	right: 10px;
} */


/*프리미엄 공고*/
.recruitDiv{
	display: flex;
	justify-content: space-between;
	position: relative;
	display: none;
}
.recruitDiv.page01{
	display: flex;
}

.recruitDiv.div2 > div,
.notice_wrap,
.slideBanner,
.cong_list li,
.cong_list .num{
	background-color: #fff;
    border: 1px solid #EBEBEB;
    border-radius: 14px;
    overflow: hidden;
}
.slideBanner{
	overflow: visible;
}
.recruitDiv.div2 > div{
	position: relative;
	margin: 0;
	padding-bottom: 10px;
}
.recruitDiv.div2 .left{
	width: 500px;
}
.recruitDiv.div2 .right{
	width: 243px;
	height: 297px;
}

.mainTop_wrap .recruit_list > li{
	cursor: pointer;
}
.mainTop_wrap .recruit_list .logo{
	position: absolute;
	top: 0;
	left: 25px;
	width: 126px;
	height: 37px;
	background-color: #fff;
	border-radius: 0 0 14px 14px;
	padding: 0 12px;
	display: flex;
	align-items: center;
}
.mainTop_wrap .recruit_list .logo img{
	/* width: 100%; */
	max-width: 120px;
	max-height: 30px;
}
.mainTop_wrap .recruit_list .img{
	height: 120px;
	display: flex;
	justify-content: center;
}
.mainTop_wrap .recruit_list .img img{
	height: 100%;
}
.mainTop_wrap .recruit_list .tit_wrap{
	padding: 30px;
	padding-bottom: 20px;
}
.mainTop_wrap .recruit_list .tit{
	font-size: 27px;
	font-weight: bold;
	/* text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; */
	
}
.mainTop_wrap .recruit_list .tit a{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	word-break: keep-all;
}
.mainTop_wrap .recruit_list .company_wrap{
	display: flex;
	justify-content: space-between;
	font-size: 17px;
	margin: 17px 0 21px;
}
.dday{
	font-weight: 300;
	font-size: 13px;
	cursor: auto;
	margin-bottom: 3px;
}

.mainTop_wrap .recruit_list .idx,
.mainTop_wrap .paging_wrap{
	color: #526074;
	font-size: 14px;
}
.mainTop_wrap .paging_wrap{
	position: absolute;
	bottom: 32px;
	right: 30px;
	display: flex;
	justify-content: flex-end;
	background-color: #fff;
	z-index: 1;
}
.mainTop_wrap .paging{
	position: relative;
	display: flex;
}
.mainTop_wrap .paging .arr,
.mainTop_wrap .paging .page01Paging{
	position: inherit;
	display: inline-block;
	height: auto !important;
	bottom: auto !important;
}
.mainTop_wrap .paging .arr{
	margin-top: -8px;
}
.mainTop_wrap .paging .arr:after{
	color: #C5C5C5;
	font-size: 13px;
}
.mainTop_wrap .paging .page01Nxt{
	text-align: right;
}

.mainTop_wrap .paging_wrap .all{
	color: #526074;
	margin-left: 5px;
}

.mainTop_wrap .top5_wrap{
	padding: 30px 0;
}
.mainTop_wrap .top5_wrap .tit{
	text-align: center;
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 15px;
	margin: 0 20px;
	margin-bottom: 15px;
	font-weight: 500;
}

/*ver2*/
.recruitDiv.ver2{
	display: block;
}
.recruitDiv.ver2 .page01_2Swiper{
	background-color: transparent !important;
	border: none !important;
	padding-right: 10px;
}
.recruitDiv.ver2 .logo,
.recruitDiv.ver2 .tit,
.recruitDiv.ver2 .idx_wrap{
	padding: 0 17px;
}
.recruitDiv.ver2 li{
	height: 290px;
	transition: .3s;
}
.recruitDiv.ver2 li:hover{
	box-shadow: 5px 5px 5px #00000029; 
	/* transition: .3s; */
}
.recruitDiv.ver2 .logo{
	max-width: 250px;
	height: 30px;
	margin: 8px 0;
	display: block;
	justify-content: center;
	align-items: center;
}
.recruitDiv.ver2 .logo img{
	max-width: 100%;
	max-height: 100%;
}
.recruitDiv.ver2 .tit a{
	font-size: 22px;
	font-weight: 600;
	display: -webkit-box;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.3em;
	height: 2.6em;
	color: black;
}
.recruitDiv.ver2 .idx_wrap{
	justify-content: flex-start;
}

.top5_list{
	font-size: 15px;
}
.top5_list li:not(:first-child){
	margin-top: 15px;
}
.top5_list a{
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}
.top5_list .company{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; 
	width: 70%;
	font-weight: 500;
}
.top5_list .num{
	display: inline-block;
	font-size: 13px;
	color: #526074;
	border: 1px solid #CFD9F4;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	line-height: 1.5em;
	text-align: center;
	margin-right: 5px;
}
.top5_list .date{
	color: #373F57;
}
.top5Paging{
	bottom: 20px !important;
}
.top5Paging span{
	background-color: #C5C5C5;
}
.top5Paging span.swiper-pagination-bullet-active{
	background-color: #B2C7FF;
}

/*취업축하금 공고*/
.congSwiper,
.simpleSwiper{
	/* height: 290px; */
	position: static;
	padding-bottom: 10px;
	padding-right: 10px;
}
.congSwiper li{
	height: 290px;
}
.cong_list{
	height: 100%;
}
.cong_list > li{
	/* transition: .3s; */
}
.cong_list .img{
	height: 128px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.cong_list .img img{
	width: 100%;
}
.cong_list .txt_wrap{
	padding:15px;
	padding-top: 0;
	position: relative;
}
.cong_list .num{
	position: absolute;
	top: -125px !important;
	left: 0px !important;
	background-color: #00000062;
	border-radius: 4px;
  font-size: 12px;
  font-weight: 300;
	color: #fff;
  border-radius: 0 5px 5px 0;
	padding: 3px 6px;
  border: none;
  display: flex;
  align-items: center;
  gap: 3px;
}
.congSwiper .scrap,
.simpleSwiper .scrap{
	text-align: right;
	padding: 7px 15px 0;
}
.recruitDiv.ver2 .arr.page01Nxt:after,
.recruitDiv.div3 .arr:after{
	font-size: 23px;
	font-weight: bold;
}
.recruitDiv.ver2 .arr.page01Nxt::after{
	font-size: 23px;
}
.recruitDiv.ver2 .arr.page01Nxt:hover{
	color: #222a4e;
	transform: scale(1.08);
}
.recruitDiv.ver2 .arr.page01Nxt{
	top: 0%;
	position: absolute;
	right: -30px;
	color: #8b8b8b;
	box-shadow: none;
	border: none;
	background-color: transparent;
	height: 100%;
}
.recruitDiv.ver2 .arr,
.recruitDiv.div3 .arr{
	top: 5.9%;
	position: absolute;
	right: -30px;
	color: #8b8b8b;
	box-shadow: none;
	border: none;
	background-color: transparent;
	height: 100%;
}


.cong_list .company{
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 500;
}
.cong_list .tit a{
	line-height: 1.35em;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: keep-all;
}

.cong_list .idx_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #526074;
	font-size: 14px;
	position: absolute;
	bottom: 15px;
	width: 100%;
	padding: 0 15px;
}
.cong_list .idx_wrap .idx{
	color: #526074;
	display: flex;
	align-items: center;
	gap: 5px;
}

/*공지사항*/
.notice_wrap{
	display: flex;
	align-items: center;
	padding: 8px 23px;
	padding-right: 13px;
	margin-top: 10px;
	position: relative;
	border-radius: 10px;
	margin-right: 10px;
}
.notice_wrap .idx{
	border-right: 2px solid #C5C5C5;
	padding-right: 15px;
	margin-right: 15px;
	height: 20px;
	line-height: 20px;
	color: #324663;
	font-weight: 500;
}
.notice_wrap .noticeDiv{
	width: 75%;
	margin: 0;
}
.notice_wrap .notice_list li a{
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .3s;
}
.notice_wrap .notice_list li a:hover{
	color: #5158DD;
	font-weight: 600;
}
.notiArr{
	/* border: 1px solid #CFCFCF; */
	border-radius: 5px;
	/* box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15); */
	text-align: center;
	margin-left: auto;
	display: flex;
	gap: 8px;
}
.notiPrv,
.notiNxt{
	position: static;
	color: #8b8b8b;
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 5px;
	margin-top:auto;
}
.notiPrv:hover, .notiNxt:hover{
	color: #222a4e;
	font-weight: bold;
	transform: scale(1.15);
}
.notiArr .arr:after{
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: 1px;
	display: block;
	padding: 5px 7px;
}
.notiPrv{
	/* border-right: 1px solid #CFCFCF; */
}

.banner_wrap{
	width: 245px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.slideBanner{
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	padding: 25px 45px;
}
.slideBanner img{
	width: 100%;
}
.slideBanner .arr{
	color: #EBEBEB;
	
}
.slideBanner .arr:after{
	font-size: 20px;
}

/*--------------------------------------------------------------*/

.wideBanner{
	width: 765px;
	height: 48px;
	margin: 24px auto;
}
.wideBanner .img{
	overflow: hidden;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	/*background: linear-gradient(90deg, rgba(0,124,250,1) 0%, rgba(0,176,249,1) 100%);*/
}
.wideBanner .img img{
	height: 100%;
}

.wideBanner span{
	display: inline-block;
}
.wideBanner .marginL{
	width: 172px;
}
.wideBanner .marginR{
	width: 245px;
}

.recruitWrap{
	margin-top: 20px;
}
.recruit_wrap:not(.top){
	margin-top: 50px;
}
.recruit_wrap .tit_wrap{
	font-family: Pretendard,'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.recruit_wrap .tit_wrap .tit{
	font-size: 20px;
	color: #818181;
	font-weight: 500;
}
.recruit_wrap .subInfo_wrap{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color:#526074;
	position: relative;
	font-size: 15px;
}
.recruit_wrap .subInfo_wrap > div:not(.subInfoPop){
	cursor: pointer;
}
.recruit_wrap .subInfo_wrap .subInfo svg{
	position: relative;
	top: 3px;
}
.recruit_wrap .subInfo_wrap .goForm{
	display: inline-block;
	border: 1px solid #526074;
	border-radius: 3px;
	padding: 2px 7px;
	margin-left: 15px;
}

/*상품안내 팝업*/
.subInfoPop{
	width: 485px;
	position: absolute;
	top: 35px;
	right: 0;
	outline: 3px solid #f1f1f1;
	box-shadow: 2px 2px 5px #cad1db;
	z-index: 15;
	border-radius: 5px;
	overflow: hidden;
}
.subInfoPop .pop_wrap{
	width: auto;
	border-radius: 0;
	padding: 25px 20px;
	box-shadow: none;
}
.subInfoPop .tit{
	font-size: 18px;
	margin-bottom: 20px;
}
.subInfoPop .tit .more{
	display: inline-block;
	font-size: 13px;
	color: #818181;
	border: 1px solid #C5C5C5;
	padding: 2px 7px;
	border-radius: 100px;
	margin-left: 5px;
	position: relative;
	top: -2px;
}
.subInfoPop .subInfoTable{
	color: #818181;
	border: 1px solid #fff;
	border-top: 1px solid #C5C5C5;
}
.subInfoPop .subInfoTable tr:not(.first){
	border-top: 1px solid #EBEBEB;
}
.subInfoPop .subInfoTable th,
.subInfoPop .subInfoTable td{
	padding: 12px;
}
.subInfoPop .subInfoTable th{
	color: #324663;
	background-color: #F9F9F9;
	font-weight: normal;
}
.subInfoPop .subInfoTable th:not(:first-child),
.subInfoPop .subInfoTable tr:not(.first) td,
.subInfoPop .subInfoTable tr.first td.center{
	border-left: 1px solid #EBEBEB;
}
.subInfoPop .subInfoTable tr.first td:first-child{
	line-height: 1.6em;
}
.subInfoPop .subInfoTable td.center{
	text-align: center;
}
.subInfoPop .subInfoTable .red{
	font-size: .85em;
}
.subInfoPop .subInfoTable [class^="Sorting"]{display: inline-block;text-align: right; white-space: nowrap;}
.subInfoPop .subInfoTable .Sorting_a{width: 88px; padding-right: 3px;}
.subInfoPop .subInfoTable .Sorting_b{width: 30px;}
.subInfoPop .subInfoTable .Sorting_c{width: 45px;}
/*recruit list*/
.recruit_wrap .recruit_list{
	width: 1240px;
	display: flex;
	flex-wrap: wrap;
  gap: 20px;
}
.recruit_wrap .recruit_list > li{
	width: 295px;
	position: relative;
}
.recruit_list > li.temp{
	border: 1px solid #D7DCE5;
	color: #8F959E;
	border-radius: 5px;
	font-family: Pretendard,'Noto Sans KR', sans-serif;
	letter-spacing: 0;
}
.recruit_list > li.temp a{
	height: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}
.recruit_list > li.temp .img{
	width: 122px;
}
.recruit_list > li.temp .img img{
	width: 100%;
}
.recruit_list > li.temp .txt{
	width: 100%;
	text-align: center;
	margin: 4px 0 10px;
}
.recruit_list > li.temp .goPage{
	border: 1px solid #D7DCE5;
	border-radius: 7px;
	padding: 1px 7px;
	display: inline-block;
	font-size: 15px;
}
.recruit_list > li.temp .goPage .brace{
	color: #D7DCE5;
}

.recruit_list.box5 > li.temp .img,
.recruit_list.box6 > li.temp .img{
	width: 94px;
}
.recruit_list.box5 > li.temp .txt{
	font-size: 15px;
}
.recruit_list.box5 > li.temp .goPage{
	font-size: 14px;
}

.recruit_wrap:not(.top) .recruit_list > li,
.recruit_wrap.top .hoverDiv{
	border-radius: 10px;
	border: 1px solid #D7DCE5;
	border-top: 5px solid #bcc2cb;
	transition: .3s;
	overflow: hidden;
}

.recruit_wrap.top .recruit_list > li,
.recruit_wrap.top .hoverDiv{
	transition: .3s;
	height: 206px;
}
.recruit_wrap.top .recruit_list.mayd > li{
  height: 240px;
}
.recruit_wrap.top .recruit_list > li:hover .dday_wrap{
	bottom: 6px;
}
.recruit_wrap.top .hoverDiv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.recruit_wrap:not(.notBack) .recruit_list > li:after{
	content:'';
	display: inline-block;
	width: 0;
  height: 0;
  border-bottom: 70px solid #F9F9F9;
  border-top: 30px solid transparent;
  border-right: 120px solid #F9F9F9;
  border-left: 300px solid transparent;
	z-index: -1;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateX(10px);
	opacity: 0;
	transition: .3s;
}

.recruit_wrap.hot .recruit_list > li{
	border-color: #CFD9F4;
	height: 173px;
}
.recruit_wrap .recruit_list.box5 > li{
	width: 232px;
	height: 160px;
}

.recruit_wrap .img_wrap{
	height: 57px;
	overflow: hidden;
	transition: .3s;
	position: relative;
	font-size: 21px;
	color: #526074;
	margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recruit_wrap.top .img_wrap{
	height: 80px;
	margin-top: 0;
}
.recruit_list.box5 .img_wrap{
	font-size: 18px;
}

.recruit_wrap .img_wrap .logo{
	font-family: Pretendard,'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	display: flex;
	justify-content: center;
	/* height: 100%; */
	align-items: center;
	opacity: 1;
	transition: .3s;
	width: 95%;
}
.recruit_wrap .img_wrap .logo span:not(.company){
	color: #8F959E;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.5px;
}
.recruit_wrap .img_wrap .logo img{
	max-height: 60px;
	max-width: 205px;
  padding: 5px;
}
.recruit_wrap .img_wrap .img{
	opacity: 0;
	transition: .3s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* height: 100%; */
	display: flex;
	justify-content: center;
}
.recruit_wrap .img_wrap .img img{
	height: 100%;
}

.recruit_wrap .recruit_list.box5 .img_wrap{
	height: 47px;
}
.recruit_wrap .recruit_list.box5 .img_wrap img{
	max-height: 45px;
	max-width: 175px;
}

.recruit_wrap .txt_wrap{
	padding: 12px;
	padding-top: 3px;
	transition: .3s;
}
.recruit_wrap .company{
	font-size: 14px;
	font-family: Pretendard,'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.recruit_wrap .txt_wrap .tit a{
	font-size: 17px;
	margin: 2px 0;
    word-break: keep-all;
	font-weight: 500;
}
.recruit_wrap:not(.top) .txt_wrap .tit a{
	margin-bottom: 16px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.recruit_wrap.top .txt_wrap{
	padding-top: 12px;
}
.recruit_wrap.top .txt_wrap .tit a{
	margin-bottom: 11px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	transition: .3s;
}
.recruit_wrap .recruit_list.box5 .tit a{
	font-size: 16px;
}

.recruit_wrap .idx_wrap{
	display: flex;
	
	transition: .3s;
}
.recruit_wrap .idx_wrap .scrap{
	position: relative;
	cursor: pointer;
	top: 1px;
}
.recruit_wrap .idx_wrap .idx{
	margin-left: 5px;
	color: #526074;
	font-size: 14px;
}
.recruitDiv.ver2 .dday_wrap,
.recruit_wrap .dday_wrap{
	position: absolute;
	bottom: 12px;
	right: 12px;
	font-size: 15px;
	text-align: right;
	color: #526074;
}
.recruit_wrap .dday_wrap .flag{
	display: inline-block;
	font-size: 12px;
	border: 1px solid #DCDCDC;
	border-radius: 3px;
	padding: 1px 2px;
	background-color: #fff;
	margin-top: 1px;
}

.recruit_wrap.top .idx_wrap{
	margin-top: 17px;
	transition: .3s;
}
.recruit_wrap.hot .idx_wrap{
	margin-top: 2px;
}
.recruit_wrap.plus .idx_wrap{
	margin-top: 1px;
}

/*MEDI*/
.recruit_wrap .mediLogo{
	display: inline-block;
	color: #324663;
	padding: 0 10px;
	/* justify-content: flex-start !important; */
	margin-top: 3px;
}
.recruit_wrap .mediLogo svg{
	flex: 0 0 auto;
}
.recruit_wrap .mediLogo path{
	fill: #324663;
}
.recruit_wrap .mediLogo .company{
	font-size: 19px;
	font-weight: bold;
	margin-left: 5px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.recruit_wrap.mediTop .txt_wrap .tit a,
.recruit_wrap.mediHot .txt_wrap .tit a{
	font-size: 16px;
	margin: 0;
}
.recruit_wrap.mediTop .txt_wrap .company,
.recruit_wrap.mediHot .txt_wrap .company{
	font-size: 14px;
}
.recruit_wrap.mediTop .txt_wrap .idx_wrap,
.recruit_wrap.mediHot .txt_wrap .idx_wrap{
	margin-top: 18px;
	font-size: 13px;
}

/*medi - top*/
.recruit_wrap.mediTop .recruit_list > li{
	border-color: #D7DCE5;
	height: 148px;
}
.recruit_wrap.mediTop .recruit_list .img_wrap{
	height: 43px;
}

/*medi - hot*/
.recruit_wrap.mediHot .recruit_list > li{
	height: 135px;
}
.recruit_wrap.mediHot .recruit_list .img_wrap {
    height: 40px;
}
.recruit_wrap.mediHot .txt_wrap .idx_wrap{
	margin-top: 7px;
}
.recruit_wrap.mediHot .txt_wrap .tit a{
	font-size: 16px;
}
.recruit_wrap.mediHot .mediLogo .company{
	font-size: 18px;
}

/*hover effect*/
.congSwiper .cong_list  > li:hover{
	/* border-color: #5158DD; */
	box-shadow: 5px 5px 5px #00000029;
	transition: .3s;
}
.recruit_wrap .subInfo_wrap > div:not(.subInfoPop):hover,
.recruit_wrap .subInfo_wrap .subInfo.on{
	color:#373F57
}
.recruit_wrap .subInfo_wrap .subInfo:hover path,
.recruit_wrap .subInfo_wrap .subInfo.on path{
	fill: #373F57;
}
.recruit_wrap .subInfo_wrap .goForm:hover{
	border-color: #373F57;
}

.hoverDiv:hover,
.recruit_wrap:not(.top) .recruit_list > li:not(.temp):hover{
	border-color: #5158DD !important;
	border-top:1px solid #5158DD !important;
	box-shadow: 5px 5px 5px #00000029;
	transition: .3s;
}
.hoverDiv:hover:after,
.recruit_wrap:not(.top) .recruit_list > li:not(.temp):hover:after{
	transform: translateX(0) !important;
	opacity: 1 !important;
	transition: .3s;
}
.hoverDiv:hover{
	height: 218px !important;
}
.hoverDiv:hover .img_wrap{
	height: 130px;
	transition: .3s;
}
.hoverDiv:hover .img_wrap .logo{
	opacity: 0;
	transition: .3s;
}
.hoverDiv:hover .img_wrap .img{
	height: 130px;
	opacity: 1;
	transition: .3s;
}
.hoverDiv:hover .txt_wrap{
	padding-top: 8px;
	transition: .3s;
}
.hoverDiv:hover .txt_wrap .tit a{
	margin-bottom: 8px;
	transition: .3s;
}
.hoverDiv:hover .idx_wrap{
	margin-top: 5px;
	transition: .3s;
}

.recruit_wrap.top .hoverDiv:hover .txt_wrap .tit a{
	margin-top: 2px;
	margin-bottom: 0;
}
.recruit_wrap.top .hoverDiv:hover .idx_wrap{
	margin-top: 2px;
}
.recruit_wrap.top .hoverDiv:hover .dday{
	display: none;
}

.recruit_wrap.mediTop .recruit_list > li:hover{
	background-color: #fff;
}
.recruit_list > li:hover .dday_wrap .flag{
	color: #818181;
	border-color: #818181;
}
.recruit_list > li:hover .idx_wrap{
	margin-top: 7px;
	transition: .3s;
}

.wideFlexBanner{
	display: flex;
	justify-content: space-between;
	margin: 60px auto 80px;
}
.wideFlexBanner .img{
	width: 610px;
	height: 60px;
	border-radius: 5px;
	overflow: hidden;
}
.wideFlexBanner .img img{
	width: 100%;
}

/*Floating*/
.floating_list li:first-child{
	margin-top: 50px;
}
.floating_list li.phone{
	background-color: #324663;
}
.floating_list li.kakao{
	background-color: #F9E000;
}

.floating_list li img{
	width: 27px;
}
.floating_list li.phone img{
	width: 23px;
}

.floatingWrap.fixed .floating_list li:first-child{
	margin-top: 90px;
}

/*지역 컬러*/

/*경인 - defalut color*/
.mediTop .recruit_list > li:not(.temp),
.mediHot .recruit_list > li:not(.temp)
{
	background-color: #F6F6F6;
}
.floatingWrap .area_list li{
	background-color: #F6F6F6;
	border: 1px solid #324663;
	color: #324663;
}

/*서울*/
.mediTop .recruit_list > li.blueArea,
.mediHot .recruit_list > li.blueArea
{
	background-color: #F6F7FF;
}
.mediTop li.blueArea .mediLogo .company,
.mediGold  li.blueArea .mediLogo .company,
.mediHot li.blueArea .mediLogo .company
{
	color: #5158DD;
}
.mediHot li.blueArea .mediLogo path{
	fill: #5158DD;
}
.floatingWrap .area_list li.blueArea{
	background-color: #F6F7FF;
	border: 1px solid #5158DD;
	color: #5158DD;
}

/*충청*/
.mediTop .recruit_list > li.greenArea,
.mediHot .recruit_list > li.greenArea
{
	background-color: #F0FFF3;
}
.mediTop li.greenArea .mediLogo .company,
.mediGold li.greenArea .mediLogo .company,
.mediHot li.greenArea .mediLogo .company
{
	color: #1C5420;
}
.mediHot li.greenArea .mediLogo path{
	fill: #1C5420;
}
.floatingWrap .area_list li.greenArea{
	background-color: #F0FFF3;
	border: 1px solid #1C5420;
	color: #1C5420;
}

/*영남*/
.mediTop .recruit_list > li.skyBlueArea,
.mediHot .recruit_list > li.skyBlueArea
{
	background-color: #F5FCFF;
}
.mediTop li.skyBlueArea .mediLogo .company,
.mediGold li.skyBlueArea .mediLogo .company,
.mediHot li.skyBlueArea .mediLogo .company
{
	color: #2EB1E2;
}
.mediHot li.skyBlueArea .mediLogo path{
	fill: #2EB1E2;
}
.floatingWrap .area_list li.skyBlueArea{
	background-color: #F5FCFF;
	border: 1px solid #2EB1E2;
	color: #2EB1E2;
}

/*호남*/
.mediTop .recruit_list > li.beigeArea,
.mediHot .recruit_list > li.beigeArea
{
	background-color: #FFF9F0;
}
.mediTop li.beigeArea .mediLogo .company,
.mediGold li.beigeArea .mediLogo .company,
.mediHot li.beigeArea .mediLogo .company
{
	color: #B2A088;
}
.mediHot li.beigeArea .mediLogo path{
	fill: #B2A088;
}
.floatingWrap .area_list li.beigeArea{
	background-color: #FFF9F0;
	border: 1px solid #B2A088;
	color: #B2A088;
}

/*강원*/
.mediTop .recruit_list > li.purpleArea,
.mediHot .recruit_list > li.purpleArea
{
	background-color: #FDF6FF;
}
.mediTop li.purpleArea .mediLogo .company,
.mediGold li.purpleArea .mediLogo .company,
.mediHot li.purpleArea .mediLogo .company
{
	color: #541F72;
}
.mediHot li.purpleArea .mediLogo path{
	fill: #541F72;
}
.floatingWrap .area_list li.purpleArea{
	background-color: #FDF6FF;
	border: 1px solid #541F72;
	color: #541F72;
}

/*제주*/
.mediTop .recruit_list > li.brownArea,
.mediHot .recruit_list > li.brownArea
{
	background-color: #FFF0F0;
}
.mediTop li.brownArea .mediLogo .company,
.mediGold li.brownArea .mediLogo .company,
.mediHot li.brownArea .mediLogo .company
{
	color: #7A3131;
}
.mediHot li.brownArea .mediLogo path{
	fill: #7A3131;
}
.floatingWrap .area_list li.brownArea{
	background-color: #FFF0F0;
	border: 1px solid #7A3131;
	color: #7A3131;
}


/* new main */

.recruit_wrap .recruit_list.mayd{
	margin-bottom: 50px;
}
.recruit_wrap .recruit_list.mayd li{
  position: relative;
  border-radius: 10px;
  border: 1px solid #D7DCE5;
  z-index: 10;
  /* border-top: 5px solid #5158DD; */
  transition: .3s;
}
.recruit_wrap .recruit_list.mayd li:not(.temp){
  transition: .3s;
}
.recruit_wrap .recruit_list.mayd li:not(.temp)::before{
  position: absolute;
  top: -5px;
  right: 0px;
  left: 0px;
  height: 15px;
  border-width: 3px 1px 0 1px;
  border-style: solid;
  border-color: inherit;
  border-radius: 12px 12px 0 0;
  box-sizing: border-box;
  content: "";
  border-color: transparent;
  background-clip: content-box, border-box;
  background-origin: border-box;
  z-index: -30;
  background-image: linear-gradient(#ffffff00, #ffffff00), linear-gradient(to right, #5158DD 0%, #06DFF2 100%);
  transition: .3s;
}
.recruit_wrap .recruit_list.mayd li:not(.temp):hover{
	transform: translate(-2px, -3px);
	border: 1px solid #5158DD;
  border-top: 1px solid #5158DD;
	box-shadow: 1px 1px 10px #00000030;
  /* border-image: linear-gradient(to right, #5158DD, #06DFF2) 1; */
  background-image: linear-gradient(#ffffff00, #ffffff00), linear-gradient(to right, #5158DD 0%, #06DFF2 100%);
  background: white;
  overflow: hidden;
}
.recruit_wrap .recruit_list.mayd li:not(.temp):hover::before{
  position: absolute;
  top: -2px;
  height: 16px;
  content: "";
  background-image: linear-gradient(#ffffff00, #ffffff00), linear-gradient(to right, #5158DD 0%, #06DFF2 100%);
  transition: .3s;
}
.recruit_wrap .recruit_list.mayd li.temp{
	border: 1px solid #D7DCE5;
}
.recruit_wrap .recruit_list.mayd li .mew_grand [class^=img_box]{
	height: 85px;
	overflow: hidden;
  border-radius: 10px 10px 0 0;
}
.recruit_wrap .recruit_list.mayd li .mew_grand [class^=img_box] img{
	display: block;
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.recruit_wrap .recruit_list.mayd li .mew_grand [class^=img_box_logo]{
	 padding: 5px 10px;
	height: 60px;
}
.recruit_wrap .recruit_list.mayd li .mew_grand [class^=img_box_logo] img{
	display: block;
	position: relative;
	max-height: 60px;
  max-width: 200px;
	padding: 10px 10px;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
}
.recruit_wrap .recruit_list.mayd li .mew_grand [class^=img_box_logo] .not_img img{
	padding: 0;
}
.recruit_wrap .recruit_list.mayd li .mew_grand .title{
	padding: 2px 5px 8px;
}
.recruit_wrap .recruit_list.mayd li .mew_grand .title a{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: keep-all;
	font-size: 18px;
	line-height: 23.5px;
	font-weight: 500;
  font-family: Pretendard, 'Noto Sans KR', sans-serif;
}
.recruit_wrap .recruit_list.mayd li .mew_grand .text_box{
  padding: 0 10px 10px 10px;
  height: 87px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.recruit_wrap .recruit_list.mayd li .mew_grand .text_box .mew_grand_text{
	display: flex;
	justify-content: space-between;
	align-items: end;

}
.recruit_wrap .recruit_list.mayd li .mew_grand .text_box .mew_grand_text .text_data{
	display: flex;
	gap: 5px;
  font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', 맑은고딕, 'Helvetica', 'Arial', Dotum, 돋움, Gulim, sans-serif;
  font-size: 14px;
}
.recruit_wrap .recruit_list.mayd li .mew_grand .text_box .mew_grand_text .text_data .scrap{
  display: flex;
  justify-content: center;
  align-items: center;
	cursor: pointer;
	transition: .3s;
}
.recruit_wrap .recruit_list.mayd li .flirt{
	display: flex;
	position: absolute;
	gap: 2px;
	padding: 2px 5px;
	background-color: #fff;
	border-radius: 0 5px 5px 0;
	border: 1px solid #DCDCDC;
  border-left: none;
	left: 0;
	top: 6px;
	z-index: 20;
	font-size: 12px;
	font-weight: 500;
}
.recruit_wrap .recruit_list.mayd li .mew_grand [class^=img_box] .not_img{
  font-size: 22px;
  letter-spacing: 0;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  opacity: 1;
  transition: .3s;
  position: relative;
  top: 3px;
}
.recruit_wrap .recruit_list.mayd li .mew_grand [class^=img_box] .not_img img{
	max-height: 55px;
	max-width: 180px;
	width: auto;
	margin: 0;
	display: inline-block;
	position: relative;
	top: auto;
	transform: none;
}
.recruit_wrap .recruit_list.mayd li .mew_grand [class^=img_box] .not_img span{
	color: #324663;
	display: inline-block;
	margin-left: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.recruit_wrap .recruit_list.mayd li .mew_grand [class^=img_box] .not_img svg .cls-1,
.recruit_wrap .recruit_list.mayd li .mew_grand [class^=img_box] .not_img span{
  fill: none;
  stroke: #324663;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px;
  font-family: Pretendard, 'Noto Sans KR', sans-serif;
  font-weight: 600;
}
.recruit_wrap .li.blueArea svg .cls-1,
.recruit_wrap .recruit_list.mayd li.blueArea .mew_grand [class^=img_box] .not_img svg .cls-1,
.recruit_wrap .recruit_list.mayd li.blueArea .mew_grand [class^=img_box] .not_img span{
  stroke: #5158DD !important;
  color: #5158DD;
}
.recruit_wrap li.greenArea svg .cls-1,
.recruit_wrap .recruit_list.mayd li.greenArea .mew_grand [class^=img_box] .not_img svg .cls-1,
.recruit_wrap .recruit_list.mayd li.greenArea .mew_grand [class^=img_box] .not_img span{
  stroke: #1C5420 !important;
  color: #1C5420;
}
.recruit_wrap li.skyBlueArea svg .cls-1,
.recruit_wrap .recruit_list.mayd li.skyBlueArea .mew_grand [class^=img_box] .not_img svg .cls-1,
.recruit_wrap .recruit_list.mayd li.skyBlueArea .mew_grand [class^=img_box] .not_img span{
  stroke: #2EB1E2 !important;
  color: #2EB1E2;
}
.recruit_wrap li.beigeArea svg .cls-1,
.recruit_wrap .recruit_list.mayd li.beigeArea .mew_grand [class^=img_box] .not_img svg .cls-1,
.recruit_wrap .recruit_list.mayd li.beigeArea .mew_grand [class^=img_box] .not_img span{
  stroke: #B2A088 !important;
  color: #B2A088;
}
.recruit_wrap li.purpleArea svg .cls-1,
.recruit_wrap .recruit_list.mayd li.purpleArea .mew_grand [class^=img_box] .not_img svg .cls-1,
.recruit_wrap .recruit_list.mayd li.purpleArea .mew_grand [class^=img_box] .not_img span{
  stroke: #541F72 !important;
  color: #541F72;
}
.recruit_wrap li.brownArea svg .cls-1,
.recruit_wrap .recruit_list.mayd li.brownArea .mew_grand [class^=img_box] .not_img svg .cls-1,
.recruit_wrap .recruit_list.mayd li.brownArea .mew_grand [class^=img_box] .not_img span{
  stroke: #7A3131 !important;
  color: #7A3131;
}
.nx{
  font-family: 'SUIT-Regular', Pretendard, 'Noto Sans KR', sans-serif !important;
}
#List_A, #List_left_2{
	border: none !important;
}