@charset "utf-8";

/* 일자리 정보망에서만 쓰이는 요소들
 * 청년부산잡스, 시니어 부산잡스에서도 같이 사용하는 구문들은 content.css로 이동부탁드립니다.	
 */

/* 회원가입 */
.joinstep-1 {padding:6rem 0;container:joinstep-1 / inline-size;}
.joinstep-1__title {margin-bottom:4rem;}
.joinstep-1__title,
.joinstep-1__title * {font-size:var(--font-b);text-align:center;line-height:140%;}
.joinstep-1__lst {display:flex;gap:3rem;justify-content:center;}
.joinstep-1__lst .item {max-width:40rem;padding:5rem;background:var(--bg-lgray);border-radius:10px;text-align:center;}
.joinstep-1__lst .title {text-align:center;font-size:2.2rem;line-height:140%;font-weight:600;}
.joinstep-1__lst .stxt {font-size:var(--font-s);color:var(--font-bgray);text-align:center;line-height:160%;}
.joinstep-1__lst .btn {margin:2rem 0;}
.joinstep-1__lst .ico {display:inline-block;width:10rem;height:10rem;margin-bottom:1rem;}
.joinstep-1__lst .ico.personal {background-image:url(../img/Contents/joinstep-1_lst_personal.png)}
.joinstep-1__lst .ico.company {background-image:url(../img/Contents/joinstep-1_lst_company.png)}

	@container joinstep-1 (width < 700px) {
		.joinstep-1__lst {gap:2rem;}
		.joinstep-1__lst .item {padding:3rem;}
	}
	
	@container joinstep-1 (width < 600px) {
		.joinstep-1__lst {flex-wrap:wrap;}
		.joinstep-1__lst .item {width:100%;}
	}

.joinstep-2 {container:joinstep-2 / inline-size;}
.joinstep-2 .inbox {padding:6rem 0;background:var(--bg-lgray);border-radius:10px;padding:6rem;max-width:51.5rem;margin:0 auto;}
.joinstep-2 .ico {margin:0 auto 2rem;width:7rem;height:7rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;}
.joinstep-2 .ico:before {content:"";display:block;width:2.2rem;height:1.2rem;max-width:100%;max-height:100%;background:url(../img/Contents/joinstep-2_ico.svg) no-repeat center center /100% 100%;}
.joinstep-2 .title {text-align:center;margin-bottom:2rem;}
.joinstep-2 .title span {font-size:2.2rem;font-weight:600;background:var(--gradient);-webkit-background-clip: text;color: transparent;text-align:center;line-height:140%;}
.joinstep-2 .stxt {font-size:var(--font-ms);color:var(--font-bgray);line-height:160%;margin-bottom:2rem;}
.joinstep-2 .chkBox {margin-bottom:3rem;}
.joinstep-2 .btn {width:100%;}

.join-agree-provbtn {font-size:var(--font-s);color:var(--point-color);}

.employNow-ipwrap {display:flex;flex-wrap:wrap;gap:3rem 6rem;align-items:center;}

	@container joinstep-2 (width < 400px) {
		.joinstep-2 .inbox {padding:4rem 3rem;}
	}
	
