@charset "utf-8";

@import url(../css/reset.css);
@import url(../css/element.css);
@import url(../css/resume.css);
@import url(../css/announce.css);
@import url(../css/co_page.css);
@import url(../css/co_page_2.css);
@import url(../css/mypage.css);
@import url(../css/login.css);
@import url(../css/fixed.css);

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
						
					
.tab__item2{
    max-width: 210px;
    height: 50px;
    line-height: 1.28em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border: 1px solid #cbcbcb;
    background: #fff;
}



.tab__item2.active {
    border: 0px solid var(--point-0B2F68);
    background: #3270d3;
    color: #fff;
}



:root {
	--point-0D3779: #0d3779;
	--point-0B2F68: #0b2f68;
	--point-3270D3: #3270d3;
	--point-2C74B3: #2c74b3;
	--sub-EBF5FF: #ebf5ff;
	--sub-373F57: #373f57;
	--head-txt-color: #373f57;
	--main-txt-color: #000;
	--sub-txt-color: #525a71;
	--co-main-txt-color: #000;
	--co-sub-F8FBFF: #f8fbff;
}
html {
	font-size: 62.5%;
}
body {
	font-family: "맑은 고딕", "Malgun Gothic";
	font-size: 1.6rem;
	color: var(--main-txt-color);
}
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
cite,
code,
del,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
time,
mark,
audio,
video,
select,
button,
input,
textarea {
	font-family: "맑은 고딕", "Malgun Gothic";
	font-size: 1.6rem;
	color: inherit;
}
/* 공통 */
.wrap.fixed {
	width: 1920px;
}
.wrap.popup {
	width: 100%;
	max-width: 600px;
    margin: 0 auto;
}
.wrap.popup.mw800 {
	max-width: 800px;
}
.wrap.print {
	width: 700px;
}
.blind {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 1px;
	overflow: hidden;
}
.flex {
	display: flex;
}
.dib {
	display: inline-block;
}

.jt-c {
	justify-content: center;
}
.jt-r {
	justify-content: right;
}

.al-c {
	align-items: center;
}
.pointer {
	cursor: pointer;
}

.req-star {
	font-size: inherit;
	font-weight: bold;
	color: #ff5050;
}

.req-bold {
	font-size: inherit;
	font-weight: bold;
	color: #000;
}

.error-text {
	font-size: 14px;
	line-height: 16px;
	color: #ff5050;
	display: none;
}
.error-text.on{
    display: block;
}

.mw1300 {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.mw1150 {
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
}
.mw1220 {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 30px;
}

.mw320 {
	width: 320px;
	max-width: 320px;
	margin: 0 auto;

}

.mw820 {
	width: 820px;
	max-width: 820px;
	margin: 0 auto;
}


.w60 {
	width: 60px;
}
.w90 {
	width: 90px;
}
.w100 {
	width: 100px;
}
.w110 {
	width: 110px;
}
.w130 {
	width: 130px;
}
.w155 {
	width: 155px;
}
.w180 {
	width: 180px;
}
.w225 {
	width: 225px;
}
.w240 {
	width: 240px;
}
.w250 {
	width: 250px;
}
.w300 {
	width: 300px;
}
.w360 {
	width: 360px;
}
.w1010 {
	width: 1010px;
}
.w100p {
	width: 100%;
}

.w60p {
	width: 60%;
}

/* pd */
.pt10 {
	padding-top: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}

/* mg */
.ml0 {
	margin-left: 0px !important;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}
.ml25 {
	margin-left: 25px;
}
.ml40 {
	margin-left: 40px;
}
.ml125 {
	margin-left: 125px;
}
.mr0 {
	margin-right: 0px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr25 {
	margin-right: 25px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mg040 {
	margin: 40px 0;
}

/* header */
#header {
	height: 201px;
}

#header .header__head {
	border-bottom: 1px solid #d4d4d4;
}
#header .header__head .header__inner {
	display: flex;
	align-items: center;
	height: 135px;
	justify-content: space-between;
}
.header__search {
	width: 100%;
	max-width: 550px;
	height: 50px;
	border: 2px solid var(--point-0D3779);
	border-radius:100px;
}

.header__search .search-form__input {
	margin-left:20px;
	padding: 0 22px 0 10px;
	font-size: 14px;
}
.header__search .search-form__input {
	width: 100%;
}
.header__search .search-form__button {
	width: 100%;
	max-width: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.header__search_2 {
	width: 100%;
	max-width: 900px;
	height: 50px;
	border: 2px solid var(--point-0D3779);
	border-radius:100px;
}
.header__search_2 .search-form__input {
	margin-left:20px;
	padding: 0 22px 0 10px;
	font-size: 14px;
}
.header__search_2 .search-form__input {
	width: 100%;
}
.header__search_2 .search-form__button {
	width: 100%;
	max-width: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.account-area {
	display: flex;
	align-items: center;
}
.account-area .login-link__wrap {
	font-size: 15px;
	color: var(--sub-373F57);
    display: flex;
    align-items: center;
    width: 290px;
	letter-spacing:-1px;
}

.account-area .login-link__wrap .line {
	display: inline-block;
	width: 1px;
	height: 13px;
	background: var(--main-txt-color);
	vertical-align: -2px;
	margin: 0 15px;
}
.account-area .login-link__wrap .btn_typeA{
    margin-left: 15px;
}
.account-area .login-link__wrap .btn_typeA.link-company{
    margin-left: 0px;
}
.account-area .member-select {
	width: 83px;
}
.account-area .member-select .btn_typeA {
	font-size: 15px;
	font-weight: bold;
}
.account-area .member-select .btn_typeA:hover{
    background: var(--point-0D3779);
    color: #fff;
}
.account-area .member-select .member-select__label {
	width: 100%;
	height: 25px;
	background-color: var(--sub-EBF5FF);
	line-height: 25px;
	padding-left: 10px;
	border-radius: 10px;
	font-size: 1.4rem;
	position: relative;
	cursor: pointer;
}
.account-area .member-select .member-sel__icon {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

#header .header__navigation {
	position: relative;
	border-bottom: 1px solid #d4d4d4;
}

#header .header__head .header__inner .header__logo {
	width: 135px;
}
.header__logo .logo__link {
	display: block;
}
.logo img {
	width: 100%;
}

.gnb {
	display: flex;
	align-items: center;
}
.btn--menu {
	width: 24px;
	margin-right: 4%;
	display: flex;
}
.header__m-btn {
	display: none;
}
.btn--m-menu {
	margin-right: 17px;
}
.btn--menu > img {
	width: 100%;
	vertical-align: -1px;
}
.btn--m-my {
	display: none;
}
.btn--m-my > img {
	width: 22px;
}

.gnb__list {
	width: 100%;
	max-width: 1100px;
	display: flex;
	justify-content: space-between;
}
.gnb__depth-1 {
	letter-spacing:-1px;
	padding: 22px 25px;
	color: var(--head-txt-color);
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	min-width:130px;
	/* margin: 0 52px; */
	/* margin: 0 4.33%; */
}

.gnb__link_col { 
	font-weight:normal;
}

.gnb__depth-1.active > a,
.gnb__depth-1 > a:hover {
	color: #3270d3;
}

.gnb__depth-split {
	letter-spacing:-1px;
	padding: 20px 10px 0px 20px;
	color: var(--head-txt-color);
	font-size: 2rem;
	text-align: center;
	position: relative;
	width:10px;
}


.header__sub-navi {
	width: 100%;
	/* height: 190px; */
	height: 230px;
	background: #fff;
	border-top: 1px solid #d4d4d4;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	position: absolute;
	z-index: 99;
	left: 0;
	top: 100%;
	display: none;
}
.header__sub-navi.on {
	display: block;
}
.sub-gnb {
	width: 100%;
	/* min-width: 65px; */
	position: absolute;
	left: 50%;
	top: 62px;
    transform: translateX(-50%);
	z-index: 100;
	text-align: left;
	min-height: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	/* padding-left: 25px; */
	display: none;
}
.sub-gnb .gnb__depth-2:hover a {
	color: #3270d3;
}
.sub-gnb::after {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	/* height:152px; */
	height: 112px;
	background: #f5f5f5;
	right: -35px;
	top: 20px;
}
.sub-gnb.after-r-0::after {
	right: 0;
}
.sub-gnb.after-r-15::after {
	right: -10px;
}

.gnb__depth-1:last-child .sub-gnb::after {
	display: none;
}

.sub-gnb.on {
	display: flex;
    justify-content: center;
	/* 아래 항목 추가 2024-08-19 */
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
    width: 100%;
	min-height: initial;
	height: auto;

}
.sub-gnb.hover {
	display: block;
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
    width: 100%;
	min-height: initial;
	height: auto;
}
.sub-gnb.hover::after {
	display: none;
}
.sub-gnb.hover .sub-gnb__list {
	width: inherit;
	text-align: center;
}

.sub-gnb .sub-gnb__title {
	font-size: 1.5rem;
	line-height: 1.4em;
	color: var(--head-txt-color);
	margin-bottom: 20px;
	font-weight: bold;
}
.gnb__depth-2 {
	font-size: 15px;
	line-height: 1.5em;
	color: var(--co-main-txt-color);
	margin-bottom: 10px;
    text-align: center;
}
.gnb__depth-1 .no-menu {
	display: none;
}

.gnb__depth-2:last-child {
	margin-bottom: 0;
}
.btn-pc {
	display: inline-block;
}

.btn-pc2 {
	display: block;
}


.btn-mobile {
	display: none;
}

/* 모바일 헤더 */
.header__m-navi {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 900;
	display: none;
}
.header__dim-layer {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}
.header__m-menu {
	width: 100%;
	height: 100%;
}
.btn--m-close {
	margin-right: 17px;
}
.btn--m-close > img {
	width: 17px;
}
.m-menu__header {
	width: 100%;
	height: 60px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
}
.m-menu__header .header__m-btn {
	display: flex;
}
.m-menu__header .header__logo {
	width: 100px;
}
.m-menu__wrap {
	width: 60%;
	min-width: 220px;
	max-width: 300px;
	height: 100%;
	background: #173b74;
	position: fixed;
	left: -100%;
	top: 0;
	z-index: 998;
	padding-top: 60px;
}
.m-menu__list .depth-1__title {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 15px;
	line-height: 1.4em;
	font-weight: bold;
	padding: 9px 25px;
	position: relative;
	cursor: pointer;
}
.m-menu__list .depth-1__title>a{
    display: block;
}
.m-menu__list .depth-1__title::after {
	content: "";
	width: calc(100% - 20px);
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

.m-menu__list .depth-1__title::before {
	content: "";
	display: block;
	width: 10px;
	height: 6px;
	background: url(../images/m-menu_arrow.svg) no-repeat center center/cover;
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
}
.m-menu__list .depth-1__title.active::before {
	content: "";
	display: block;
	width: 10px;
	height: 6px;
	background: url(../images/m-menu_arrow_on.svg) no-repeat center center/cover;
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
}
.m-menu__list .depth-1__title.no-depth::before,
.m-menu__list .depth-1__title.no-depth.active::before {
	display: none;
}
.m-menu__list .depth-1__title.active::after {
    display: none;
}

.m-menu__list .depth-2 {
	background: #fff;
	padding: 13px 35px;
	display: none;
}
.m-menu__list .gnb__depth-2 {
	color: var(--head-txt-color);
	font-size: 14px;
	line-height: 1.43em;
}
.m-menu__list .gnb__depth-2 > a:hover {
	color: #3270d3;
}
.m-menu__wrap .button__wrap{
    flex-direction: column;
    margin-top: 60px;
    row-gap: 15px;
    padding: 0 15px;
}
.m-menu__wrap .button__wrap .login-link{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background-color: #f4c507;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.m-menu__wrap .button__wrap .login-link.corp-link{
    background-color: #fff;
    color: var(--point-0D3779);
}

/* footer */
#footer,
#footer-co {
	background: #f0f1f2;
}
.footer__menu {
	padding: 14px 0;
	border-bottom: 1px solid #c6c8d0;
}
.footer__menu .footer__inner {
	display: flex;
	align-items: center;
}
.footer__logo {
	width: 120px;
}
.footer__logo a > img {
	width: 100%;
}
.fmenu__list {
	margin: 0 auto;
	display: flex;
    padding-right: 120px;
	height:40px;
}
.fmenu_item {
	font-size: 13px;
	position: relative;
}
.fmenu_item:hover > a {
	text-decoration: underline;
}
.fmenu_item:first-child {
	color: var(--point-0D3779);
}
.fmenu_item .line {
	display: block;
	width: 1px;
	height: 12px;
	background: #707070;
	margin: 0 30px;
}
.footer__co-info {
	padding: 20px 0 18px;
	color: var(--head-txt-color);
}
.footer__menu .co-info__name,
.footer__co-info .co-info__name {
	font-size: 1.5rem;
	line-height: 1.3em;
	margin-bottom: 20px;
}
.footer__menu .co-info__name {
	display: none;
	margin-top: 0px;
}
.footer__co-info .co-info__list {
	font-size: 13px;
	line-height: 1.77em;
	margin-bottom: 30px;
}
.footer__co-info .co-info__text {
	font-size: 13px;
    line-height: 1.77em;
}
.footer__co-info .co-info__text .pc-text,
.footer__co-info .co-info__text .mo-text{
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}
.footer__co-info .co-info__text .mo-text{
    display: none;
}
.footer__co-info .co-info__text.text-contact {
	margin-top: 20px;
}
.footer__co-info .co-info__text.text-contact > span {
	margin-right: 15px;
	font-size: 13px;
}
.copyright {
	text-align: center;
	font-size: 13px;
	line-height: 1.3em;
	color: #707070;
}

/* main */
main.contents {
	min-height: calc(100vh - 125px - 320px);
}
/* 채용정보 */
.contents-top {
	background: var(--sub-EBF5FF);
	padding: 25px 0;
	max-height:405px;
}
.contents-top .section__inner {
	display: flex;
}
.type-recruit {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tab {
	min-width:220px;
	display: flex;
}
.tab__item > a {
	display: block;
}

.type-recruit .tab {
	flex-direction: column;
}
.type-recruit .tab__item {
	font-size: 16px;
	line-height: 1.44em;
	height: 32px;
	margin-bottom: 13px;
    transition: 0.3s;
}
.type-recruit .tab__item > a {
	height: 100%;
	display: flex;
	align-items: center;
}
.type-recruit .tab__item:hover,
.type-recruit .tab__item:focus,
.type-recruit .tab__item.active {
	color: var(--point-3270D3);
	font-weight: bold;
}
.tab__item .tab__img {
	width: 32px;
	margin-right: 8px;
}
.tab__item .tab__img > img {
	width: 100%;
}
.tab-contents {
	display: none;
}
.tab-contents.on {
	display: block;
}
.type-recruit .type-recruit__wrap {
	width: 100%;
	max-width: 895px;
	/* max-width: 1000px; */
}

.type-recruit .type-recruit__wrap__1150 {
	width: 100%;
	max-width: 1150px;
	/* max-width: 1000px; */
}


.type-recruit .tab-contents {
	width: 100%;
	position: relative;
	margin-right: 15px;
}

.type-recruit_search{
	margin-top:18px;
}
.type-recruit_seartxt{
	float:left; width:118px; max-width:118px; border:1px solid #c2c2c2; border-radius:25px; height:42px; line-height:40px; vertical-align:middle; text-align:center;
	margin-right:8px;background:#fff;font-size:11pt;letter-spacing:-1.8px;cursor:pointer;
}

.type-recruit_banner{
	width:100%; height:148px; border:1px solid #c2c2c2; border-radius:10px; background:#fff; margin-bottom:12px;overflow:hidden;
}

.type-recruit_banner .bannerTitle{
	padding:65px 20px 20px 8px; font-size:15pt; color:#4679ce;
}

.type-recruit_banner .backimg01{
	width: 100%;
	height: 150px;
	background: url(../images/main/main_banner_img_01.png) no-repeat right bottom #fff; 
	background-size:240px;
	border-bottom:1px solid #c2c2c2;
	cursor:pointer;
}


.type-recruit_banner .backimg02{
	width: 100%;
	height: 150px;
	background: url(../images/main/main_banner_img_02.png) no-repeat right bottom #fff; 
	background-size:240px;
	cursor:pointer;
}


/* .type-recruit__list{
    display: flex;
    justify-content: space-between;
} */
.type-recruit__box {
	/* flex: 1; */
	background: #fff;
	/* max-width: 270px; */
	height: 300px;
	border-radius: 10px;
}
.type-recruit__box .co-info {
	position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: 0.3s;
    border: 1px solid #d4d4d4;
	overflow:hidden;

}
.type-recruit__box .co-info:hover{
    border: 1px solid var(--point-2C74B3);
}
.co-info.no-contents{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.type-recruit__box .co-info .co-info__day {
	position: absolute;
	right: 13px;
	bottom: 13px;
	/* width: 47px; */
	height: 25px;
    padding: 0 12px;
	border-radius: 13px;
	background: #f2f2f2;
	text-align: center;
	line-height: 25px;
	font-size: 13px;
	color: rgba(128, 128, 128, 0.68);
}
.type-recruit__box .co-info .co-info__img-box01{
    width: 100%;
    height: 130px;
	background: url(../images/main/main_img_01.png) no-repeat center top #85d0e1; 
	background-size:100%;
}

.type-recruit__box .co-info .co-info__img-box02{
    width: 100%;
    height: 150px;
	background: url(../images/main/main_img_02.png) no-repeat center top #575757; 
	background-size:125%;
	margin-top:-20px;
}

.type-recruit__box .co-info .co-info__img-box03{
    width: 100%;
    height: 135px;
	background: url(../images/main/main_img_03.png) no-repeat center top #79c04a; 
	background-size:85%;
	margin-top:-5px;
}



.type-recruit__box .co-info .co-info__img-box04{
    width: 100%;
    height: 150px;
	background: url(../images/main/main_img_04.png) no-repeat center top #bfdeff; 
	background-size:100%;
	margin-top:-20px;
}


.type-recruit__box .co-info .co-info__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.type-recruit__box .co-info .co-info__title {
	padding: 0px 15px 15px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 22px;
	font-size: 17px;
	letter-spacing:-2px;
	line-height: 1.25em;
	font-weight:bold;
}
.type-recruit__box .co-info .co-info__name {
	padding: 0px 15px 15px;
	font-size: 1.4rem;
	line-height: 1.4em;
	font-weight: normal;
	color: #828282;
	margin-top: 0px;
	letter-spacing:-1px;
	min-height: 72px;
}
.type-recruit__box .co-info .co-info__region {
	padding: 0px 15px 15px;
	font-size: 13px;
	font-weight: bold;
	color: #0078f0;
	margin-top: 5px;
}
.type-recruit__view-more {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: url(../images/swiper_next.svg) no-repeat 13px center
		rgba(255, 255, 255, 0.9);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(+50%, -50%);
}

/* 미등록 공고/로고 */
.co-info .co-info__no-text{
    font-size: 14px;
    line-height: 1.43em;
    color: #000;
}
.co-info .co-info__no-img{
    width: 48px;
    margin-bottom: 15px;
}
.co-info .co-info__no-img>img{
    width: 100%;
}
.type-recruit__box .co-info .co-info__img-box .img-box__no-logo{
    width: 20px;
    height: 20px;
}
.type-recruit__box .co-info .co-info__img-box .img-box__no-text{
    font-size: 14px;
    color: #000;
}

/* 공지사항 */
.main-notice {
	margin-bottom: 53px;
}

.main-notice_banner {
	width:100%;
	height:40px;
	margin-bottom: 10px;
	overflow:hidden;
}


.notice__title_banner {
	width:150px;
	max-width: 200px;
	font-size: 1.5rem;
	font-weight: bold;
	color: var(--head-txt-color);
}

.notice__inner {
	height: 100%;
	display: flex;
	align-items: center;
	border: 1px solid #d4d4d4;
	border-radius:10px;
	padding: 0 20px;
	position: relative;
	height: 40px;
	background: #fff;
}


.notice__title {
	width: 100%;
	max-width: 60px;
	margin-right: 40px;
	font-size: 1.5rem;
	font-weight: bold;
	color: var(--head-txt-color);
}
.notice__more {
	color: #707070;
	font-size: 14px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	text-decoration: underline;
	z-index: 5;
}
.swiper-notice {
	width: 100%;
	margin-left: 0;
	height: 100%;
}
.swiper-notice .swiper-slide {
	display: flex;
	align-items: center;
}
.swiper-notice .swiper-slide .notice__contents {
	width: calc(100% - 100px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.swiper-notice .swiper-slide .notice__contents_banner {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:12pt;
}
.swiper-notice .swiper-slide .notice__link {
	font-size: 14px;
}


.swiper-mainbanner {
	width: 100%;
	margin-left: 0;
	height: 100%;
}
.swiper-mainbanner .swiper-slide {
	display: flex;
	align-items: center;
}
.swiper-mainbanner .swiper-slide .notice__contents {
	width: calc(100% - 100px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.swiper-mainbanner .swiper-slide .notice__contents_banner {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:12pt;
}
.swiper-mainbanner .swiper-slide .notice__link {
	font-size: 14px;
}


.main-notice .swiper-button-prev,
.main-notice .swiper-button-next {
	width: 30px;
	height: 10px;
	border-radius: 0;
	box-shadow: none;
}
.main-notice .swiper-button-prev {
	background: url(../images/select_arrow_icon-on.png) no-repeat center
		center/12px rgba(255, 255, 255, 0.9);
	left: auto;
	right: 60px;
	top: calc(50% + 10px);
}

.main-notice .swiper-button-next {
	background: url(../images/select_arrow_icon.png) no-repeat center center/12px
		rgba(255, 255, 255, 0.9);
	right: 60px;
	top: calc(50% + 25px);
}

/* 메인 배너 */
.main-banner {
	width: 100%;
	height: 93px;
	background: url(../images/main/main_banner_bg.png) no-repeat center center/cover;
	background-size: 100%;
	margin-top: 30px;
	margin-bottom: 40px;
}
.main-banner > a {
	display: block;
	width: 100%;
	height: 100%;
}

/* 메인 배너 */
.main-banner2 {
	width: 100%;
	height: auto;
	min-height: 100px; 
	//background: url(../images/main/main_banner_bg.png) no-repeat center center/cover;
	background-size: 100%;
	margin-top: 30px;
	margin-bottom: 40px;
}
.main-banner2 > a {
	display: block;
	width: 100%;
	height: 100%;
}


.recruit__title {
	font-size: 2rem;
	line-height: 1.45em;
	font-weight: bold;
	color: var(--head-txt-color);
	margin-bottom: 15px;
    word-break: break-all;
	letter-spacing:-1.5px
}
.recruit__title span {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
}
.recruit__title > span:first-child {
	margin-right: 24px;
}
.recruit__title.title-24 {
	font-size: 2.4rem;
	margin-bottom: 15px;
}
.recruit__count {
	font-size: 1.4rem;
}

/* top30 */
.top-recruit {
	/*padding-bottom: 50px;*/
	padding-bottom: 10px;
}
.top-recruit__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(220px, 1fr));
	gap: 15px;
}
.top-recruit__box {
	border: 1px solid var(--point-2C74B3);
	border-top: 5px solid #3270d3;
	position: relative;
	height: 240px;
	background: #fff;
	border-radius: 10px;
    transition: 0.2s;
}
.top-recruit .co-info {
	padding: 20px 15px 0;
}
.top-recruit .co-info .co-info__link {
	width: 100%;
}
.top-recruit .co-info .co-info__img-box {
	display: flex;
	justify-content: center;
	align-items: center;
    width: 130px;
	height: 55px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 23px;
    text-align: center;
}
.top-recruit .co-info .co-info__img-box>img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.top-recruit .co-info .co-info__img-box2 {
	display: flex;
	justify-content: center;
	align-items: center;
    width: 240px;
	height: 66px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 23px;
    text-align: center;
}
.top-recruit .co-info .co-info__img-box2>img{
    width: 100%;
    height: 100%;
   /*object-fit: contain;*/
}


.top-recruit .co-info__name {
	font-size: 1.5rem;
	line-height: 1.3em;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing:-1px;
}
.top-recruit .co-info__title {
	height:53px;
	max-height:53px;
	font-size: 1.7rem;
	line-height: 1.4em;
	letter-spacing:-1.5px;
	color: #484848;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 유료공고 미등록 */
.recruit-no-contents{
    border: 1px solid var(--point-2C74B3);
    border-top: 4px solid var(--point-2C74B3);
}
.recruit-no-contents .table-empty__content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 192px;
}
.recruit-no-contents .table-empty__content>img{
    width: 48px;
    height: 48px;
}
.recruit-no-contents .table-empty__content>p{
    color: #000;
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.43em;
}

.co-info__row--right {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 19px;
}
.co-info__row--right .etc-row__scrap {
	width: 18px;
	height: 18px;
	background: url(../images/icon_scrap.png) no-repeat center center/cover;
}
.co-info__row--right .etc-row__scrap:hover {
	background: url(../images/icon_scrap_hover.png) no-repeat center center/cover;
}
.co-info__row--right .etc-row__scrap.on {
	background: url(../images/icon_scrap_on.png) no-repeat center center/cover;
}
.co-info__row--right .etc-row__d-day {
	font-size: 13px;
	line-height: 1.3em;
}
.etc-row__d-day--highlight {
	color: #e22828;
}
.co-info__row {
	display: flex;
	justify-content: space-between;
}
.co-info__row--right {
	text-align: right;
}
.top-recruit .co-info-hover {
	width: calc(100% + 2px);
	height: calc(100% - 6px);
	position: absolute;
	left: -1px;
	top: -4px;
	z-index: 2;
	background: #fff;
	border: 2px solid #3270d3;
	border-top: 4px solid #3270d3;
	overflow: hidden;
	display: none;
	padding: 50px 14px 0;
	border-radius: 3px;
}
.top-recruit .co-info-hover .co-info__title {
	font-size: 1.7rem;
	line-height: 1.47em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 70px;
}
/* .top-recruit__box:hover .co-info-hover {
	display: block;
	animation: infoPopUp 0.3s ease-in-out both;
} */
.top-recruit__box:hover{
    transform: scale(1.05);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}

/* .top-recruit__box:hover .co-info-hover .co-info__content {
	margin-top: 10px;
	height: 65px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 13px;
	line-height: 1.3em;
}
.top-recruit__box:hover .co-info-hover .co-info__content > p {
	font-size: inherit;
	line-height: inherit;
} */

/* 오늘의 공고 */
.today-recruit {
	margin-bottom: 50px;
}


.table {
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid #3270d3;
	border-bottom: 1px solid #3270d3;
	text-align: center;
	table-layout: fixed;
    /* min-height: 70px; */
	letter-spacing:-0.5px;
}
.table thead tr {
	height: 50px;
	background: var(--sub-EBF5FF);
	border-bottom: 1px solid #c6c8d0;
}
.table th {
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.7rem;
/*	color: #fff;*/
	padding: 5px 10px;
}
.table th.left{
    text-align: left;
}
.table tbody tr {
	/* height: 55px; */
	height: 70px;
	border-bottom: 1px solid #c6c8d0;
	background: #fff;
}
.table tbody tr:last-child {
	border-bottom: none;
}
.table tbody td {
	vertical-align: middle;
	/* font-size: 1.4rem; */
	font-size: 1.6rem;
	/* line-height: 1.14em; */
	line-height: 1.37em;
    word-break: break-all;
	padding: 5px 10px;
}
.table tbody td .td__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 5px;
}
.table tbody td .td__div {
	
	text-align:left;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	padding-left:15px;
}
.table tbody td .td__div.flex {
	align-items: center;
	justify-content: center;
}
.table tbody td .td__div a:hover {
	text-decoration: underline;
}
.table tbody td .td__div a.btn_typeG:hover {
	text-decoration: none;
}


.table tbody td .td__div.center {
	text-align:center;
	padding:0px;
}


.table tr .tdheight_100{
	height:115px; max-height:115px;
}
.table tbody td p,
.table tbody td span {
	font-size: 1.5rem;
	line-height: 1.37em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table .td_fs_14{
	font-size: 1.4rem;
	line-height: 30px;
	letter-spacing:-1.5px;
    color: #323232;
}

.table .td_bold{
	font-weight:bold;
}
.table .td_center{
	text-align:center;
}

.table .td_right{
	text-align:right;
	margin-right: 5px;
}
.table tbody td .btn_typeText:hover {
	text-decoration: underline;
}

.table tbody td .td__div .btn_typeG {
	/* margin-left: 17px; */
	vertical-align: 2px;
}
.table tbody td .td__div .btn_typeG.ml0 {
	margin-left: 0;
}
.table tbody td .td__div .button__wrap .btn_typeG {
	vertical-align: initial;
}
.table tbody td .td__div .button__wrap .btn_typeG:first-child {
	margin-left: 0;
}
.table tbody td .td__div.title {
	text-align: left;
}

.table td .input--w300 {
	margin-left: 0;
}
.table th .checkbox--basic,
.table td .checkbox--basic {
	margin-right: 0px;
}

/*  table_2 추가 2024-08-14  */

.table_2 {
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid #3270d3;
	border-bottom: 1px solid #3270d3;
	text-align: center;
	table-layout: fixed;
    /* min-height: 70px; */
	letter-spacing:-0.5px;
}
.table_2 thead tr {
	height: 44px;
	background: var(--sub-EBF5FF);
	border-bottom: 1px solid #c6c8d0;
}
.table_2 th {
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.7rem;
/*	color: #fff;*/
	padding: 5px 10px;
}
.table_2 th.left{
    text-align: left;
}
.table_2 tbody tr {
	/* height: 55px; */
	height: 44px;
	border-bottom: 1px solid #c6c8d0;
	background: #fff;
}
.table_2 tbody tr:last-child {
	border-bottom: none;
}
.table_2 tbody td {
	vertical-align: middle;
	/* font-size: 1.4rem; */
	font-size: 1.6rem;
	/* line-height: 1.14em; */
	line-height: 1.37em;
    word-break: break-all;
	padding: 5px 10px;
}
.table_2 tbody td .td__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 5px;
}
.table_2 tbody td .td__div {
	
	text-align:left;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	padding-left:15px;
}
.table_2 tbody td .td__div.flex {
	align-items: center;
	justify-content: center;
}
.table_2 tbody td .td__div a:hover {
	text-decoration: underline;
}
.table_2 tbody td .td__div a.btn_typeG:hover {
	text-decoration: none;
}


.table_2 tbody td .td__div.center {
	text-align:center;
	padding:0px;
}


.table_2 tr .tdheight_100{
	height:115px; max-height:115px;
}
.table_2 tbody td p,
.table_2 tbody td span {
	font-size: 1.5rem;
	line-height: 1.37em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table_2 .td_fs_14{
	font-size: 1.4rem;
	line-height: 30px;
	letter-spacing:-1.5px;
    color: #323232;
}

.table_2 .td_bold{
	font-weight:bold;
}
.table_2 .td_center{
	text-align:center;
}

.table_2 .td_right{
	text-align:right;
	margin-right: 5px;
}
.table_2 tbody td .btn_typeText:hover {
	text-decoration: underline;
}

.table_2 tbody td .td__div .btn_typeG {
	/* margin-left: 17px; */
	vertical-align: 2px;
}
.table_2 tbody td .td__div .btn_typeG.ml0 {
	margin-left: 0;
}
.table_2 tbody td .td__div .button__wrap .btn_typeG {
	vertical-align: initial;
}
.table_2 tbody td .td__div .button__wrap .btn_typeG:first-child {
	margin-left: 0;
}
.table_2 tbody td .td__div.title {
	text-align: left;
}

.table_2 td .input--w300 {
	margin-left: 0;
}
.table_2 th .checkbox--basic,
.table_2 td .checkbox--basic {
	margin-right: 0px;
}
/*   */



.table-recruit .td__div.title p:first-child{
	color:#343434;
    font-size: 17px;
    font-weight: bold;
	line-height:40px;
	letter-spacing:-1.5px;
}
.table-recruit .td__div.title p:nth-child(2){
    font-size: 13px;
    color: #323232;
}

.corp-info .table-office .td__div.title p:first-child,
.corp-head-info .table-office.detail .td__div.title p:first-child,
.corp-head-info .table-office.corp .td__div.title p:first-child{
    font-size: 18px;
    font-weight: bold;

}
.corp-info .table-office .td__div.title p:nth-child(2)>span,
.corp-head-info .table-office.detail .td__div.title p:nth-child(2),
.corp-head-info .table-office.corp .td__div.title p:nth-child(2){
    font-size: 14px;
    color: #707070;
}

/* 면접후기 */
.main .review {
	padding-bottom: 80px;
}

.review__box {
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	background: #fff;
    min-height: 140px;
    height: 190px;
    position: relative;
    transition: 0.3s;
}
.review__box:hover{
    border: 1px solid var(--point-2C74B3);
}
.review__link {
	display: block;
    width: 100%;
    height: 100%;
	padding: 23px 12px 17px;
}
.review__title {
	margin-bottom: 13px;
}
.review__title .review__writer-img {
	display: none;
}
.review__title>span{
    display: block;
    font-size: 16px;
    line-height: 24px;
	font-weight: bold;
	color: var(--point-0D3779);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.review__contents {
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 14px;
	line-height: 1.4em;
	color: #808080;
    height: 60px;
}
.review__writer {
	display: flex;
	align-items: center;
	/* margin-top: 9px; */
}
.review__writer > span {
	text-align: right;
	display: inline-block;
	width: 100%;
}
.review__writer .review__writer-img {
	width: 52px;
	min-width: 52px;
	margin-left: 10px;
}

/* 면접후기 미등록 */
.review__box.no-contents .review__contents{
    width: 100%;
    height: 100%;
    position: absolute;
    left:50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 0;

}
.review__box.no-contents .review__contents>img{
    width: 48px;
    height: 48px;
}
.review__box.no-contents .review__contents>span{
    margin-top: 15px;
    color: #000;
    font-size: 14px;
    line-height: 1.43em;
}
.review__box.no-contents .review__writer{
    position: absolute;
    right: 12px;
    bottom: 17px;
}
.review__box.no-contents .review__title{
    position: absolute;
    left: 18px;
    top: 12px;
}

/* 메인 swiper */
.swiper-button-prev,
.swiper-button-next {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.swiper-button-prev {
	background: url(../images/swiper_prev.svg) no-repeat 11px center
		rgba(255, 255, 255, 0.9);
}
.swiper-button-next {
	background: url(../images/swiper_next.svg) no-repeat 13px center
		rgba(255, 255, 255, 0.9);
}

.contents-top .swiper__wrap {
	position: relative;
	padding: 0 2px;
}
.contents-top .swiper__wrap>.swiper{
    min-height: 50px;
}
.contents-top .swiper-button-prev {
	left: -15px;
}
.contents-top .swiper-button-next {
	right: -15px;
}

.main .table {
	color: var(--main-txt-color);
}

/* 면접후기 swiper */
.review .swiper__wrap {
	position: relative;
}
.review .swiper__wrap .swiper-review {
	padding: 0 1px;
    min-height: 50px;
}
.review .swiper__wrap .swiper-button-prev {
	left: -15px;
}
.review .swiper__wrap .swiper-button-next {
	right: -15px;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "";
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "";
}

/* floting menu */
.float-menu {
	position: fixed;
	right: calc(50% - 690px);
	top: 228px;
	width: 95px;
	z-index: 900;
	transform: translateX(50%);
	transition: 0.3s;
}
.float-menu__wrap {
	background: #fff;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	padding: 0 12px;
}

.float-menu__list {
	text-align: center;
}
.float-menu__item {
	padding: 11px 0 9px;
	border-bottom: 1px solid #d4d4d4;
}
.float-menu__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	letter-spacing:-1px;
}
.float-menu__link .cur-view__count {
	color: #f2941b;
	font-weight: bold;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-position: under;
	font-size: 1.6rem;
	line-height: 1.5em;
}
.float-menu__link > span {
	font-size: 13px;
	line-height: 1.46em;
	margin-top: 7px;
}
.float-menu__link:hover > span {
	text-decoration: underline;
}

.btn--top__wrap {
	padding: 5px 0;
	text-align: center;
	font-size: 1.5rem;
	color: var(--point-0D3779);
}
.btn--top__wrap img {
	vertical-align: 2px;
}

@keyframes infoPopUp {
	0% {
	}
	100% {
		height: calc(200% + 20px);
		max-height: calc(200% + 20px);
	}
}

@media (min-width: 1920px) {
	.wrap.fixed {
		width: 100%;
	}
}

@media (max-width: 1600px) {
	.float-menu {
		display: none;
	}
}

@media (max-width: 1300px) {

	.main-notice {
		display: none;
	}

	.mw1150 {
		width: calc(100% - 60px);
	}

	.type-recruit .tab-wrap {
		width: 100%;
	}
	.type-recruit .tab {
		flex-direction: row;
	}
	.type-recruit .tab__item {
		margin-right: 20px;
	}
	.type-recruit .type-recruit__wrap {
		max-width: initial;
	}

	.top-recruit__list {
		grid-template-columns: repeat(4, minmax(240px, 1fr));
	}
}

@media (max-width: 1290px) {
	.main-notice {
		display: block;
	}

	.type-recruit .tab-wrap {
		display: none;
	}
}

@media (min-width: 1290px) {
	.main-notice {
		display: none;
	}

	.type-recruit .tab-wrap {
		display: block;
	}
}

@media (min-width: 1100px) {

    .header__m-navi{
        display: none !important;
    }
}
@media (max-width: 1100px) {
	html {
		font-size: 50%; /* 8px */
	}

	.fmenu__list {
		padding-top: 20px;
	}

.tab__item2.active {
    color: #fff;
}
    .header__m-navi.on{
        display: block;
    }
	.respon #header {
		height: 148px;
	}
	.respon .header__head {
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #d4d4d4;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 900;
	}
	.respon .account-area {
		display: none;
	}
	.respon #header .header__head .header__inner {
		flex-wrap: wrap;
		height: auto;
		padding-top: 17px;
		padding-bottom: 17px;
	}
	.respon .header__search {
		max-width: initial;
		border: 1px solid var(--point-0D3779);
		margin-top: 17px;
	}
	/* .sub.mypage .header__search,
	.sub.notice-page .header__search {
		display: none;
	} */

	.respon .header__m-btn {
		display: flex;
		align-items: center;
	}
	.respon .header__navigation {
		display: none;
	}
	.respon .btn--m-my {
		display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 14px;
        font-weight: bold;
	}
    .respon .btn--m-my>span{
        margin-top: 5px;
        font-size: 12px;
    }

    main.contents{
        min-height: calc(100vh - 60px - 270px);
    }

	.swiper-notice .swiper-slide .notice__contents {
		width: 100%;
        padding-right: 50px;
	}

	.swiper-mainbanner .swiper-slide .notice__contents {
		width: 100%;
        padding-right: 50px;
	}

	.main-notice .swiper-button-prev,
	.main-notice .swiper-button-next{
		display: none;
	}
	.notice__inner.mw1150 {
		width: 100%;
		border-left: none;
		border-right: none;
	}
    .notice__title{
        margin-right: 15px;
    }

	.respon #footer,
	.respon #footer-co {
		background: #f2f4f6;
	}
    .respon .footer__logo {
		display: none;
	}
	.respon .footer__menu {
		border-bottom: none;
		padding: 35px 0;
	}
	.respon .footer__menu .footer__inner {
		flex-direction: column;
	}
	.respon .footer__menu .co-info__name {
		display: block;
		font-size: 12px;
		color: var(--main-txt-color);
		margin-bottom: 0;
	}
	.respon .fmenu_item {
		font-size: 12px;
        color: #707070;
	}
    .fmenu_item:first-child{
        color: #707070;
    }
	.respon .footer__co-info {
		padding-top: 0;
        padding-left: 35px;
        padding-right: 35px;
		padding-bottom: 36px;
	}

	.respon .footer__co-info .co-info__name {
		display: none;
	}
	.respon .fmenu__list {
		width: 100%;
		margin-top: 15px;
		padding-left: 150px;
		padding-right: 150px;
		justify-content: space-between;
		margin-top: 0;
	}
	.respon .fmenu__list .line {
		display: none;
	}
	.respon .footer__co-info .co-info__list {

		font-size: 9px;
	}
	.respon .copyright {
        text-align: left;
		font-size: 8px;
	}
    .respon .footer__co-info .co-info__text .pc-text{
        display: none;
    }
    .respon .footer__co-info .co-info__text .mo-text{
        display: inline;
    }
	.respon .footer__co-info .co-info__text.text-contact > span {
		display: block;
        font-size: 10px;
        color: #000000;
	}

	.table tbody td p,
	.table tbody td span {
		font-size: 13px;
	}
    .table-recruit .td__div.title p:first-child{
        font-size: 14px;
    }
    .table-recruit .td__div.title p:nth-child(2){
        font-size: 12px;
    }
    .corp-info .table-office .td__div.title p:first-child,
    .corp-head-info .table-office.detail .td__div.title p:first-child,
    .corp-head-info .table-office.corp .td__div.title p:first-child{
        font-size: 14px;
    }
    .corp-info .table-office .td__div.title p:nth-child(2)>span,
    .corp-head-info .table-office.detail .td__div.title p:nth-child(2),
    .corp-head-info .table-office.corp .td__div.title p:nth-child(2){
        font-size: 12px;
    }

	.top-recruit__list {
		grid-template-columns: repeat(3, minmax(240px, 1fr));
	}

}
@media (max-width: 850px) {

	.top-recruit__list {
		grid-template-columns: repeat(2, minmax(240px, 1fr));
		gap: 10px;
	}
}
@media (max-width: 768px) {
	/* .wrap.fixed {
		width: 100%;
	} */




	.error-text {
		font-size: 10px !important;
	}
	html {
		font-size: 62.5%; /* 10px */
	}
    main.contents{
        min-height: calc(100vh - 60px - 225px);
    }
	.mw1150 {
		width: calc(100% - 30px);
	}
	.respon #header {
		height: 113px;
	}
	.respon #header .header__head {
		margin-bottom: 0;
	}
	.respon #header .header__head .header__inner {
		padding-top: 13px;
		padding-bottom: 13px;
	}
	.respon #header .header__head .header__inner .header__logo {
		width: 100px;
	}
	.respon .header__search {
		height: 35px;
	}
	.respon .header__search .search-form__input {
		padding: 0 10px;
		font-size: 12px;
	}
	.respon .header__search .search-form__button {
		max-width: 30px;
	}
	.respon .header__search .search-form__button > img {
		width: 16px;
	}
	.respon .m-menu__wrap {
		max-width: 220px;
	}
    .respon .footer__menu {
		padding: 35px 0 15px;
	}
    .respon .fmenu__list {
		padding-left: 35px;
		padding-right: 35px;
	}
	.respon .fmenu_item {
		font-size: 10px;
	}
	.respon .footer__co-info .co-info__text {
		font-size: 10px;
        letter-spacing: -0.5px;
	}
	.contents-top {
		/*background: #fff;*/
		padding: 10px 0 0;
	}
	.contents-top .section__inner.mw1150 {
		width: 100%;
	}
	.contents-top .type-recruit > div {
		padding-left: 15px;
		padding-right: 15px;
	}
	ul.top-recruit__list > li {
		display: none;
	}
    
	.type-recruit .type-recruit__wrap {
		background: var(--sub-EBF5FF);
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.type-recruit .tab__item {
		font-size: 14px;
	}
	.contents-top .swiper__wrap {
		/*padding: 0 30px;*/
		padding: 30px 30px;
	}
	.type-recruit .tab {
        justify-content: space-around;
	}
	.type-recruit .tab__item .tab__img {
		display: none;
	}
	.type-recruit .tab__item {
		margin-right: 0;
	}
	.type-recruit__box {
		height: 160px;
	}
	.type-recruit__box .co-info {
		padding: 17px 20px 37px;
	}
	.type-recruit__box .co-info .co-info__day {
		height: 20px;
		line-height: 18px;
		font-size: 12px;
	}
	.type-recruit__box .co-info .co-info__img-box {
        width: 101px;
		height: 30px;
	}
    .type-recruit__box .co-info .co-info__img{
        width: 100%;
        height: 30px;
    }
	.type-recruit__box .co-info .co-info__title {
		margin-top: 30px;
		height: 32px;
		font-size: 18px;
	}
	.type-recruit__box .co-info .co-info__name {
		margin-top: 5px;
		font-size: 10px;
	}
	.type-recruit__box .co-info .co-info__region {
		margin-top: 3px;
		font-size: 10px;
		font-style: normal;
		color : #0078f0;
	}
    .top-recruit__box:hover{
        transform: none;
    }
	.swiper-button-prev,
	.swiper-button-next {
		width: 12.5px;
		height: 12.5px;
		border-radius: 0;
		box-shadow: none;
	}
	.swiper-button-prev {
		background: url(../images/swiper_prev_m.svg) no-repeat center
			center/contain;
	}
	.swiper-button-next {
		background: url(../images/swiper_next_m.svg) no-repeat center
			center/contain;
	}

	.contents-top .swiper-button-prev {
		left: -6px;
	}
	.contents-top .swiper-button-next {
		right: -6px;
	}

	.main-banner {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.main-banner2 {
		margin-top: -10px;
		margin-bottom: 10px;
	}

	.main .recruit-announce,
	.main .review {
		background: var(--co-sub-F8FBFF);
	}
    .review__box{
        height: 140px;
    }
    .review__link{
        padding: 12px 18px;
    }
    .review__contents{
        line-height: 17px;
        height: 50px;
    }
	.main .recruit-announce {
		padding-top: 20px;
	}
	.main .recruit-announce.today {
		background: #fff;
		border-top: 1px solid #d3d3d3;
	}
	.recruit__title {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;

	}
	.top-recruit__box {
		height: auto;
		border: none;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
	}
	.top-recruit .co-info {
		display: flex;
		justify-content: space-between;
		padding: 10px 17px;
	}
	.top-recruit .co-info.co-info-hover {
		display: none;
	}
	.top-recruit .co-info .co-info__img-box {
		justify-content: left;
		height: 30px;
        margin-left: 0;
        margin-right: 0;
	}
	.top-recruit .co-info .co-info__img-box > img {
        width: 101px;
		height: 100%;
	}
	.top-recruit .co-info__name {
		font-size: 14px;
		margin-top: 12px;
	}
	.top-recruit .co-info__title {
		font-size: 17px;
		margin-top: 5px;
		margin-bottom: 15px;
	}
	.top-recruit .co-info .co-info__link {
		width: calc(100% - 55px);
		margin-right: 5px;
	}
	.recruit__title.title-24 {
		font-size: 16px;
	}
	.recruit_more {
		max-width: 100%;
		position: relative;
	}
	.recruit_more:after {
		content: "";
		transform: translate(7px, -3px);
		display: inline-block;
		width: 12px;
		height: 6px;
		background: url(../images/icon_arrow_down.svg) no-repeat center center;
	}
	.co-info__row--right {
		width: 50px;
		flex-direction: column;
		align-items: flex-end;
		margin-top: 0;
	}
	.co-info__row--right .etc-row__d-day {
		font-size: 10px;
	}

	.top-recruit__box:hover .co-info-hover {
		display: none;
	}

	.today-recruit {
		background: #fff;
		margin-bottom: 0;
	}

	.table.table-recruit col {
		display: none;
	}

	.table thead tr {
		height: 40px;
	}

	.table th {
		font-size: 14px;
		padding: 0 15px;
		/* 보이지 않는 열의 제목의 글자 영역을 없앰  */
		font-size: 0px;
	}
	.table tbody tr {
		height: initial;
	}
	.table tbody td {
		height: 40px;
		padding: 0 15px;
	}

	/* .table.table-recruit */
	.table.table-recruit td {
		display: none;
	}
	/* === 1,2번째 데이터만 남김 === */
	.table.table-recruit col:first-child {
		display: table-column;
		width: 40%;
	}
	.table.table-recruit col:nth-child(2) {
		display: table-column;
		width: 60%;
	}
	.table.table-recruit th:first-child,
	.table.table-recruit th:nth-child(2) {
		font-size: 14px;
	}

	.table.table-recruit td:first-child,
	.table.table-recruit td:nth-child(2) {
		display: table-cell;
	}

	/* check가 있는 공고 테이블 */
	/* .table.table-recruit */

	.table.table-recruit.check td {
		display: none;
	}
	/* === 1,2번째 데이터만 남김 === */
	.table.table-recruit.check col:first-child {
		display: table-column;
		width: 13%;
	}
	.table.table-recruit.check col:nth-child(2) {
		display: table-column;
		width: 30%;
	}
	.table.table-recruit.check col:nth-child(3) {
		display: table-column;
		width: 57%;
	}
	.table.table-recruit.check th:first-child,
	.table.table-recruit.check th:nth-child(2),
	.table.table-recruit.check th:nth-child(3) {
		font-size: 14px;
	}

	.table.table-recruit.check td:first-child,
	.table.table-recruit.check td:nth-child(2),
	.table.table-recruit.check td:nth-child(3) {
		display: table-cell;
	}

	/* .table.table-offer */
	/* === 1,2번째 데이터만 남김 === */
	.table.table-offer col {
		display: none;
	}
	.table.table-offer col:first-child {
		display: table-column;
		width: 70%;
	}
	.table.table-offer col:nth-child(2) {
		display: table-column;
		width: 30%;
	}
	.table.table-offer col:first-child {
		display: table-column;
		width: 70%;
	}
	.table.table-offer col:nth-child(2) {
		display: table-column;
		width: 30%;
	}
	.table.table-offer th:first-child,
	.table.table-offer th:nth-child(2) {
		font-size: 14px;
	}

	/* 지원내역 */
	/* .table.table-mypage */
	/* === 1,2번째 데이터만 남김 === */
	.table.table-mypage th, 
	.table.table-mypage td {
		display: none;
	}
	.table.table-mypage col {
		display: none;
	}
	.table.table-mypage col:nth-child(3){
		display: table-column;
		width: 25%;
	}
	.table.table-mypage col:nth-child(2) {
		display: table-column;
		width: 45%;
	}
	.table.table-mypage col:nth-child(5) {
		display: table-column;
		width: 30%;
	}
	.table.table-mypage th:nth-child(5),
	.table.table-mypage th:nth-child(3),
	.table.table-mypage th:nth-child(2) {
        display: table-cell;
		font-size: 14px;
	}
	.table.table-mypage td:nth-child(5),
	.table.table-mypage td:nth-child(3),
	.table.table-mypage td:nth-child(2) {
		display: table-cell;
		padding:8px 0px 8px 0px;
	}

	/* 면접후기 */
	.table.table-mypage.check col:first-child {
		display: table-column;
		width: 13%;
	}
	.table.table-mypage.check col:nth-child(2) {
		display: table-column;
		width: 30%;
	}
	.table.table-mypage.check col:nth-child(3) {
		display: table-column;
		width: 57%;
	}
	.table.table-mypage.check th:first-child,
	.table.table-mypage.check th:nth-child(2),
	.table.table-mypage.check th:nth-child(3) {
        display: table-cell;
		font-size: 14px;
	}
	.table.table-mypage.check td:first-child,
	.table.table-mypage.check td:nth-child(2),
	.table.table-mypage.check td:nth-child(3) {
		display: table-cell;
	}

	/* 면접 제안 */
	/* .table.table-recruit.check-offer */
	.table.table-recruit.check-offer td {
		display: none;
	}
	/* === 1,2번째 데이터만 남김 === */

	.table.table-recruit.check-offer col:first-child {
		display: table-column;
		width: 50%;
	}
	.table.table-recruit.check-offer col:nth-child(2) {
		display: table-column;
		width: 25%;
	}
	.table.table-recruit.check-offer col:nth-child(3) {
		display: table-column;
		width: 25%;
	}
	.table.table-recruit.check-offer th:first-child,
	.table.table-recruit.check-offer th:nth-child(2),
	.table.table-recruit.check-offer th:nth-child(3) {
		font-size: 14px;
	}
	.table.table-recruit.check-offer td:first-child,
	.table.table-recruit.check-offer td:nth-child(2),
	.table.table-recruit.check-offer td:nth-child(3) {
		display: table-cell;
	}

    /* 기업정보 */
    /* .table .table-office */
    .table.table-office thead th,
	.table.table-office td {
		padding: 0;
	}
    .table.table-office col {
		display: none;
	}
    .table.table-office th {
		display: none;
	}
    .table.table-office td {
		display: none;
        padding: 0 3px;
	}
	/* === 1,5,6번째 데이터만 남김 === */

	.table.table-office col:nth-child(1) {
		display: table-column;
		width: 50%;
	}
	.table.table-office col:nth-child(5) {
		display: table-column;
		width: 25%;
	}
	.table.table-office col:nth-child(6) {
		display: table-column;
		width: 25%;
	}
    .table.table-office th.left{
        text-align: center;
    }
	.table.table-office th:nth-child(1),
	.table.table-office th:nth-child(5),
	.table.table-office th:nth-child(6) {
        display: table-cell;
		font-size: 14px;
	}
	.table.table-office td:nth-child(1),
	.table.table-office td:nth-child(5),
	.table.table-office td:nth-child(6) {
		display: table-cell;
	}
    .table.table-office th:nth-child(1),
    .table.table-office td:nth-child(1){
        padding-left: 15px;
    }
    .table.table-office th:nth-child(6),
    .table.table-office td:nth-child(6){
        padding-right: 15px;
    }
    .table.table-office .btn_typeF.d-navy,
    .table.table-office .btn_typeF.blue,
    .table.table-office .btn_typeG{
        height: 25px;
        line-height: 23px;
    }

    /* 채용정보 */
    /* .table.table-office.detail */
    .sub .table.table-office.detail tbody td .td__div.title{
        text-align: left;
    }
    .table.table-office.detail col:nth-child(1) {
		width: 75%;
	}
    .table.table-office.detail col:nth-child(5) {
		width: 25%;
	}

    /* 채용정보-기업페이지 */
    /* .table.table-office.corp */
    .table.table-office.corp col:nth-child(5),
    .table.table-office.corp col:nth-child(6){
		display: none;
	}
    .table.table-office.corp col:nth-child(1) {
		width: 40%;
	}
	.table.table-office.corp col:nth-child(2) {
		display: table-column;
		width: 30%;
	}
    .table.table-office.corp col:nth-child(4) {
		display: table-column;
		width: 30%;
	}

    .table.table-office.corp th:nth-child(5),
    .table.table-office.corp th:nth-child(6){
        display: none;
	}
	.table.table-office.corp th:nth-child(2),
	.table.table-office.corp th:nth-child(4) {
        display: table-cell;
		font-size: 14px;
	}

    .table.table-office.corp td:nth-child(5),
    .table.table-office.corp td:nth-child(6){
        display: none;
	}
	.table.table-office.corp td:nth-child(2),
	.table.table-office.corp td:nth-child(4) {
		display: table-cell;
	}

    .table.table-office.corp th:nth-child(4),
    .table.table-office.corp td:nth-child(4){
        padding-right: 15px;
    }

    /* 소속관리 */
    /* .table.table-office.manage */
    .table.table-office.manage col:nth-child(5){
		display: none;
	}
    .table.table-office.manage col:nth-child(1) {
		width: 40%;
	}
	.table.table-office.manage col:nth-child(2) {
		display: table-column;
		width: 30%;
	}
    .table.table-office.manage col:nth-child(4) {
		display: table-column;
		width: 30%;
	}

    .table.table-office.manage th:nth-child(5){
        display: none;
	}
    .table.table-office.manage td:nth-child(5){
        display: none;
	}
	.table.table-office.manage th:nth-child(2),
	.table.table-office.manage th:nth-child(4) {
        display: table-cell;
		font-size: 14px;
	}
    .table.table-office.manage td:nth-child(2),
	.table.table-office.manage td:nth-child(4) {
        display: table-cell;
		font-size: 14px;
	}


    /* 소속관리-요청 */
    /* .table.table-office.manage-offer */
    .table.table-office.manage-offer col:nth-child(3),
    .table.table-office.manage-offer col:nth-child(4){
		display: none;
	}
    .table.table-office.manage-offer col:nth-child(1) {
		width: 30%;
	}
	.table.table-office.manage-offer col:nth-child(2) {
		display: table-column;
		width: 40%;
	}
    .table.table-office.manage-offer col:nth-child(5) {
		display: table-column;
		width: 30%;
	}

    .table.table-office.manage-offer th:nth-child(3),
    .table.table-office.manage-offer th:nth-child(4){
        display: none;
	}
    .table.table-office.manage-offer td:nth-child(3),
    .table.table-office.manage-offer td:nth-child(4){
        display: none;
	}
	.table.table-office.manage-offer th:nth-child(2),
	.table.table-office.manage-offer th:nth-child(5) {
        display: table-cell;
		font-size: 14px;
	}
    .table.table-office.manage-offer td:nth-child(2),
	.table.table-office.manage-offer td:nth-child(5) {
        display: table-cell;
		font-size: 14px;
	}

    /* 면접후기 - 기업 */
    /* .table .table-office.review-corp */
    .table.table-office.review-corp col:nth-child(5),
    .table.table-office.review-corp col:nth-child(6){
		display: none;
	}
    .table.table-office.review-corp col:nth-child(1) {
		width: 30%;
	}
	.table.table-office.review-corp col:nth-child(2) {
		display: table-column;
		width: 30%;
	}
    .table.table-office.review-corp col:nth-child(4) {
		display: table-column;
		width: 40%;
	}

    .table.table-office.review-corp th:nth-child(5),
    .table.table-office.review-corp th:nth-child(6){
        display: none;
	}
    .table.table-office.review-corp td:nth-child(5),
    .table.table-office.review-corp td:nth-child(6){
        display: none;
	}
	.table.table-office.review-corp th:nth-child(2),
	.table.table-office.review-corp th:nth-child(4) {
        display: table-cell;
		font-size: 14px;
	}
    .table.table-office.review-corp td:nth-child(2),
	.table.table-office.review-corp td:nth-child(4) {
        display: table-cell;
		font-size: 14px;
	}

    .table.table-office.review-corp th:nth-child(4),
    .table.table-office.review-corp td:nth-child(4){
        padding-right: 15px;
    }


    /* 면접후기 */
	.table.table-office.review col:nth-child(1){
		display: table-column;
		width: 50%;
	}
	.table.table-office.review col:nth-child(2),
    .table.table-office.review col:nth-child(3) {
		display: table-column;
		width:25%;
	}
	.table.table-office.review th:nth-child(2),
	.table.table-office.review th:nth-child(3) {
        display: table-cell;
		font-size: 14px;
	}
	.table.table-office.review td:nth-child(2),
	.table.table-office.review td:nth-child(3) {
		display: table-cell;
	}



	/* 공지사항 */
	.table.table-notice thead th,
	.table.table-notice td {
		padding: 0;
	}
	.table.table-notice col:first-child {
		width: 14%;
	}
	.table.table-notice col:nth-child(2) {
		width: 60%;
	}
	.table.table-notice col:nth-child(3) {
		width: 26%;
	}
	.table.table-notice tr td:nth-child(2) {
		padding: 0 10px;
	}

	/* 문의하기 */
	.table.table-contact th,
	.table.table-contact td,
	.table.table-contact col {
		display: none;
	}
	.table.table-contact col:first-child {
		display: table-column;
		width: 25%;
	}
	.table.table-contact col:nth-child(2) {
		display: table-column;
		width: 50%;
	}
	.table.table-contact col:nth-child(3) {
		display: table-column;
		width: 25%;
	}

	.table.table-contact th:first-child,
	.table.table-contact th:nth-child(2),
	.table.table-contact th:nth-child(3) {
		font-size: 14px;
		display: table-cell;
	}
	.table.table-contact td:first-child,
	.table.table-contact td:nth-child(2),
	.table.table-contact td:nth-child(3) {
		display: table-cell;
	}
	.table.table-contact td:nth-child(2) {
		padding: 0;
	}

	/* 제안 조회 */
	.table.table-corp-offer th,
	.table.table-corp-offer td,
	.table.table-corp-offer col {
		display: none;
	}
	.table.table-corp-offer col:first-child {
		display: table-column;
		width: 10%;
	}
	.table.table-corp-offer col:nth-child(3) {
		display: table-column;
		width: 30%;
	}
	.table.table-corp-offer col:nth-child(6),
	.table.table-corp-offer col:nth-child(7) {
		display: table-column;
		width: 30%;
	}

	.table.table-corp-offer th:first-child,
	.table.table-corp-offer th:nth-child(3),
	.table.table-corp-offer th:nth-child(6),
	.table.table-corp-offer th:nth-child(7) {
		font-size: 14px;
		display: table-cell;
	}
	.table.table-corp-offer td:first-child,
	.table.table-corp-offer td:nth-child(3),
	.table.table-corp-offer td:nth-child(6),
	.table.table-corp-offer td:nth-child(7) {
		display: table-cell;
	}

    /* 인원관리 */
    .table.table-personnel col,
    .table.table-personnel th,
    .table.table-personnel td{
		display: none;
	}

    /* .table.table-personnel */
	.table.table-personnel col:first-child,
	.table.table-personnel col:nth-child(2),
	.table.table-personnel col:nth-child(5),
	.table.table-personnel col:nth-child(6) {
		display: table-column;
		width: 25%;
	}

	.table.table-personnel th:first-child,
	.table.table-personnel th:nth-child(2),
	.table.table-personnel th:nth-child(5),
	.table.table-personnel th:nth-child(6) {
		font-size: 14px;
		display: table-cell;
        padding: 0;
	}

	.table.table-personnel td:first-child,
	.table.table-personnel td:nth-child(2),
	.table.table-personnel td:nth-child(5),
	.table.table-personnel td:nth-child(6) {
		display: table-cell;
        padding: 0;
	}


    /* .table.table-personnel.etc */
    .table.table-personnel.etc col:nth-child(4){
        display: none;
    }

	.table.table-personnel.etc th:nth-child(4){
        display: none;
    }

	.table.table-personnel.etc td:nth-child(4){
        display: none;
    }


	/* ===== */

	/* .table td:first-child .td__div {
		padding-left: 5px;
		padding-right: 5px;
	}

	.table td:nth-child(2) .td__div {
		padding-left: 5px;
		padding-right: 5px;
	}
	 */
	.main.table tbody td p {
		text-align: left;
	}

	.main-notice {
		margin-bottom: 0;
		padding-top: 20px;
		background: var(--co-sub-F8FBFF);
	}

	.main .review {
		background: var(--co-sub-F8FBFF);
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.review .swiper__wrap .swiper-review {
		padding: 0 30px;
	}
	.review__title {
		display: flex;
		align-items: center;
	}
	.review__title .review__writer-img {
		width: 42px;
		display: block;
		margin-right: 15px;
	}
	.review__writer {
		display: none;
	}

	.review .swiper__wrap .swiper-button-prev,
	.review .swiper__wrap .swiper-button-next {
		top: 50%;
		transform: translateY(50%);
	}
	.review .swiper__wrap .swiper-button-prev {
		left: -6px;
	}
	.review .swiper__wrap .swiper-button-next {
		right: -6px;
	}
	.btn-pc {
		display: none;
	}
	.btn-pc2 {
		display: none;
	}

	.btn-mobile {
		display: inline-block;
	}

	.table td .input--w300:read-only {
		background-color: #e5e5e5;
	}
}

@media (max-width: 550px) {

	.type-recruit__box {
		background: #fff;
		height: 260px;
		border-radius: 10px;
	}

	.type-recruit_seartxt{
		float:left; width:95px; max-width:95px; border:1px solid #c2c2c2; border-radius:10px; height:32px; line-height:30px; vertical-align:middle; text-align:center;
		margin-left:5px;background:#fff;font-size:9pt;letter-spacing:-1.5px; margin-bottom:3px;
	}

	.type-recruit__box .co-info .co-info__title {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		margin-top: -31px;
		font-size: 18px;
		letter-spacing:-1px;
		line-height: 1.25em;
		background:#0d3779;
		opacity:0.8;
		color:#fff;
	}


	.type-recruit__box .co-info .co-info__img-box01{
		width: 100%;
		height: 150px;
		background: url(../images/main/main_img_01.png) no-repeat left top #85d0e1; 
		background-size:70%;
		margin-top:-20px;
	}

	.type-recruit__box .co-info .co-info__img-box02{
		width: 100%;
		height: 150px;
		background: url(../images/main/main_img_02.png) no-repeat left top #575757; 
		background-size:75%;
		margin-top:-20px;
	}

	.type-recruit__box .co-info .co-info__img-box03{
		width: 100%;
		height: 150px;
		background: url(../images/main/main_img_03.png) no-repeat left top #79c04a; 
		background-size:70%;
		margin-top:-20px;
	}



	.type-recruit__box .co-info .co-info__img-box04{
		width: 100%;
		height: 170px;
		background: url(../images/main/main_img_04.png) no-repeat center top #bfdeff; 
		background-size:85%;
		margin-top:-40px;
	}

	.type-recruit__box .co-info .co-info__name {
		padding: 5px;
		font-size: 1.4rem;
		line-height: 1.4em;
		font-weight: normal;
		color: #828282;
		letter-spacing:-1px;
		min-height: 40px;
	}
	.type-recruit__box .co-info .co-info__region {
		padding: 5px;
		font-size: 13px;
		font-weight: bold;
		color: #0078f0;
		margin-top: 5px;
	}

	.main-banner {
		width: 100%;
		height: 70px;
		background: url(../images/main/main_banner_bg_m.png) no-repeat center center/cover;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.main-banner2 {
		width: 100%;
		height: 200px;
		margin-bottom: 10px;
	}

    .top-recruit__list {
		grid-template-columns: repeat(1, minmax(240px, 1fr));
	}
    .type-recruit .tab {
        justify-content: space-between;
	}
}

/*   2024-08-07 pjk 추가  */
.hide {
	display: none;
}


.mr40 {margin-right: -40px}




/* api 로딩 추가 */
.loader {
	position: absolute;
	left: 55%;
	top: 54%;
	z-index: 90001;
	/*width: 150px;
	height: 150px;*/
	margin: -75px 0 0 -75px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
        
          
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
          
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.loader2 {
	position: relative;
	top: 24%;
	left: 0px;
	z-index: 90000;
	width: 100%;
	height: 150px;
	margin: -15px 0 0 0px;
	border: 16px solid #f3f3f3;
	border-top: 16px solid #3498db;
	border-left: 16px solid #3498db;
	border-right: 16px solid #3498db;
	border-bottom: 16px solid #3498db;
	background: #3498db;

}

.loader2 p {
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	margin-top: 5px;
	font-weight: bold;
	text-align : center;

}

/* api 로딩 추가 */