/* 아이디 비밀번호 찾기 */
.login__logo {display:block;position:relative;width:21.8rem;max-width:100%;margin:0 auto 5rem;background:url(../img/logo.svg) no-repeat center center /100% auto;}
.login__logo a {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.login__logo:before {content:"";display:block;width:0;height:0;padding-bottom:16.5137%;}
.find-wrap {width:60rem;max-width:100%;margin:0 auto;container:find-wrap / inline-size;}
.find-box {background:var(--bg-lgray);border-radius:10px;padding:3rem;}
.find-box + .find-box {margin-top:2rem;}
.find-box__title {margin-bottom:1rem;}
.find-box__title span {font-weight:600;background:var(--gradient);-webkit-background-clip: text;color: transparent;text-align:center;}
.find-box__stxt {font-size:var(--font-ms);color:var(--font-bgray);line-height:160%;margin-bottom:1.5rem;}
.find-box__ip {margin-bottom:1rem;display: grid;grid-template-columns: max-content 1fr;container:find-box__ip / inline-size;}
.find-box__ip > li {background:#fff;height:5rem;padding:0 2rem;border-radius:10px;display: grid;grid-template-columns: subgrid;grid-column: 1 / -1;align-items: center;column-gap: 1rem;row-gap:1rem;}
.find-box__ip > li + li {margin-top:1rem;}
.find-box__ip > li .tit {font-size:var(--font-ms);}
.find-box__ip input {border:none !important;padding:0 !important;}

.fine-typebtns {display:flex;margin-bottom:2rem;}
.fine-typebtns button {flex:1;padding:1.2rem;text-align:center;font-size:var(--font-ms);border:1px solid var(--border-gray);}
.fine-typebtns button:first-child {border-radius:10px 0 0 10px;}
.fine-typebtns button:last-child {border-radius:0 10px 10px 0;}
.fine-typebtns button + button {border-left:none;}
.fine-typebtns button.on {background:var(--gradient);color:#fff;}

	@container find-wrap (width < 500px){
		.find-box {padding:2rem;}
	}
	
	@container find-box__ip (width < 300px) {
		.find-box__ip > li {padding:2rem;height:auto;}
		.find-box__ip > li .tit {grid-column: 1 / -1;}
		.find-box__ip input {grid-column: 1 / -1;}
	}
	
/* 회원탈퇴 */
.leave-wrap {max-width:100%;margin:0rem auto;padding:6rem 0;container:leave-wrap / inline-size;}
.leave__title {margin-bottom:1.5rem;text-align:center;}
.leave__title span {font-size:2.2rem;font-weight:600;background:var(--gradient);-webkit-background-clip: text;color: transparent;}
.leave__stxt {line-height:160%;margin-bottom:2rem;text-align:center;}
.leave-box {padding:4rem;background:var(--bg-lgray);}
.leave-box__txt {line-height:140%;margin-bottom:3rem;text-align:center;font-size:var(--font-ms);color:var(--font-bgray);} 
.leave-box__txt span {line-height:140%;font-size:var(--font-ms);color:var(--black);}
.leave-box__sel {width:100%;height:6rem;padding-left:2rem;padding-right:5rem !important;background-position:right 2rem center;}
.leave-box__chk {margin-top:3rem;text-align:center;}
.leave__btn {margin:2rem auto;display:block;width:35rem;max-width:100%;height:6rem;background:var(--gradient);color:#fff;font-size:var(--font-m);color:#fff;border-radius:10px;box-shadow:5px 5px 20px rgba(236, 0, 140, 0.2);}
.leave-box__inwrap {width:35rem;max-width:100%;margin:0 auto;}
.leave-box__ip {margin-bottom:1rem;display: grid;grid-template-columns: max-content 1fr;container:find-box__ip / inline-size;}
.leave-box__ip > li {background:#fff;height:5rem;padding:0 2rem;border-radius:10px;display: grid;grid-template-columns: subgrid;grid-column: 1 / -1;align-items: center;column-gap: 1rem;row-gap:1rem;}
.leave-box__ip > li + li {margin-top:1rem;}
.leave-box__ip > li .tit {font-size:var(--font-ms);}
.leave-box__ip input {min-width:0;max-width:100%;border:none !important;padding:0 !important;}
.leave-box__ip > li input:focus {outline:none;}
.leave-box__ip > li:has(input:focus) {outline:auto;outline-offset: -1px;}

	@container leave-wrap (width < 400px) {
		.leave-box {padding:3rem 2rem;}
	}
	

/* 통합검색 */
.sub-content:has(.totalsrc-top) {margin-top:0 !important;}
.container:has(.totalsrc-result) .sub-top  {display:none;}
.totalsrc-top {padding-top:4rem;display:flex;flex-direction:column;align-items:center;background: url(../img/Contents/totalsrc-top_bg.png) no-repeat center top / auto 100%;}
.totalsrc-top .input {width:74rem;max-width:100%;height:7rem;padding:0 3rem;gap:3rem;display:flex;align-items:center;border:5px solid transparent;background: linear-gradient(white, white) padding-box,linear-gradient(to right, #4772D2, #EC008C) border-box;border-radius: 100px;}
.totalsrc-top .input input {height:100%;flex:1;min-width:0;border:none !important;padding:0 !important;}
.totalsrc-top .input input::placeholder {color:var(--black);}
.totalsrc-top .input button {flex:none;width:2rem;height:2rem;background:url(../img/Contents/totalsrc-top_btn.svg) no-repeat center center /100% 100%;}
.totalsrc-top .recommend {display:flex;gap:1rem 2rem;margin-top:1.5rem;margin-bottom:4rem;}
.totalsrc-top .recommend .tit {flex:none;font-size:var(--font-s);color:var(--font-bgray);margin-top:0.7rem;}
.totalsrc-top .recommend .lst {display:flex;gap:0.5rem;flex-wrap:wrap;}
.totalsrc-top .recommend .lst button {background:var(--bg-lgray);border:1px solid var(--border-gray);border-radius:5px;padding:0.5rem 1rem;font-size:var(--font-s);}
.totalsrc-top .recommend .lst button:before {content:"#";}

.totalsrc-title {width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2rem;margin-top:4rem;}
.totalsrc-title .title {display:flex;align-items:center;gap:2rem;}
.totalsrc-title .title .ico {flex:none;content:"";display:block;width:8rem;height:8rem;padding: 1.5rem;border-radius:50%;background:var(--bg-lgray);}
.totalsrc-title .title .ico:before {content:"";height:100%;display:block;background:url(../img/Contents/mypage-ai-recruit__title.svg) no-repeat center center /100% auto;}
.totalsrc-title .title .btxt,
.totalsrc-title .title .btxt * {font-size:var(--font-b);line-height:140%;}
.totalsrc-title .title .stxt {margin-top:0.5rem;line-height:140%;color:var(--font-bgray);}
.totalsrc-title .update {display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;margin-left:auto;background:var(--bg-lgray);border-radius:1000px;padding:1.4rem 4rem;}
.totalsrc-title .update .txt {line-height:160%;display:flex;gap:1rem;}
.totalsrc-title .update .txt:before {content:"";display:block;width:2.4rem;height:2.4rem;background:url(../img/Contents/totalsrc-title_update.svg) no-repeat center center #fff;border-radius:50%;}
.totalsrc-title .update .txt div {line-height:160%;}
.totalsrc-title .update a {font-weight:600;text-decoration:underline;font-size:var(--font-ms);margin-left:auto;}

.totalsrc-result {display:flex;flex-wrap:wrap;gap:2rem;}
.totalsrc-result .swiper-wrapper {height:auto;}
.totalsrc-result__item {background:var(--bg-lgray);border-radius:10px;padding:3rem;}
.totalsrc-result__item.w2 {width:calc(50% - 1rem);}
.totalsrc-result__item.w4 {width:100%;}
.totalsrc-result__item.w3 + .w1,
.totalsrc-result__item.w1:has( + .w3) {width:32rem;}
.totalsrc-result__item.w1 + .w3,
.totalsrc-result__item.w3:has( + .w1) {width:calc(100% - 34rem);}
.totalsrc-result__item.line {background:#fff;border:1px solid var(--border-gray);}
.totalsrc-result__item:has(>.totalsrc-result__control) {display:flex;flex-direction:column;}
.totalsrc-result__item:has(>.totalsrc-result__control) .swiper {width:100%;margin-bottom:auto;}
.totalsrc-result__item .title-wrap {min-height:3.6rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:2rem;}
.totalsrc-result__item__title {display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;}
.totalsrc-result__item__title h3 span {font-size:var(--font-b);font-weight:600;background:var(--gradient);-webkit-background-clip: text;color: transparent;line-height:120%;}
.totalsrc-result__item__title .total,
.totalsrc-result__item__title .stxt {font-size:var(--font-s);}
.totalsrc-result__item__title .total span {color:var(--point-color);}
.totalsrc-result__item .title-wrap .control {margin-left:auto;}
.totalsrc-result__control {display:flex;gap:1rem;justify-content:center;margin-top:3rem;}
.totalsrc-result__control button {flex:none;width:3.6rem;height:3.6rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.totalsrc-result__control button:before {content:"";width:1.3rem;height:1.3rem;display:block;background:url(../img/Contents/totalsrc-result_control_arrow.svg) no-repeat center center /100% 100%;}
.totalsrc-result__control .prev:before {transform:rotate(180deg);}
.totalsrc-result__control button.swiper-button-disabled,
.totalsrc-result__control button:disabled {cursor:default;opacity:0.5;}
.totalsrc-result__control button.swiper-button-disabled:before {opacity:0.2;}
.totalsrc-result .line .totalsrc-result__control button,
.totalsrc-result__control.boardlst button {background:var(--bg-lgray);}
.totalsrc-result__control.boardlst {margin-top:0;margin-left:auto;}
.totalsrc-result__item .title-wrap .totalsrc-result__control {margin-top:0;margin-left:auto;}

.totalscr-titlewrap {display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;margin-bottom:2rem;}
.totalscr-btit span {background:var(--gradient);-webkit-background-clip: text;color: transparent;font-size:2.4rem;font-weight:600;line-height:120%;}
.totalscr-more {font-size:var(--font-s);line-height:120%;}
.totalscr-boardlst {min-height:13rem;}
.totalscr-boardlst .swiper-slide {height:auto;}
.totalscr-boardlst a {height:100%;display:flex;flex-direction:column;border:1px solid var(--border-gray);border-radius:10px;padding:3rem;}
.totalscr-boardlst .tit {font-size:var(--font-m);line-height:140%;font-weight:600;}
.totalscr-boardlst .tit:has( + .date) {margin-bottom:2rem;}
.totalscr-boardlst .date {color:var(--font-bgray);line-height:140%;letter-spacing:0;margin-top:auto;}
.totalscr-boardlst .no-data,

.totalsrcSld .loading {width:100%;border:1px solid var(--border-gray);border-radius:10px;padding:6rem 3rem;color:var(--font-bgray);font-size:var(--font-ms);display:flex;align-items:center;justify-content:center;gap:1rem;}
.totalsrcSld .loading:before {flex:none;content:"";display:block;width: 16px;height: 16px;margin-left: 8px;vertical-align: middle;border: 2px solid rgba(0, 0, 0, 0.1);border-top-color: #aaa; /* 스피너의 포인트 색상 */border-radius: 50%;animation: spin 0.8s linear infinite;}
.totalsrc-result__item .loading {border:none;min-height:15rem;}


.totalsrc-sld-board figure {display:block;width:100%;background:#fff;position:relative;border-radius:10px;overflow:hidden;}
.totalsrc-sld-board figure:before {content:"";display:block;width:100%;height:0;padding-bottom:65.3846%;}
.totalsrc-sld-board figure img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.totalsrc-sld-board .tit {font-weight:600;font-size:var(--font-m);line-height:140%;margin-top:1.5rem;}
.totalsrc-sld-board .date {font-size:var(--font-ms);color:var(--font-bgray);margin-top:1rem;}

.totalsrc-sld-center figure {display:block;width:100%;background:#fff;position:relative;border-radius:10px;overflow:hidden;}
.totalsrc-sld-center figure:before {content:"";display:block;width:100%;height:0;padding-bottom:61.5384%;}
.totalsrc-sld-center figure img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.totalsrc-sld-center .tit {font-weight:600;font-size:var(--font-m);line-height:140%;margin-top:2rem;}
.totalsrc-sld-center .stxt-dl {border-top:1px solid var(--border-gray);padding-top:1rem;margin-top:1.5rem;}
.totalsrc-sld-center .stxt-dl .item + .item {margin-top:0.5rem;}
.totalsrc-sld-center .stxt-dl dt,
.totalsrc-sld-center .stxt-dl dd {display:inline-block;font-size:var(--font-ms);color:var(--font-bgray);line-height:140%;}

.totalsrc-sld-part1 .swiper-slide {height:100%;}

.totalsrc-result .emif-lst.top-line {border-top:1px solid var(--border-gray);}
.totalsrc-result .emif-lst .swiper-slide {height:100%;}
.totalsrc-result .emif-lst .swiper-slide a {display:flex;flex-direction:column;height:100%;gap:0;flex-direction:column;align-items:flex-start;padding:3rem;border:1px solid var(--border-gray);border-radius:10px;background:#fff;}
.totalsrc-result .emif-lst .txt .stxt {flex-direction:column;}
.totalsrc-result .emif-lst .txt {order:2;}
.totalsrc-result .emif-lst .provide-bat {order:3;}
.totalsrc-result .emif-lst.card .txt .stxt .item.date {margin-top:1rem;}
.totalsrc-result .emif-lst.card .provide-bat:not(.no-order) {margin-top:1rem;}
.totalsrc-result .part-lst .swiper-wrapper {align-items:stretch;}

.totalsrc-stitle {display:flex;align-items:center;gap:1rem;}
.totalsrc-stitle,
.totalsrc-stitle * {font-size:2.4rem;font-weight:600;line-height:120%;}
.totalsrc-stitle:before {flex:none;content:"";display:block;width:4.1rem;height:4rem;background:url(../img/Contents/mypage-ai-recruit__title.svg) no-repeat center center /100% 100%;}
.totalsrc-stitle span {background:var(--gradient);-webkit-background-clip: text;color: transparent;}
.totalsrc-result + .totalsrc-stitle  {margin-top:6rem;margin-bottom:2rem;}

.totalscr-hl {margin-top:6rem;margin-bottom:6rem;height:0.5rem;background:var(--bg-lgray)}

.totalsrc-nodata {width:100%;min-height:16rem;padding:4rem 0 6rem;font-size:var(--font-ms);color:var(--font-bgray);line-height:160%;text-align:center;display:flex;align-items:center;justify-content:center;}

.totalsrc-ai {
	border: 3px solid transparent;
background-image: linear-gradient(#fff, #fff), 
                    linear-gradient(135deg, #4772D2, #EC008C);
                    background-origin: border-box;
  background-clip: padding-box, border-box;
	border-radius: 10px;padding: 3rem 4rem 5rem;margin-bottom:4rem;position:relative;}
.totalsrc-ai__title {padding-bottom:1.5rem;display:flex;align-items:center;gap:1.5rem 0.5rem;flex-wrap:wrap;margin-bottom:2rem;border-bottom: 1px solid var(--border-gray);}
.totalsrc-ai__title:before {flex:none;content:"";display:block;width:2.8rem;height:3rem;background:url(../img/Contents/totalsrc-ai__title.svg) no-repeat center center /100% 100%;}
.totalsrc-ai__title span {margin-top:0.5rem;font-size:var(--font-b);font-weight:600;background:var(--gradient);-webkit-background-clip: text;color: transparent;line-height:120%;}
.totalsrc-ai__cont {height:12rem;overflow:hidden;;}
.totalsrc-ai__more {position:absolute;bottom:0;left:0;width:100%;text-align:right;overflow:hidden;}
.totalsrc-ai__more:before {content:"";display:block;width:100%;height:8rem;margin-bottom:-3rem;background: linear-gradient(to top, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);}
.totalsrc-ai__more button {opacity:0;border-radius:6px 6px 0 0;height:3.6rem;padding:0 2rem;margin-right:3rem;background:var(--bg-lgray);z-index:1;}
.totalsrc-ai__more button span {font-size:var(--font-s);background:var(--gradient);-webkit-background-clip: text;color: transparent}
.totalsrc-ai__more button:disabled {background:var(--bg-lgray);cursor:default;}
.totalsrc-ai__more button:disabled span {color:#ccc;background:none;}
.totalsrc-ai__more[style*="display: none"] {display: none !important;}
.max-n .totalsrc-ai__cont,
.no-scrb .totalsrc-ai__cont {height:auto;max-height:none;overflow:visible;}
.max-n .totalsrc-ai__more {display:none;}
.no-scrb .totalsrc-ai__more:before {display:none;}
.totalsrc-ai .ai-summary-body {background:none;padding:0;}
.totalsrc-ai .ai-summary-thought,
.totalsrc-ai .ai-summary-body,
.totalsrc-ai .ai-summary-body * {line-height: 1.6;}
.totalsrc-ai .ai-summary-thought,
.totalsrc-ai .ai-summary-thought * {color:var(--font-bgray);font-size:var(--font-s);}
.totalsrc-ai .ai-summary-body ul + ul,
.totalsrc-ai .ai-summary-body ol + ul,
.totalsrc-ai .ai-summary-body ul + ol,
.totalsrc-ai .ai-summary-body ol + ol,
.totalsrc-ai .ai-summary-body li + li {margin-top:0.5rem;}

/* 점이 나타날 클래스 */
.is-loading::after {
  content: '';
  display: inline-block;
  width: 24px;      /* 점 3개가 들어갈 충분한 공간 확보 */
  text-align: left; /* 왼쪽 정렬 */
  animation: dots 1.5s steps(4, end) infinite;
}

@keyframes dots {
  0%, 20%   { content: ''; }
  40%       { content: '.'; }
  60%       { content: '..'; }
  80%, 100% { content: '...'; }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
	@media screen and (min-width:1200px) {
		.totalscr-boardlst a {transition:all .3s;}
		.totalscr-boardlst a:hover,
		.totalscr-boardlst a:focus {box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);}
	}
	
	@media screen and (max-width:1200px) {
		.totalsrc-result__item.w2 {width:100%;}
	}
	
	@media screen and (max-width:1000px) {
		.totalscr-boardlst {gap:1rem;}
		.totalscr-boardlst > li {width:100%;}
		.totalscr-boardlst .tit:has( + .date) {margin-bottom:1rem;}
		.totalscr-boardlst a {padding:2rem;}
	}
	
	@media screen and (max-width:700px) {
		.totalsrc-result__item.w1 + .w3, 
		.totalsrc-result__item.w3:has( + .w1) {width:100%;}
		.totalsrc-result__item.w3 + .w1, 
		.totalsrc-result__item.w1:has( + .w3) {width:100%;}
		
		.totalsrc-ai {padding:2rem 2rem 5rem;}
	}
	
	@media screen and (max-width:460px) {
		.totalsrc-title .title .ico {display:none;}
		.totalsrc-title .update {padding: 1.4rem 3rem;}
	
		.totalsrc-result__item {padding:2rem;}
		.bscp-lst > li, .bscp-lst .swiper-slide {padding:2rem;}
	}
	
/* 스켈레톤 기본 컨테이너 */
.skeleton-container {
    padding: 20px;
    width: 100%;
}

/* 공통 스켈레톤 요소 스타일 */
.skeleton-image, .skeleton-text {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 4px;
    background-size: 200% 100%;
    animation: shimmer 1.5s linear infinite;
}

/* 검색 결과 스켈레톤 추가 */
@keyframes skeleton-glow {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
.emif-lst .swiper-wrapper:has(.skeleton-item) {display:flex;gap:2rem;}
.emif-lst .skeleton-slide {flex:1;}
.emif-lst .skeleton-item {background: linear-gradient(90deg, #EDF2F8 25%, #e6eef8 50%, #EDF2F8 75%);background-size: 200% 100%;animation: skeleton-glow 1.5s infinite linear;border-radius: 4px;}
.emif-lst .skeleton-link {display: block;display:flex;flex-direction:column;height:100%;gap:0;flex-direction:column;align-items:flex-start;padding:3rem;border:1px solid var(--border-gray);border-radius:10px;background:#fff;}
.emif-lst .skeleton-item.tit {height: 24px;width: 90%;margin-bottom: 15px;}
.emif-lst .skeleton-item.tit:after {display:none !important;}
.emif-lst .stxt { display: flex; gap: 8px; }
.emif-lst .skeleton-item.item {height: 16px;width: 50px; margin-top: 5px;}
.emif-lst .skeleton-item.batcont {height: 25px;width: 100px;margin-top: 0 !important;}
.emif-lst .skeleton-item.provide-bat {border:none !important;height: 25px;width: 70px; margin-top: 2rem !important;float: right;border-radius:100px;}

.part-lst .swiper-wrapper:has(.skeleton-item) {display:flex;gap:2rem;}
.part-lst .skeleton-slide {flex:1;}
.part-lst .skeleton-item, 
.part-lst .skeleton-figure, 
.part-lst .skeleton-title, 
.part-lst .skeleton-item.label, 
.part-lst .skeleton-item.badge, 
.part-lst .skeleton-item.period {background: linear-gradient(90deg, #EDF2F8 25%, #e6eef8 50%, #EDF2F8 75%);background-size: 200% 100%;animation: skeleton-glow 1.5s infinite linear;border-radius: 4px;}
.part-lst .skeleton-link {display: flex;flex-direction: column;height: 100%;padding: 3rem; /* 원본 패딩 유지 */background: #fff;border: 1px solid var(--border-gray);border-radius: 10px;}
.part-lst .skeleton-figure {position: relative;width: 100%;margin-bottom: 2rem; border-radius: 10px;}
.part-lst .skeleton-figure::before { content: "";display: block;padding-bottom: 65.4545%; /* 원본 이미지 비율 유지 */}
.part-lst .skeleton-title {height: 2.4rem; /* var(--font-m) 유사 높이 */width: 85%;margin-bottom: 1.5rem;}
.part-lst .skeleton-slide .stxt {height: 1.6rem;width: 60%;background: #EDF2F8; /* 빈 영역 시각적 확보 */margin-bottom: 2rem;border-radius: 4px;}
.part-lst .skeleton-date-container {margin-top: auto;}
.part-lst .skeleton-date-header {display: flex;align-items: center;gap: 1rem;margin-bottom: 1rem;}
.part-lst .skeleton-item.label {width: 6rem;height: 1.6rem;}
.part-lst .skeleton-item.badge {width: 4rem;height: 2.4rem;border-radius: 100px; /* 알약 모양 유지 */}
.part-lst .skeleton-item.period {width: 100%;height: 1.4rem;}

	@media screen and (max-width:1200px) {
		.emif-lst .skeleton-slide:nth-child(n + 4),
		.part-lst .skeleton-slide:nth-child(n + 4) {display:none;}
	}
	
	@media screen and (max-width:1000px) {
		.part-lst .skeleton-slide:nth-child(n + 3) {display:none;}
	}
	
	@media screen and (max-width:950px) {
		.emif-lst .skeleton-slide:nth-child(n + 2) {display:none;}
	}
	
	@media screen and (max-width:700px) {
		.part-lst .skeleton-slide:nth-child(n + 2) {display:none;}
	}

/* 부산기업관 */
.tab-panels.busancp-pop > div {display: none;}
/* 첫 번째 탭(Intro)만 표시 */
.tab-panels.busancp-po > div:first-child {display: block;}
/* 차트 데이터 없음 메시지 스타일 */
.busancp-pop .chart-no-data {display: flex;align-items: center;justify-content: center;height: 240px;color: #999;font-size: 16px;font-weight: 500;}
.busancp-pop .graph {position: relative;}
.busancp-pop .graph canvas {display: block;}

.industry_selwrap {display:flex;flex-wrap:wrap;margin:3rem 0 2rem;gap:0.5rem;container: industry_selwrap / inline-size;}
/*.industry_selwrap .btn {flex:1;cursor:pointer;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border-gray);padding:2rem 1rem;background:#fff;text-align:center;position:relative;}
.industry_selwrap .btn .icon {width:100%;height:3rem;background-repeat:no-repeat;background-position:center center;}
.industry_selwrap .btn .icon.manufacturing {background-image:url(../img/Contents/industry_sel_manufacturing.svg);}
.industry_selwrap .btn .icon.construction {background-image:url(../img/Contents/industry_sel_construction.svg);}
.industry_selwrap .btn .icon.telecom {background-image:url(../img/Contents/industry_sel_telecom.svg);}
.industry_selwrap .btn .icon.welfare {background-image:url(../img/Contents/industry_sel_welfare.svg);}
.industry_selwrap .btn .icon.chunggle {background-image:url(../img/Contents/industry_sel_chunggle.svg);}
.industry_selwrap .btn .icon.recruit {background-image:url(../img/Contents/industry_sel_recruit.svg);}
.industry_selwrap .btn .icon.young {background-image:url(../img/Contents/industry_sel_young.svg);}
.industry_selwrap .btn .icon.senior {background-image:url(../img/Contents/industry_sel_senior.svg);}
*/
.industry_selwrap .btn {cursor:pointer;display:flex;align-items:center;border-radius:5px;border:1px solid var(--border-gray);padding:1rem 2rem;text-align:center;position:relative;}
.industry_selwrap .btn:has(input:checked) {background:var(--gradient);box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1);}
.industry_selwrap .btn:has(input:checked) .labelTxt {color:#fff;}
.industry_selwrap .btn:has(input:checked) .icon {filter:brightness(0) invert(1);}
.industry_selwrap .labelTxt {font-size:var(--font-s);text-align:center;font-weight:600;position:relative;z-index:1;}
.industry_selwrap input {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;opacity:0;}



.industry-catewrap {width:100%;display:flex;flex-wrap:wrap;border:1px solid var(--border-gray);border-radius:10px;overflow:hidden;container:industry-catewrap/inline-size;}
.industry-catewrap > li {flex:1;display:flex;flex-direction:column;gap:0;border-bottom:none;}
.industry-catewrap > li + li {border-left:1px solid var(--border-gray);}
.industry-catewrap .title {flex:none;padding:1.5rem;border-bottom:1px solid var(--border-gray);font-size:var(--font-s);background: #D2E0F2;} 
.industry-catewrap .chkwrap {flex:1;max-height:20rem;overflow-y:auto;padding:1.5rem;background:#fff;}
.industry-catewrap .chkwrap .chkBox {width:100%;}
.industry-catewrap .chkwrap .chkBox + .chkBox {margin-top:1.5rem;}
.industry-cate-result {width:100%;}
	
	@container industry_selwrap (width < 1000px){
		.industry_selwrap .btn {flex:none;width:calc(25% - 0.5rem);}
	}
	
	@container industry_selwrap (width < 700px){
		.industry_selwrap .btn {width:calc(50% - 0.25rem);}
	}
	
	@container industry_selwrap (width < 400px){
		
	}
	
	@container industry-catewrap (width < 800px) {
		.industry-catewrap > li {width:100%;flex:auto;}
		.industry-catewrap .chkwrap {max-height:15rem;}
		.industry-catewrap > li + li {border-top:1px solid var(--border-gray);border-left:none;}
	}

/* 커스텀 셀렉트박스 스타일 */
.custom-select-wrapper {
	position: relative;
	width: 100%;
	height: 6rem;
	margin-bottom: 0;
}

.custom-select-selected {
	width: 100%;
	height: 6rem;
	padding: 0 3rem 0 3rem;
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	cursor: pointer;
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	color: #333;
	line-height: 1.5;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.custom-select-selected:after {
	content: "";
	position: absolute;
	right: 3rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #666;
}

.custom-select-selected:hover {
	border-color: #232323;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.custom-select-options {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1000;
	display: none;
}

.custom-select-search {
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #e4e4e4;
	background: #fff;
	position: sticky;
	top: 0;
	z-index: 10;
}

.custom-select-search input {
	width: 100%;
	height: 4rem;
	padding: 0 1.5rem;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	font-size: 1.3rem;
	color: #333;
	background: #f8f9fa;
	transition: all 0.2s ease;
}

.custom-select-search input:focus {
	outline: none;
	border-color: #232323;
	background: #fff;
	box-shadow: 0 0 0 2px rgba(35, 35, 35, 0.1);
}

.custom-select-search input::placeholder {
	color: #999;
}

.custom-select-option.hidden {
	display: none;
}

.custom-select-no-results {
	padding: 2rem;
	text-align: center;
	color: #999;
	font-size: 1.3rem;
	display: none;
}

.custom-select-no-results.show {
	display: block;
}

.custom-select-wrapper.active .custom-select-options {
	display: block;
}

.custom-select-option {
	padding: 1.2rem 3rem;
	cursor: pointer;
	transition: all 0.2s ease;
	border-bottom: 1px solid #f5f5f5;
	position: relative;
}

.custom-select-option:last-child {
	border-bottom: none;
}

.custom-select-option:hover {
	background: #f8f9fa;
}

.custom-select-option.selected {
	background: #f0f7ff;
	font-weight: 600;
}

.custom-select-option.selected:before {
	content: "✓";
	position: absolute;
	left: 1rem;
	color: #2196f3;
	font-weight: bold;
	font-size: 1.6rem;
}

.option-content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.option-title {
	font-size: 1.4rem;
	font-weight: 600;
	color: #232323;
	line-height: 1.4;
}

.option-details {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 1.2rem;
	color: #666;
	line-height: 1.4;
	flex-wrap: wrap;
}

.option-label {
	color: #999;
	font-weight: 600;
	font-size: 1.2rem;
}

.option-date {
	color: #666;
	font-weight: 600;
	font-size: 1.2rem;
}

.option-separator {
	color: #ccc;
	font-weight: 600;
	font-size: 1.2rem;
}

.option-state {
	font-weight: 600;
	font-size: 1.2rem;
}

/* 스크롤바 스타일링 */
.custom-select-options::-webkit-scrollbar {
	width: 8px;
}

.custom-select-options::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}

.custom-select-options::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 4px;
}

.custom-select-options::-webkit-scrollbar-thumb:hover {
	background: #555;
}

@media screen and (max-width: 600px) {
	.custom-select-selected {
		padding: 0 2rem 0 2rem;
		font-size: 1.3rem;
	}
	
	.custom-select-selected:after {
		right: 2rem;
	}
	
	.custom-select-option {
		padding: 1rem 2rem;
	}
	
	.option-title {
		font-size: 1.7rem;
	}
	
	.option-details {
		font-size: 1.1rem;
	}
	
	.option-label,
	.option-date,
	.option-separator,
	.option-state {
		font-size: 1.1rem;
	}
	
	.custom-select-search {
		padding: 0.8rem 1.2rem;
	}
	
	.custom-select-search input {
		height: 3.5rem;
		padding: 0 1.2rem;
		font-size: 1.2rem;
	}
	
	.custom-select-no-results {
		padding: 1.5rem;
		font-size: 1.2rem;
	}
}