@charset "UTF-8"; 
.sr-only { display: none; }
.h40 { display: block; height: 40px; }
.h70 { display: block; height: 70px; }
/*아이콘*/
.img-int01 { background: url("/cloud/j/images/job/img-int01.svg") no-repeat 50% 50%; } /*AI/로봇*/
.img-int02 { background: url("/cloud/j/images/job/img-int02.svg") no-repeat 50% 50%; } /*동물*/
.img-int03 { background: url("/cloud/j/images/job/img-int03.svg") no-repeat 50% 50%; } /*미용/패션*/
.img-int04 { background: url("/cloud/j/images/job/img-int04.svg") no-repeat 50% 50%; } /*방송*/
.img-int05 { background: url("/cloud/j/images/job/img-int05.svg") no-repeat 50% 50%; } /*우주/항공*/
.img-int06 { background: url("/cloud/j/images/job/img-int06.svg") no-repeat 50% 50%; } /*의료/바이오*/
.img-int07 { background: url("/cloud/j/images/job/img-int07.svg") no-repeat 50% 50%; } /*환경/생태*/
.img-int08 { background: url("/cloud/j/images/job/img-int08.svg") no-repeat 50% 50%; } /*공학*/
.img-int09 { background: url("/cloud/j/images/job/img-int09.svg") no-repeat 50% 50%; } /*공공/사회*/
.img-int10 { background: url("/cloud/j/images/job/img-int10.svg") no-repeat 50% 50%; } /*경제/경영*/
.img-int11 { background: url("/cloud/j/images/job/img-int11.svg") no-repeat 50% 50%; } /*예술/문화*/
.img-int12 { background: url("/cloud/j/images/job/img-int12.svg") no-repeat 50% 50%; } /*생활/서비스*/
.img-jobR { background: url("/cloud/j/images/job/img-job01.png") no-repeat 50% 50%; background-size: 110px auto; } /*뚝딱이*/
.img-jobI { background: url("/cloud/j/images/job/img-job02.png") no-repeat 50% 50%; background-size: 110px auto; } /*탐험이*/
.img-jobA { background: url("/cloud/j/images/job/img-job03.png") no-repeat 50% 50%; background-size: 110px auto; } /*멋쟁이*/
.img-jobS { background: url("/cloud/j/images/job/img-job04.png") no-repeat 50% 50%; background-size: 110px auto; } /*친절이*/
.img-jobE { background: url("/cloud/j/images/job/img-job05.png") no-repeat 50% 50%; background-size: 110px auto; } /*씩씩이*/
.img-jobC { background: url("/cloud/j/images/job/img-job06.png") no-repeat 50% 1px; background-size: 110px auto; } /*성실이*/
.img-apt01 { background: url("/cloud/j/images/job/img-apt01.svg") no-repeat 50% 50%; } /*신체운동능력*/
.img-apt02 { background: url("/cloud/j/images/job/img-apt02.svg") no-repeat 50% 50%; } /*손재능*/
.img-apt03 { background: url("/cloud/j/images/job/img-apt03.svg") no-repeat 50% 50%; } /*공간지각력*/
.img-apt04 { background: url("/cloud/j/images/job/img-apt04.svg") no-repeat 50% 50%; } /*음악능력*/
.img-apt05 { background: url("/cloud/j/images/job/img-apt05.svg") no-repeat 50% 50%; } /*창의력*/
.img-apt06 { background: url("/cloud/j/images/job/img-apt06.svg") no-repeat 50% 50%; } /*언어능력*/
.img-apt07 { background: url("/cloud/j/images/job/img-apt07.svg") no-repeat 50% 50%; } /*수리논리력*/
.img-apt08 { background: url("/cloud/j/images/job/img-apt08.svg") no-repeat 50% 50%; } /*자기성찰능력*/
.img-apt09 { background: url("/cloud/j/images/job/img-apt09.svg") no-repeat 50% 50%; } /*대인관계능력*/
.img-apt10 { background: url("/cloud/j/images/job/img-apt10.svg") no-repeat 50% 50%; } /*자연친화력*/
.img-apt11 { background: url("/cloud/j/images/job/img-apt11.svg") no-repeat 50% 50%; } /*예술시각능력*/
/*타이틀*/
.ico-basic { background: url("/cloud/j/images/job/tit-basic.svg") no-repeat 50% 50%; } /*기본*/
.ico-int01 { background: url("/cloud/j/images/job/tit-int01.svg") no-repeat 50% 50%; } /*AI/로봇*/
.ico-int02 { background: url("/cloud/j/images/job/tit-int02.svg") no-repeat 50% 50%; } /*동물*/
.ico-int03 { background: url("/cloud/j/images/job/tit-int03.svg") no-repeat 50% 50%; } /*미용/패션*/
.ico-int04 { background: url("/cloud/j/images/job/tit-int04.svg") no-repeat 50% 50%; } /*방송*/
.ico-int05 { background: url("/cloud/j/images/job/tit-int05.svg") no-repeat 50% 50%; } /*우주/항공*/
.ico-int06 { background: url("/cloud/j/images/job/tit-int06.svg") no-repeat 50% 50%; } /*의료/바이오*/
.ico-int07 { background: url("/cloud/j/images/job/tit-int07.svg") no-repeat 50% 50%; } /*환경/생태*/
.ico-int08 { background: url("/cloud/j/images/job/tit-int08.svg") no-repeat 50% 50%; } /*공학*/
.ico-int09 { background: url("/cloud/j/images/job/tit-int09.svg") no-repeat 50% 50%; } /*공공/사회*/
.ico-int10 { background: url("/cloud/j/images/job/tit-int10.svg") no-repeat 50% 50%; } /*경제/경영*/
.ico-int11 { background: url("/cloud/j/images/job/tit-int11.svg") no-repeat 50% 50%; } /*예술/문화*/
.ico-int12 { background: url("/cloud/j/images/job/tit-int12.svg") no-repeat 50% 50%; } /*생활/서비스*/
.ico-jobR { background: url("/cloud/j/images/job/tit-job01.svg") no-repeat 50% 50%; } /*뚝딱이*/
.ico-jobI { background: url("/cloud/j/images/job/tit-job02.svg") no-repeat 50% 50%; } /*탐험이*/
.ico-jobA { background: url("/cloud/j/images/job/tit-job03.svg") no-repeat 50% 50%; } /*멋쟁이*/
.ico-jobS { background: url("/cloud/j/images/job/tit-job04.svg") no-repeat 50% 50%; } /*친절이*/
.ico-jobE { background: url("/cloud/j/images/job/tit-job05.svg") no-repeat 50% 50%; } /*씩씩이*/
.ico-jobC { background: url("/cloud/j/images/job/tit-job06.svg") no-repeat 50% 50%; } /*성실이*/
.ico-apt01 { background: url("/cloud/j/images/job/tit-apt01.svg") no-repeat 50% 50%; } /*신체운동능력*/
.ico-apt02 { background: url("/cloud/j/images/job/tit-apt02.svg") no-repeat 50% 50%; } /*손재능*/
.ico-apt03 { background: url("/cloud/j/images/job/tit-apt03.svg") no-repeat 50% 50%; } /*공간지각력*/
.ico-apt04 { background: url("/cloud/j/images/job/tit-apt04.svg") no-repeat 50% 50%; } /*음악능력*/
.ico-apt05 { background: url("/cloud/j/images/job/tit-apt05.svg") no-repeat 50% 50%; } /*창의력*/
.ico-apt06 { background: url("/cloud/j/images/job/tit-apt06.svg") no-repeat 50% 50%; } /*언어능력*/
.ico-apt07 { background: url("/cloud/j/images/job/tit-apt07.svg") no-repeat 50% 50%; } /*수리논리력*/
.ico-apt08 { background: url("/cloud/j/images/job/tit-apt08.svg") no-repeat 50% 50%; } /*자기성찰능력*/
.ico-apt09 { background: url("/cloud/j/images/job/tit-apt09.svg") no-repeat 50% 50%; } /*대인관계능력*/
.ico-apt10 { background: url("/cloud/j/images/job/tit-apt10.svg") no-repeat 50% 50%; } /*자연친화력*/
.ico-apt11 { background: url("/cloud/j/images/job/tit-apt11.svg") no-repeat 50% 50%; } /*예술시각능력*/
/* 1024px 이상일때 */
@media all and (min-width: 1024px) { 
  .job-junior-search { padding: 0 20px; padding-top: 30px; margin: 0 auto; max-width: 1400px; width: 100%; }
  .job-junior-search .job-search { display: flex; align-items: center; position: relative; z-index: 2; padding: 0 52px 0 214px; width: 100%; min-height: 90px; background-color: #FFF; border-radius: 20px; box-shadow: 4px 6px 10px 0 rgba(156, 156, 156, 0.05); overflow: hidden; }
  .job-junior-search .job-search::before { content: ""; position: absolute; top: 7px; left: 50px; width: 112px; height: 150px; background: url("/cloud/j/images/job/img-search.svg") no-repeat; }
  .job-junior-search .fm-sch { display: flex; align-items: center; position: relative; z-index: 2; padding: 0 32px; width: 100%; height: 58px; font-size: 22px; font-weight: 400; color: #424242; border: 0; background-color: #F2F2F2; border-radius: 50px; }
  .job-junior-search .bt-sch { display: flex; align-items: center; justify-content: center; gap: 10px; position: absolute; z-index: 3; right: 52px; padding: 0 30px; height: 58px; font-size: 22px; font-weight: 400; color: #fff; background-color: #000; border-radius: 50px; }
  .job-junior-search .bt-sch .ico { min-width: 28px; height: 28px; background: url("/cloud/j/images/job/ico-search.svg") no-repeat 50% 50%; }
  .job-junior-search.default { padding-top: 10px; }
  .job-junior-search.default .job-search { background-color: #f2f5f7; }
  .job-junior-search.default .fm-sch { background-color: #fff; }
  .job-junior-wrap { position: relative; }
  .job-junior-wrap .job-junior-tabs { padding: 0 20px; margin: 0 auto; max-width: 1400px; width: 100%; }
  .job-junior-tabs { margin-top: 70px; }
  .job-junior-tabs.job-junior-tabs1 .tits span { color: #EB4C1B; }
  .job-junior-tabs.job-junior-tabs1 .btn-tab { border-color: #FFE3CC; }
  .job-junior-tabs.job-junior-tabs1 .btn-tab .ico { background-color: #FFCCB7; }
  .job-junior-tabs.job-junior-tabs1 .btn-tab:focus, .job-junior-tabs.job-junior-tabs1 .btn-tab:hover { border-color: #FFE3CC; background-color: #FF6F4E; }
  .job-junior-tabs.job-junior-tabs1 .btn-tab.act { border-color: #FFE3CC; background-color: #FF6F4E; }
  .job-junior-tabs.job-junior-tabs2 .tits span { color: #7AC966; }
  .job-junior-tabs.job-junior-tabs2 .btn-tab { border-color: #D9F2D4; }
  .job-junior-tabs.job-junior-tabs2 .btn-tab .ico { background-color: #D9F2D4; }
  .job-junior-tabs.job-junior-tabs2 .btn-tab:focus, .job-junior-tabs.job-junior-tabs2 .btn-tab:hover { border-color: #D9F2D4; background-color: #7AC966; }
  .job-junior-tabs.job-junior-tabs2 .btn-tab.act { border-color: #D9F2D4; background-color: #7AC966; }
  .job-junior-tabs.job-junior-tabs3 .tits span { color: #2058B2; }
  .job-junior-tabs.job-junior-tabs3 .btn-tab { border-color: #C7EAFF; }
  .job-junior-tabs.job-junior-tabs3 .btn-tab .ico { background-color: #AEE1FF; }
  .job-junior-tabs.job-junior-tabs3 .btn-tab:focus, .job-junior-tabs.job-junior-tabs3 .btn-tab:hover { border-color: #C7EAFF; background-color: #1F72E2; }
  .job-junior-tabs.job-junior-tabs3 .btn-tab.act { border-color: #C7EAFF; background-color: #1F72E2; }
  .job-junior-tabs .tits { position: relative; z-index: 2; padding-top: 30px; font-size: 28px; font-weight: 600; text-align: center; color: #424242; }
  .job-junior-tabs .tabs { display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; z-index: 2; padding: 30px 30px; }
  .job-junior-tabs .btn-tab { display: flex; align-items: center; gap: 24px; padding: 7px 50px; font-size: 24px; font-weight: 600; border: 4px solid transparent; background-color: #fff; border-radius: 48px; }
  .job-junior-tabs .btn-tab .ico { min-width: 36px; height: 36px; background: url("/cloud/j/images/job/tab-chk.svg") no-repeat 50% 50%; border-radius: 36px; }
  .job-junior-tabs .btn-tab:focus, .job-junior-tabs .btn-tab:hover { color: #fff; }
  .job-junior-tabs .btn-tab:focus .ico, .job-junior-tabs .btn-tab:hover .ico { background: url("/cloud/j/images/job/tab-chk-act.svg") no-repeat 50% 50%; }
  .job-junior-tabs .btn-tab.act { color: #fff; }
  .job-junior-tabs .btn-tab.act .ico { background: url("/cloud/j/images/job/tab-chk-act.svg") no-repeat 50% 50%; }
  .job-junior-tabs .cons { padding-bottom: 56px; }
  .job-junior-tabs .cons.hide { display: none; }
  .job-junior-tabs .cons1::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #FFF5ED; }
  .job-junior-tabs .cons2::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #F1FAEF; }
  .job-junior-tabs .cons3::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #EEF9FF; }
  .job-junior-tabs .cons1::after { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -45px; width: 90px; height: 50px; background: url("/cloud/j/images/job/open-int.svg") no-repeat 50% 50%; }
  .job-junior-tabs .cons2::after { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -45px; width: 90px; height: 50px; background: url("/cloud/j/images/job/open-job.svg") no-repeat 50% 50%; }
  .job-junior-tabs .cons3::after { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -45px; width: 90px; height: 50px; background: url("/cloud/j/images/job/open-apt.svg") no-repeat 50% 50%; }
  .int-list { display: flex; flex-wrap: wrap; gap: 20px 30px; position: relative; /* z-index: 1; */   padding: 30px 50px; background-color: #fff; border-radius: 30px; perspective: 1000px; }
  
  /* 카드가 뒤집히는 동안 마우스 이벤트 차단 (떨림 방지) */
  .int-list .innr { width: calc((100% - 160px) / 6); }
  .int-list .innr.is-transitioning .item { pointer-events: none; }
  .int-list .ico { display: flex; align-items: center; justify-content: center; }
  .int-list .ico i { min-width: 146px; height: 110px; background-color: #F6F6F6; border-radius: 12px; background-size: auto 110px; }
  .int-list .tit { line-height: 40px; font-size: 22px; font-weight: 600; }
  .int-list .item { display: block; position: relative; /* z-index: 3; */   width: 100%; height: 190px; transform-style: preserve-3d; transition: transform 0.6s ease; /* 시간 늘리고 easing 적용 */  border-radius: 24px; will-change: transform; }
  .int-list .item:hover, .int-list .item.selected { transform: rotateY(180deg); }
  /* .int-list .item:hover .int-front, .int-list .item.selected .int-front { z-index: 2; } */
  .int-list .card { display: flex; flex-direction: column; align-items: center; gap: 10px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 14px 0; border-radius: 24px; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.05); backface-visibility: hidden; -webkit-backface-visibility: hidden; /* 크롬/사파리 호환 */  }
  .int-list .int-front { color: #616161; border: 1px solid #EEE8E8; background-color: #fff; backface-visibility: hidden; }
  .int-list .int-back { color: #fff; background-color: #FF6F4E; transform: rotateY(180deg); pointer-events: none; }
  .int-list .int-back i { background-color: #FFF5ED; }
  /* 하단 */
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .int-list { gap: 24px; }
  .int-list .innr { width: calc((100% - 96px) / 5); }
}
@media all and (min-width: 1024px) {
  .job-list { display: flex; flex-wrap: wrap; gap: 16px; position: relative;  /* z-index: 2;*/ padding: 30px 50px 30px 50px; background-color: #fff; border-radius: 30px; perspective: 1000px; }
  
  /* 카드가 뒤집히는 동안 마우스 이벤트 차단 (떨림 방지) */
  .job-list .innr { width: calc((100% - 80px) / 6); }
  .job-list .innr.is-transitioning .item { pointer-events: none; }
  .job-list .ico { display: flex; align-items: center; justify-content: center; min-width: 90px; border-bottom: 1px solid #E0E0E0; }
  .job-list .ico i { min-width: 130px; height: 134px; background-position: 50% 0 !important; }
  .job-list .box { display: flex; flex-direction: column; align-items: center; gap: 5px; line-height: 1; overflow: hidden; }
  .job-list .tit { font-size: 22px; font-weight: 600; }
  .job-list .txt { font-size: 16px; font-weight: 400; word-break: keep-all; }
  .job-list .item { display: block; position: relative; /*z-index: 3;*/ width: 100%; height: 220px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: transform 0.6s ease; /* 시간 늘리고 easing 적용 */   border-radius: 24px; will-change: transform; }
  .job-list .item:hover, .job-list .item.selected { transform: rotateY(180deg); }
  /*.job-list .item:hover .job-front, .job-list .item.selected .job-front { z-index: 2; }*/   
  .job-list .card { display: flex; flex-direction: column; align-items: center; gap: 16px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 0px 20px 20px 20px; border-radius: 24px; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.05); backface-visibility: hidden; -webkit-backface-visibility: hidden; /* 크롬/사파리 호환 */  }
  .job-list .job-front { color: #616161; border: 1px solid #EEE8E8; background-color: #fff; transform: rotateY(0deg); }
  .job-list .job-back { justify-content: center; color: #fff; background-color: #7AC966; transform: rotateY(180deg); pointer-events: none; }
  .job-list .job-back::before { content: ""; position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 20px; }
  .job-list .job-back .tit { font-size: 22px; font-weight: 600; }
  .job-list .job-back .sub{ font-size: 18px; font-weight: 400; text-align: center; padding-bottom: 14px; margin-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);  width: 150px; }
  .job-list .job-back .txt { line-height: 1.4; font-size: 18px; font-weight: 500; text-align: center; word-break: keep-all; }
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .job-list { gap: 24px; }
  .job-list .innr { width: calc((100% - 96px) / 5); }
}
@media all and (min-width: 1024px) {
  .apt-list { display: flex; flex-wrap: wrap; gap: 20px 30px; position: relative; /*z-index: 2;*/ padding: 30px 50px 30px 50px; background-color: #fff; border-radius: 30px; perspective: 1000px; }
  
  /* 카드가 뒤집히는 동안 마우스 이벤트 차단 (떨림 방지) */
  .apt-list .innr { width: calc((100% - 160px) / 6); }
  .apt-list .innr.is-transitioning .item { pointer-events: none; }
  .apt-list .ico { display: flex; align-items: center; justify-content: center; }
  .apt-list .ico i { min-width: 80px; height: 80px; }
  .apt-list .box { display: flex; flex-direction: column; align-items: center; line-height: 1; overflow: hidden; }
  .apt-list .tit { line-height: 40px; font-size: 22px; font-weight: 600; }
  .apt-list .txt { display: none; word-break: keep-all; }
  .apt-list .item { display: block; position: relative; /*z-index: 3;*/  width: 100%; height: 190px; transform-style: preserve-3d; transition: transform 0.6s ease; /* 시간 늘리고 easing 적용 */  border-radius: 24px; will-change: transform; }
  .apt-list .item:hover, .apt-list .item.selected { transform: rotateY(180deg); }
  /* .apt-list .item:hover .apt-front, .apt-list .item.selected .apt-front { z-index: 2; } */
  .apt-list .card { display: flex; flex-direction: column; align-items: center; gap: 22px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 30px 20px 18px 20px; border-radius: 24px; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.05); backface-visibility: hidden; -webkit-backface-visibility: hidden; /* 크롬/사파리 호환 */  }
  .apt-list .apt-front { color: #616161; border: 1px solid #EEE8E8; background-color: #fff; backface-visibility: hidden; transform: rotateY(0deg); }
  .apt-list .apt-back { justify-content: center; color: #fff; background-color: #1F72E2; transform: rotateY(180deg); pointer-events: none; }
  .apt-list .apt-back::before { content: ""; position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 20px; }
  .apt-list .apt-back .tit { padding-bottom: 10px; margin-bottom: 10px; width: 140px; line-height: 1; font-size: 20px; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .apt-list .apt-back .txt { display: block; line-height: 1.3; font-size: 16px; font-weight: 400; text-align: center; }
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .apt-list { gap: 24px; }
  .apt-list .innr { width: calc((100% - 96px) / 5); }
}
@media all and (min-width: 1024px) {
  .job-junior-contain { padding: 0 20px; margin: 0 auto; max-width: 1400px; width: 100%; }

  .jjunior-title { display: flex; justify-content: space-between; padding: 70px 0 0 0; }
  .jjunior-title .tit { display: flex; align-items: center; gap: 20px; line-height: 1; }
  .jjunior-title .tit h3 { display: flex; align-items: center; gap: 15px; font-size: 34px; font-weight: 700; color: #424242; }
  .jjunior-title .tit h3 span { padding-top: 6px; font-size: 24px; font-weight: 500; }
  .jjunior-title .tit .cnt { display: flex; align-items: center; padding: 0 20px; height: 48px; font-size: 24px; font-weight: 500; color: #424242; border: 1px solid #eee; background-color: #fff; border-radius: 20px; }
  .jjunior-title .tit .cnt strong { color: #D93B0B; }
  .jjunior-title .tit .ico { display: flex; width: 45px; height: 45px; }
  .jjunior-title .tab { display: flex; align-items: center; }
  .jjunior-title .tab .fm-tab { display: flex; align-items: center; gap: 10px; padding: 0 10px; padding-right: 30px; height: 24px; line-height: 1; font-size: 20px; font-weight: 700; color: #616161; }
  .jjunior-title .tab .fm-tab .ico { display: flex; align-items: center; min-width: 30px; height: 30px; background: url("/cloud/j/images/job/fm-tab.svg") no-repeat 50% 50%; transition: all 0.3s; transform: rotate(180deg); }
  .jjunior-title .tab .fm-tab.act .ico { transform: rotate(0deg); }
  .jjunior-title .tab .fm-sel { padding: 0 10px; padding-right: 30px; height: 24px; line-height: 1; font-size: 20px; font-weight: 500; color: #616161; border: 0; background: url("/cloud/j/images/job/fm-sel.svg") no-repeat 100% 50%; appearance: none; }
  .jjunior-cate { overflow: hidden; transition: max-height 0.3s ease; }
  .jjunior-cate.hide { max-height: 0; }
  .jjunior-cate .cate { display: flex; flex-wrap: wrap; gap: 10px; padding: 20px; margin-top: 20px; border: 5px solid #FEF1E6; border-radius: 20px; }
  .jjunior-cate .cate.green { border: 5px solid #F1FAEF; }
  .jjunior-cate .cate.green .fm-chk + label { border: 1px solid #EEE8E8; }
  .jjunior-cate .cate.green .fm-chk:focus + label, .jjunior-cate .cate.green .fm-chk:checked + label { color: #398127; border-color: #7AC966; background-color: #F1FAEF; }
  .jjunior-cate .cate.green a:focus, .jjunior-cate .cate.green a:active, .jjunior-cate .cate.green a:hover { color: #398127; border-color: #7AC966; background-color: #F1FAEF; }
  .jjunior-cate .cate.blue { border: 5px solid #EEF9FF; }
  .jjunior-cate .cate.blue .fm-chk + label { border: 1px solid #EEE8E8; }
  .jjunior-cate .cate.blue .fm-chk:focus + label, .jjunior-cate .cate.blue .fm-chk:checked + label { color: #1F72E2; border-color: #1F72E2; background-color: #EEF9FF; }
  .jjunior-cate .cate.blue a:focus, .jjunior-cate .cate.blue a:active, .jjunior-cate .cate.blue a:hover { color: #1F72E2; border-color: #1F72E2; background-color: #EEF9FF; }
  .jjunior-cate .fm-chk { display: none; }
  .jjunior-cate .fm-chk + label { display: flex; align-items: center; padding: 0 20px; height: 40px; font-size: 18px; font-weight: 500; border: 1px solid #EEE8E8; background-color: #fff; border-radius: 20px; cursor: pointer; }
  .jjunior-cate .fm-chk:focus + label, .jjunior-cate .fm-chk:checked + label { color: #D93B0B; border-color: #FA6847; background-color: #FEF1E6; }
  .jjunior-cate a { display: flex; align-items: center; padding: 0 20px; height: 40px; font-size: 18px; font-weight: 500; border: 1px solid #EEE8E8; background-color: #fff; border-radius: 20px; cursor: pointer; text-decoration: none; /* 기본 밑줄 제거 */  color: inherit; /* 기본 글자색 유지 */ }
  .jjunior-cate a:focus, .jjunior-cate a:active, .jjunior-cate a:hover { color: #D93B0B; border-color: #FA6847; background-color: #FEF1E6; }
  .jjunior-list { display: flex; flex-wrap: wrap; gap: 40px 26px; padding: 40px 0; }
  .jjunior-list .innr { position: relative; width: calc((100% - 78px) / 4); }
  .jjunior-list .item { display: flex; flex-direction: column; gap: 16px; padding: 20px; border: 1px solid rgba(221, 216, 216, 0.8); border-radius: 24px; }
  .jjunior-list .item:hover, .jjunior-list .item.act { min-height: 314px; border-color: transparent; }
  .jjunior-list .item:hover::before, .jjunior-list .item.act::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border: 2px solid #D93B0B; border-radius: 24px; box-shadow: 13px 14px 11px 0 rgba(0, 0, 0, 0.03), 6px 6px 8px 0 rgba(0, 0, 0, 0.04); }
  .jjunior-list .item:hover .img, .jjunior-list .item.act .img { position: absolute; z-index: -1; opacity: 0; visibility: hidden; }
  .jjunior-list .item:hover .box .tit, .jjunior-list .item.act .box .tit { line-height: 54px; font-size: 24px; }
  .jjunior-list .item:hover .box .txt, .jjunior-list .item.act .box .txt { display: flex; }
  .jjunior-list .item:hover .box .bot, .jjunior-list .item.act .box .bot { display: flex; }
  .jjunior-list .img { width: 100%; height: 220px; border-radius: 12px; overflow: hidden;  }
  .jjunior-list .box { transition: all 0.2s; }
  .jjunior-list .box .tit { padding-right: 48px; line-height: 36px; font-size: 20px; font-weight: 600; color: #424242; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
  .jjunior-list .box .txt { display: none; min-height: 186px; line-height: 1.4; font-size: 20px; font-weight: 400; color: #424242; word-break: keep-all;/* 글자 단위 줄바꿈 */ white-space: normal; }
  .jjunior-list .box .bot { display: none; align-items: center; gap: 10px; font-size: 15px; font-weight: 500; color: #757575; }
  .jjunior-list .box .bot .like { display: flex; align-items: center; gap: 8px; padding: 0 8px; }
  .jjunior-list .box .bot .like.act { color: #FA6847; }
  .jjunior-list .box .bot .like.act .ico { background: url("/cloud/j/images/job/ico-like-act.svg") no-repeat 50% 50%; }
  .jjunior-list .box .bot .like .ico { display: flex; align-items: center; min-width: 24px; height: 24px; background: url("/cloud/j/images/job/ico-like.svg") no-repeat 50% 50%; }
  .jjunior-list .box .bot .hit { display: flex; align-items: center; gap: 8px; padding: 0 8px; }
  .jjunior-list .box .bot .hit .ico { display: flex; align-items: center; min-width: 24px; height: 24px; background: url("/cloud/j/images/job/ico-read.svg") no-repeat 50% 50%; }
  .jjunior-list .chk { position: absolute; bottom: 20px; right: 20px; }
  .jjunior-list .fm-chk { display: none; }
  .jjunior-list .fm-chk + label { display: inline-flex; align-items: center; min-width: 36px; height: 36px; border: 1px solid #BBB; background: #fff url("/cloud/j/images/job/ico-lab.svg") no-repeat 50% 50%; border-radius: 36px; cursor: pointer; }
  .jjunior-list .fm-chk:focus + label, .jjunior-list .fm-chk:checked + label { border-color: #FA6847; background: #FA6847 url("/cloud/j/images/job/ico-lab-act.svg") no-repeat 50% 50%; }
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .jjunior-list { gap: 40px; }
  .jjunior-list .innr { width: calc((100% - 80px) / 3); }
  .jjunior-list .img img { display: block; width: 100%; height: auto; object-fit: cover; }
}
@media all and (min-width: 1024px) {
  .jjunior-more { padding-bottom: 116px; text-align: center; }
  .jjunior-more .bt-more { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 40px; min-height: 41px; font-size: 18px; font-weight: 500; color: #757575; border: 1px solid #bdbdbd; background-color: #fff; border-radius: 20px; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.05); }
  .jjunior-more .bt-more:hover { color: #fff; border-color: #FA6847; background-color: #FA6847; }
  .jjunior-more .bt-list { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 40px; min-height: 41px; font-size: 18px; font-weight: 500; color: #757575; border: 1px solid #bdbdbd; background-color: #fff; border-radius: 20px; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.05); }
  .jjunior-more .bt-list:hover { color: #fff; border-color: #FA6847; background-color: #FA6847; }

  .jjunior-detail { padding: 12px 20px 20px 20px; margin-bottom: 60px; background-color: #F5F5F5; border-radius: 20px; }
  .jjunior-detail .detail-top { display: flex; justify-content: space-between; padding: 13px 30px; }
  .jjunior-detail .detail-top .tit { display: flex; align-items: center; gap: 18px; font-size: 16px; color: #424242; }
  .jjunior-detail .detail-top .tit span { display: flex; align-items: center; gap: 8px; font-weight: 400; }
  .jjunior-detail .detail-top .tit strong { font-weight: 600; }
  .jjunior-detail .detail-top .lab { display: flex; align-items: center; gap: 10px; }
  .jjunior-detail .detail-tit { text-align: center; }
  .jjunior-detail .detail-tit h3 { display: inline-flex; align-items: center; justify-content: center; padding: 2px 50px; font-size: 38px; font-weight: 500; color: #fff; background-color: #FA6847; border-radius: 60px; }
  .jjunior-detail .detail-bot { padding: 24px 0; background-color: #fff; border-radius: 20px; }
  .jjunior-detail .detail-con { display: flex; align-items: center; justify-content: center; gap: 60px;  padding-top: 30px; background-color: #fff; word-break: keep-all; }
  .jjunior-detail .detail-con .img { max-width: 440px; }
  .jjunior-detail .detail-con .tit { line-height: 1.2; font-size: 40px; font-weight: 500; text-align: center; color: #424242; }
  .jjunior-detail .detail-con .tit em { font-size: 42px; font-weight: 400; font-family: var(--font-jalnan); }
  .jjunior-detail .detail-con .tit span.sub_txt {font-size: 22px; font-weight: 400;display: block;margin-top:5px}
  .jjunior-detail .detail-con .tit .tag { display: flex; gap: 10px; margin-top: 30px; justify-content: center; flex-wrap: wrap; }
  .jjunior-detail .detail-con .tit .tag span { font-size: 18px; color: #616161; padding: 8px 20px; border-radius: 30px; border: 1px solid #BDBDBD; }
}
@media (min-width: 1024px) and (min-width: 1025px) {
  .jjunior-detail .detail-con { padding-left: 30px; }
  .jjunior-detail .detail-con .img{ max-width: 440px; }
  .jjunior-detail .detail-con .tit { width: 50%; font-size: 36px; }
  .jjunior-detail .detail-con .tit em { font-size: 40px; font-weight: 400; font-family: var(--font-jalnan); }
}
@media all and (min-width: 1024px) { 
  .jjunior-detail .fm-chk-labl { display: flex; align-items: center; padding: 0 16px 0 8px; border: 1px solid #BBB; background-color: #fff; border-radius: 36px; cursor: pointer; position: relative; }
  .jjunior-detail .fm-chk-labl::before { content: ""; min-width: 36px; height: 36px; background: url("/cloud/j/images/job/ico-lab.svg") no-repeat 50% 50%; }
  .jjunior-detail .fm-chk-labl.selected { color: #fff; border-color: #FA6847; background-color: #FA6847; }
  .jjunior-detail .fm-chk-labl.selected::before { content: ""; min-width: 36px; height: 36px; background: url("/cloud/j/images/job/ico-lab-act.svg") no-repeat 50% 50%; }
  .jjunior-detail .fm-chk-labl.selected .tooltip-toast { display: block; top: -10px; }
  /* .jjunior-detail .fm-chk-labl .tooltip-toast { display: none; } */
  .jjunior-detail .fm-chk-like { display: flex; align-items: center; padding: 0 16px 0 8px; border: 1px solid #BBB; background-color: #fff; border-radius: 36px; cursor: pointer; }
  .jjunior-detail .fm-chk-like::before { content: ""; min-width: 36px; height: 36px; background: url("/cloud/j/images/job/ico-like.svg") no-repeat 50% 50%; }
  .jjunior-detail .fm-chk-like.selected { color: #fff; border-color: #FA6847; background-color: #FA6847; }
  .jjunior-detail .fm-chk-like.selected::before { content: ""; min-width: 36px; height: 36px; background: url("/cloud/j/images/job/ico-like-act2.svg") no-repeat 50% 50%; }
  .jjunior-detail .fm-chk-like.selected .tooltip-toast { display: block; top: -10px; }
  .jjunior-detail .fm-chk-like .tooltip-toast { display: none; }
  .jjunior-info { word-break: keep-all; }
  .jjunior-info .line { display: block; margin: 30px 0 40px 0; border-bottom: 1px solid #E0E0E0; }
  .jjunior-info .info-tit { padding-bottom: 15px; }
  .jjunior-info .info-tit h4 { padding-left: 40px; font-size: 30px; font-weight: 700; color: #424242; background: url("/cloud/j/images/job/info-tit.svg") no-repeat 0 4px; }
  .jjunior-info .info-wrp ul { display: flex; flex-direction: column; gap: 2px; padding: 0 32px; }
  .jjunior-info .info-wrp ul li { display: flex; font-size: 22px; font-weight: 500; color: #616161; }
  .jjunior-info .info-wrp ul li::before { content: ""; min-width: 35px; height: 35px; background: url("/cloud/j/images/job/ico-dot.svg") no-repeat 50% 50%; }
  .jjunior-info .info-apt { display: flex; gap: 32px; }
  .jjunior-info .info-apt .innr { display: flex; align-items: center; width: 100%; }
  .jjunior-info .info-apt .ico { display: flex; align-items: center; justify-content: center; }
  .jjunior-info .info-apt .ico i { min-width: 80px; height: 80px; }
  .jjunior-info .info-apt .card { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 25px 0; min-width: 140px; height: 140px; background-color: #F5F5F5; border-radius: 24px; justify-content: center; }
  .jjunior-info .info-apt .text { padding: 0 40px; font-size: 24px; font-weight: 500; color: #616161; display: flex; gap: 5px; flex-direction: column; }
  .jjunior-info .info-apt .text .tit { line-height: 40px; font-size: 26px; font-weight: 700; color: #424242; }
  .jjunior-info .info-job { display: flex; flex-direction: column; gap: 32px; }
  .jjunior-info .info-job .innr { display: flex; align-items: center; width: 100%; }
  .jjunior-info .info-job .innr + .innr { padding-top: 30px; border-top: 1px solid #E0E0E0; }
  .jjunior-info .info-job .ico { display: flex; align-items: center; justify-content: center; }
  .jjunior-info .info-job .ico i { min-width: 80px; height: 130px; background-size: auto 100%; }
  .jjunior-info .info-job .card { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0; min-width: 140px; height: 140px; background-color: #F5F5F5; border-radius: 24px; }
  .jjunior-info .info-job .text { padding: 0 40px; font-size: 24px; font-weight: 500; color: #616161; display: flex; gap: 10px; flex-direction: column; }
  .jjunior-info .info-job .text ul { display: flex; flex-direction: column; gap: 2px; }
  .jjunior-info .info-job .text ul li { display: flex; font-size: 22px; font-weight: 500; color: #616161; }
  .jjunior-info .info-job .text ul li::before { content: ""; width: 28px; height: 28px; background: url("/cloud/j/images/job/ico-dot.svg") no-repeat 50% 50%; }
  .jjunior-info .info-job .text .box { display: flex; align-items: center; }
  .jjunior-info .info-job .text .box .tit { font-size: 26px; font-weight: 700; color: #424242; }
  .jjunior-info .info-job .text .box .txt { font-size: 22px; font-weight: 400; color: #424242; }
  .jjunior-info .info-job .text .box .txt:before { content: "-"; padding: 0 5px; min-width: 35px; height: 35px; }
  .jjunior-flex { display: flex; gap: 40px; }
  .jjunior-flex .info-box { padding: 20px; background-color: #F6F6F6; border-radius: 20px; }
  .jjunior-flex .info-box:first-child { width: 70%; }
  .jjunior-flex .info-box:last-child { width: 30%; }
  .jjunior-flex .info-tit { padding-bottom: 15px; }
  .jjunior-flex .info-tit h4 { padding-left: 40px; font-size: 28px; font-weight: 700; color: #424242; background: url("/cloud/j/images/job/info-tit.svg") no-repeat 0 4px; letter-spacing: -1px; }
  .jjunior-flex .info-web { display: flex; gap: 20px; }
  .jjunior-flex .info-web .innr { width: 100%; /* max-width: 285px; */ }
  .jjunior-flex .info-web .item { display: flex; flex-direction: column; gap: 16px; position: relative; background: #FFF; border-radius: 20px; overflow: hidden; align-items: center; justify-content: center; }
  .jjunior-flex .info-web .item:hover::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border: 3px solid #FA6847; border-radius: 20px; }
  .jjunior-flex .info-web .item:hover .txt { color: #000; text-decoration: underline; text-underline-offset: 3px; }
  .jjunior-flex .info-web .item .img.plus-w { display: flex; justify-content: center; background-color: #ebebf7; width: 100%; }
  .jjunior-flex .info-web .item .img.plus-w img.plus { width: 100px; height: auto; }
  .jjunior-flex .info-web .lab { position: absolute; top: 7px; right: 7px; }
  .jjunior-flex .info-web .lab .ico-mov { display: flex; align-items: center; padding: 0 16px; height: 30px; font-size: 16px; font-weight: 500; color: #fff; background-color: #FA6847; border-radius: 30px; }
  .jjunior-flex .info-web .img { height: 196px; border-radius: 16px; overflow: hidden; }
  .jjunior-flex .info-web .img img { width: auto; height: 100%; }
  .jjunior-flex .info-web .box { padding: 0 30px 20px 30px; min-height: 76px; }
  .jjunior-flex .info-web .txt { line-height: 1.4; font-size: 20px; font-weight: 500; text-align: center; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
  .jjunior-flex .info-key .keyword { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 10px; padding: 50px 36px; height: 294px; background: #FFF; border-radius: 20px; }
  .jjunior-flex .info-key .keyword .link { display: flex; align-items: center; padding: 0 25px; height: 50px; font-size: 20px; font-weight: 500; color: #676767; border: 2px solid #EFEFEF; background-color: #FFF; border-radius: 30px; }
  .jjunior-flex .info-key .keyword .link:hover { color: #fff; border-color: #FA6847; background-color: #FA6847; }
  .jjunior-flex .info-key .innr { width: 100%; min-height: 280px; }
  .jjunior-flex .info-key .item { display: flex; flex-direction: column; gap: 16px; position: relative; background: #FFF; border-radius: 20px; overflow: hidden; align-items: center; justify-content: flex-start; min-height: 280px; }
  .jjunior-flex .info-key .item:hover::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border: 3px solid #FA6847; border-radius: 20px; }
  .jjunior-flex .info-key .item:hover .txt { color: #000; text-decoration: underline; text-underline-offset: 3px; }
  .jjunior-flex .info-key .item .img { display: flex; justify-content: center; width: 100%; }
  .jjunior-flex .info-key .item .img img { width: 100%; height: 280px; }
  .jjunior-flex .info-key .item .txt-tag { position: absolute; top: 10px; right: 10px; display: flex; align-items: center; padding: 0 16px; height: 30px; font-size: 16px; font-weight: 500; color: #fff; background-color: #FA6847; border-radius: 30px; }
  .jjunior-flex .info-key .item .img.plus-w { display: flex; justify-content: center; background-color: #ebebf7; width: 100%; height: 210px; }
  .jjunior-flex .info-key .item .img.plus-w img.plus { width: 100px; height: auto; }
  .jjunior-flex .info-key .item .box .txt { font-size: 20px; color: #424242; font-weight: 500; }
  /* Swiper 컨테이너 */
  .info-key-slick { position: relative; width: 100%; height: 100%; overflow: hidden; }
  /* Swiper 래퍼 */
  .info-key-slick .swiper-wrapper { display: flex; width: 100%; height: 100%; transition-property: transform; box-sizing: content-box; }
  /* 각 슬라이드 */
  .info-key-slick .swiper-slide { flex-shrink: 0; width: 100%;   /* 한 화면에 1개만 보이도록 */ height: auto; box-sizing: border-box; }
  .info-key-slick .slick-arrow { width: 48px; height: 48px; margin-top: 6px; background-color: var(--color-white); border-radius: 50%; border: 1px solid #ddd; box-shadow: 4px 6px 10px 0 rgba(156, 156, 156, 0.2); }
  .info-key-slick .slick-arrow:hover { background-color: #FEF1E6; border: 2px solid #FA6847; }
  .info-key-slick .slick-arrow.slick-disabled { background-color: var(--color-white); border: 1px solid #c1c1c1; opacity: 0.9; }
  .info-key-slick .slick-arrow.slick-disabled::before { opacity: 0.25; }
  .info-key-slick .slick-prev { left: 0px; z-index: 3; top: 50%; }
  .info-key-slick .slick-prev::before { content: ""; position: absolute; left: 50%; top: 50%; width: 13px; height: 22px; margin: -11px 0 0 -8px; background: url("/cloud/j/images/job/junior_video_slick_arrow.svg") center no-repeat; }
  .info-key-slick .slick-next { right: 0px; z-index: 3; top: 50%; }
  .info-key-slick .slick-next::before { content: ""; position: absolute; left: 50%; top: 50%; width: 13px; height: 22px; margin: -11px 0 0 -5px; background: url("/cloud/j/images/job/junior_video_slick_arrow.svg") center no-repeat; transform: rotateZ(180deg); }
  .footer-junior { background-color: #fff !important; }
  .foot-contain { display: flex; position: relative; padding: 0 20px; margin: 0 auto; max-width: 1400px; width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1320px) { 
  .foot-contain { padding-bottom: 80px; }
}
@media all and (min-width: 1024px) { 
  .foot-contain + .foot-contain { padding-top: 32px; margin-top: 32px; border-top: 1px solid #bdbdbd; }
}
@media (min-width: 1024px) and (max-width: 1320px) {
   .foot-contain + .foot-contain { flex-direction: column; gap: 20px; padding-top: 32px; margin-top: 32px; border-top: 1px solid #bdbdbd; }
}
@media all and (min-width: 1024px) { 
  .foot-contain .sub-wrap { display: flex; flex-direction: column; min-width: 326px; color: #616161; }
  .foot-contain .sub-wrap .log { padding-bottom: 38px; font-size: 35px; font-family: var(--font-jalnan); color: #757575; }
  .foot-contain .sub-wrap .tit { font-size: 16px; font-weight: 500; }
  .foot-contain .sub-wrap .tel { display: flex; align-items: center; height: 51px; font-size: 32px; font-weight: 700; }
  .foot-contain .sub-wrap .dat { font-size: 16px; font-weight: 500; }
  .foot-contain .fnb-wrap { width: 100%; }
  .foot-contain .fnb-wrap ul { display: flex; gap: 40px; }
  .foot-contain .fnb-wrap ul li a { display: flex; align-items: center; height: 40px; font-size: 20px; font-weight: 700; color: #424242; }
  .foot-contain .fnb-wrap ul li a:hover { color: #FA6847; text-decoration: underline; text-underline-offset: 3px; }
  .foot-contain .fnb-wrap ul li ul { flex-direction: column; gap: 0; }
  .foot-contain .fnb-wrap ul li ul li a { height: 35px; font-size: 16px; font-weight: 500; color: #9e9e9e; }
}
@media (min-width: 1024px) and (max-width: 1320px) { 
  .foot-contain .fnb-wrap ul { justify-content: flex-end; }
}
@media all and (min-width: 1024px) { 
  .foot-contain .etc-wrap { display: flex; flex-direction: column; align-items: flex-end; gap: 58px; }
  .foot-contain .etc-wrap .ing .site-junior { padding: 0 23px; width: 226px; height: 52px; color: #9E9E9E; border: 1px solid #BDBDBD; background: #FAFAFA url("/cloud/j/images/job/fm-sel.svg") no-repeat 94% 50%; appearance: none; }
  .foot-contain .etc-wrap .ing .bt-going { padding: 0 23px; height: 52px; font-size: 16px; font-weight: 500; white-space: nowrap; color: #fff; background-color: #424242; }
  .foot-contain .etc-wrap .ing fieldset { display: flex; align-items: center; }
  .foot-contain .etc-wrap .sns strong { font-size: 16px; font-weight: 500; color: #757575; }
  .foot-contain .etc-wrap .sns ul { display: flex; align-items: center; gap: 38px; padding-top: 15px; }
  .foot-contain .etc-wrap .sns .ico { display: flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; }
  .foot-contain .etc-wrap .sns .ico-sns1 { background: url("/cloud/j/images/job/ico-sns1.svg") no-repeat 50% 50%; }
  .foot-contain .etc-wrap .sns .ico-sns2 { background: url("/cloud/j/images/job/ico-sns2.svg") no-repeat 50% 50%; }
  .foot-contain .etc-wrap .sns .ico-sns3 { background: url("/cloud/j/images/job/ico-sns3.svg") no-repeat 50% 50%; }
  .foot-contain .etc-wrap .sns .ico-sns4 { background: url("/cloud/j/images/job/ico-sns4.svg") no-repeat 50% 50%; }
  .foot-contain .etc-wrap .sns .ico-sns5 { background: url("/cloud/j/images/job/ico-sns5.svg") no-repeat 50% 50%; }
}
@media (min-width: 1024px) and (max-width: 1320px) { 
  .foot-contain .etc-wrap { flex-direction: row; align-items: center; justify-content: space-between; gap: 0; position: absolute; bottom: 0; right: 0; left: 0; padding: 0 20px; }
  .foot-contain .etc-wrap .sns { display: flex; align-items: center; gap: 40px; }
  .foot-contain .etc-wrap .sns ul { padding-top: 0; }
}
@media all and (min-width: 1024px) { 
  .foot-contain .add-wrap { width: 100%; }
  .foot-contain .add-wrap address, .foot-contain .add-wrap cite { line-height: 1.6; font-size: 14px; font-weight: 500; font-style: normal; }
  .foot-contain .and-wrap ul { display: flex; align-items: center; gap: 32px; }
  .foot-contain .and-wrap ul li a { display: flex; align-items: center; line-height: 1.4; font-size: 16px; font-weight: 500; white-space: nowrap; color: #757575; }
  .foot-contain .and-wrap ul li a:hover { color: #FA6847; text-decoration: underline; text-underline-offset: 3px; }
}
/**웹**/
/**모바일**/
/* 1024px 이하일때 */
@media all and (max-width: 1023px) { 
  .job-junior-search { padding: 0 20px; padding-top: 20px; margin: 0 auto; max-width: 1400px; width: 100%; }
  .job-junior-search .job-search { display: flex; align-items: center; position: relative; z-index: 2; padding: 0 52px 0 160px; width: 100%; min-height: 80px; background-color: #FFF; border-radius: 20px; box-shadow: 4px 6px 10px 0 rgba(156, 156, 156, 0.05); overflow: hidden; }
  .job-junior-search .job-search::before { content: ""; position: absolute; top: 7px; left: 30px; width: 80px; height: 134px; background: url("/cloud/j/images/job/img-search.svg") no-repeat; background-size: auto 100%; }
  .job-junior-search .fm-sch { display: flex; align-items: center; position: relative; z-index: 2; padding: 0 124px 0 24px; width: 100%; height: 54px; font-size: 20px; font-weight: 400; color: #424242; border: 0; background-color: #F2F2F2; border-radius: 50px; }
  .job-junior-search .bt-sch { display: flex; align-items: center; justify-content: center; gap: 10px; position: absolute; z-index: 3; right: 52px; padding: 0 20px; height: 54px; font-size: 20px; font-weight: 400; color: #fff; background-color: #000; border-radius: 50px; }
  .job-junior-search .bt-sch .ico { min-width: 20px; height: 20px; background: url("/cloud/j/images/job/ico-search.svg") no-repeat 50% 50%; background-size: 100% auto; }
/*상세*/
/* 하단 */
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .job-junior-search .job-search { padding: 0 20px 0 80px; min-height: 60px; }
  .job-junior-search .job-search::before { top: 10px; left: 10px; background-size: auto 80%; }
  .job-junior-search .fm-sch { padding: 0 124px 0 24px; height: 40px; font-size: 17px; }
  .job-junior-search .bt-sch { right: 20px; height: 40px; font-size: 17px; }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .job-junior-search .job-search { padding: 16px; }
  .job-junior-search .job-search::before { display: none; }
  .job-junior-search .fm-sch { padding: 0 50px 0 16px; height: 40px; font-size: 17px; }
  .job-junior-search .bt-sch { right: 20px; width: 40px; height: 40px; font-size: 0; text-indent: -999em; overflow: hidden; }
  .job-junior-search .bt-sch .ico { margin-left: 10px; }
}
@media all and (max-width: 1023px) { 
  .job-junior-wrap { position: relative; }
  .job-junior-wrap .job-junior-tabs { padding: 0 20px; margin: 0 auto; max-width: 1400px; width: 100%; }
  .job-junior-tabs { margin-top: 20px; }
  .job-junior-tabs.job-junior-tabs1 .tits span { color: #EB4C1B; }
  .job-junior-tabs.job-junior-tabs1 .btn-tab { border-color: #FFE3CC; }
  .job-junior-tabs.job-junior-tabs1 .btn-tab .ico { background-color: #FFCCB7; }
  .job-junior-tabs.job-junior-tabs1 .btn-tab:focus, .job-junior-tabs.job-junior-tabs1 .btn-tab:hover { border-color: #FFE3CC; background-color: #FF6F4E; }
  .job-junior-tabs.job-junior-tabs1 .btn-tab.act { border-color: #FFE3CC; background-color: #FF6F4E; }
  .job-junior-tabs.job-junior-tabs2 .tits span { color: #7AC966; }
  .job-junior-tabs.job-junior-tabs2 .btn-tab { border-color: #D9F2D4; }
  .job-junior-tabs.job-junior-tabs2 .btn-tab .ico { background-color: #D9F2D4; }
  .job-junior-tabs.job-junior-tabs2 .btn-tab:focus, .job-junior-tabs.job-junior-tabs2 .btn-tab:hover { border-color: #D9F2D4; background-color: #7AC966; }
  .job-junior-tabs.job-junior-tabs2 .btn-tab.act { border-color: #D9F2D4; background-color: #7AC966; }
  .job-junior-tabs.job-junior-tabs3 .tits span { color: #2058B2; }
  .job-junior-tabs.job-junior-tabs3 .btn-tab { border-color: #C7EAFF; }
  .job-junior-tabs.job-junior-tabs3 .btn-tab .ico { background-color: #AEE1FF; }
  .job-junior-tabs.job-junior-tabs3 .btn-tab:focus, .job-junior-tabs.job-junior-tabs3 .btn-tab:hover { border-color: #C7EAFF; background-color: #1F72E2; }
  .job-junior-tabs.job-junior-tabs3 .btn-tab.act { border-color: #C7EAFF; background-color: #1F72E2; }
  .job-junior-tabs .tits { position: relative; z-index: 2; padding-top: 40px; font-size: 24px; font-weight: 600; text-align: center; color: #424242; }
  .job-junior-tabs .tabs { display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; z-index: 2; padding: 20px 0; }
  .job-junior-tabs .btn-tab { display: flex; align-items: center; gap: 16px; padding: 0 30px; height: 54px; font-size: 20px; font-weight: 600; border: 4px solid transparent; background-color: #fff; border-radius: 48px; }
  .job-junior-tabs .btn-tab .ico { min-width: 30px; height: 30px; background: url("/cloud/j/images/job/tab-chk.svg") no-repeat 50% 50%; background-size: 80% auto; border-radius: 30px; }
  .job-junior-tabs .btn-tab:focus, .job-junior-tabs .btn-tab:hover { color: #fff; }
  .job-junior-tabs .btn-tab:focus .ico, .job-junior-tabs .btn-tab:hover .ico { background: url("/cloud/j/images/job/tab-chk-act.svg") no-repeat 50% 50%; background-size: 80% auto; }
  .job-junior-tabs .btn-tab.act { color: #fff; }
  .job-junior-tabs .btn-tab.act .ico { background: url("/cloud/j/images/job/tab-chk-act.svg") no-repeat 50% 50%; background-size: 80% auto; }
  .job-junior-tabs .cons { padding-bottom: 56px; }
  .job-junior-tabs .cons.hide { display: none; }
  .job-junior-tabs .cons1::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #FFF5ED; }
  .job-junior-tabs .cons2::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #F1FAEF; }
  .job-junior-tabs .cons3::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #EEF9FF; }
  .job-junior-tabs .cons1::after { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -30px; width: 60px; height: 40px; background: url("/cloud/j/images/job/open-int.svg") no-repeat 50% 50%; background-size: 100% auto; }
  .job-junior-tabs .cons2::after { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -30px; width: 60px; height: 40px; background: url("/cloud/j/images/job/open-job.svg") no-repeat 50% 50%; background-size: 100% auto; }
  .job-junior-tabs .cons3::after { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -30px; width: 60px; height: 40px; background: url("/cloud/j/images/job/open-apt.svg") no-repeat 50% 50%; background-size: 100% auto; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .job-junior-tabs .tits { padding: 20px 5% 0; font-size: 20px; }
  .job-junior-tabs .tits span { clear: both; display: inline-block; }
  .job-junior-tabs .btn-tab { gap: 8px; padding: 0 24px 0 16px; height: 48px; font-size: 18px; border: 2px solid transparent; }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .job-junior-tabs .tits { padding: 20px 10% 0; font-size: 16px; }
  .job-junior-tabs .tits span { clear: both; display: inline-block; }
  .job-junior-tabs .tabs { gap: 4px; }
  .job-junior-tabs .btn-tab { gap: 4px; padding: 0 16px 0 8px; height: 40px; font-size: 16px; border: 2px solid transparent; }
  .job-junior-tabs .btn-tab .ico { min-width: 24px; height: 24px; border-radius: 24px; }
}
@media all and (max-width: 1023px) { 
  .int-list { display: flex; flex-wrap: wrap; gap: 16px; position: relative; /* z-index: 1; */  padding: 30px; background-color: #fff; border-radius: 30px; perspective: 1000px; }
  .int-list .innr { width: calc((100% - 48px) / 4); }
  .int-list .ico { display: flex; align-items: center; justify-content: center; }
  .int-list .ico i { min-width: 100px; height: 100px; background-color: #F6F6F6; background-size: 100% auto; border-radius: 12px; }
  .int-list .tit { line-height: 30px; font-size: 19px; font-weight: 600; }
  .int-list .item { display: block; position: relative; /* z-index: 3; */ width: 100%; height: 160px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: transform 0.6s ease; /* 시간 늘리고 easing 적용 */ border-radius: 24px; will-change: transform; }
  .int-list .item:hover, .int-list .item.selected { transform: rotateY(180deg); }
  /* .int-list .item:hover .int-front, .int-list .item.selected .int-front { z-index: 2; } */ 
  .int-list .card { display: flex; flex-direction: column; align-items: center; gap: 5px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 15px 0 20px; border-radius: 24px; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.05); backface-visibility: hidden; -webkit-backface-visibility: hidden; /* 크롬/사파리 호환 */}
  .int-list .int-front { border: 1px solid #EEE8E8; background-color: #fff; }
  .int-list .int-back { color: #fff; background-color: #FF6F4E; transform: rotateY(180deg); }
  .int-list .int-back i { background-color: #FFF5ED; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .int-list { gap: 12px; padding: 16px; }
  .int-list .innr { width: calc((100% - 24px) / 3); }
  .int-list .ico i { min-width: 90px; height: 90px; background-size: 80% auto; }
  .int-list .tit { font-size: 17px; }
  .int-list .item { height: 170px; }
  .int-list .card { padding: 18px 0; }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .int-list { gap: 10px; padding: 12px; }
  .int-list .innr { width: calc((100% - 12px) / 2); }
  .int-list .ico i { min-width: 90px; height: 90px; background-size: 80% auto; }
  .int-list .tit { font-size: 17px; color: #616161; }
  .int-list .item { height: 150px; }
  .int-list .card { gap: 4px; padding: 16px 0; }
}
@media all and (max-width: 1023px) { 
  .job-list { display: flex; flex-wrap: wrap; gap: 16px; position: relative; /* z-index: 2; */ padding: 30px; background-color: #fff; border-radius: 30px; perspective: 1000px; }
  .job-list .innr { width: calc((100% - 48px) / 4); }
  .job-list .ico { display: flex; align-items: center; justify-content: center; min-width: 140px; border-bottom: 1px solid #E0E0E0; }
  .job-list .ico i { min-width: 120px; height: 110px; background-position: 50% 0 !important; background-size: 80% auto; }
  .job-list .box { display: flex; flex-direction: column; align-items: center; gap: 5px; line-height: 1; overflow: hidden; }
  .job-list .tit { font-size: 17px; font-weight: 600; }
  .job-list .txt { font-size: 15px; font-weight: 400; word-break: keep-all; }
  .job-list .item { display: block; position: relative; /* z-index: 3; */ width: 100%; height: 200px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: transform 0.6s ease; /* 시간 늘리고 easing 적용 */ border-radius: 24px; will-change: transform; }
  .job-list .item:hover, .job-list .item.selected { transform: rotateY(180deg); }
  /* .job-list .item:hover .job-front, .job-list .item.selected .job-front { z-index: 2; } */
  .job-list .card { display: flex; flex-direction: column; align-items: center; gap: 16px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 5px 20px 20px 20px; border-radius: 24px; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.05);  backface-visibility: hidden; -webkit-backface-visibility: hidden; /* 크롬/사파리 호환 */}
  .job-list .job-front { color: #616161; border: 1px solid #EEE8E8; background-color: #fff; transform: rotateY(0deg); }
  .job-list .job-back { justify-content: center; color: #fff; background-color: #7AC966; transform: rotateY(180deg); }
  .job-list .job-back::before { content: ""; position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 20px; }
  .job-list .job-back .tit { font-size: 17px; font-weight: 600; }
  .job-list .job-back .sub{ padding-bottom: 14px; margin-bottom: 8px; width: 120px; font-size: 14px; font-weight: 400; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .job-list .job-back .txt { line-height: 1.4; font-size: 15px; padding : 0 10px; font-weight: 500; text-align: center; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .job-list { gap: 12px; padding:16px; }
  .job-list .innr { width: calc((100% - 24px) / 3); }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .job-list { gap: 10px; padding: 12px; }
  .job-list .innr { width: calc((100% - 12px) / 2); }
  .job-list .ico { min-width: 100px; }
  .job-list .ico i { min-width: 100px; }
}
@media all and (max-width: 1023px) { 
  .apt-list { display: flex; flex-wrap: wrap; gap: 16px; position: relative;  /* z-index: 2;*/  padding: 30px; background-color: #fff; border-radius: 30px; perspective: 1000px; }
  .apt-list .innr { width: calc((100% - 48px) / 4); }
  .apt-list .ico { display: flex; align-items: center; justify-content: center; }
  .apt-list .ico i { min-width: 60px; height: 60px; background-size: 100% auto; }
  .apt-list .box { display: flex; flex-direction: column; align-items: center; line-height: 1; overflow: hidden; }
  .apt-list .tit { line-height: 30px; font-size: 18px; font-weight: 600; }
  .apt-list .txt { display: none; word-break: keep-all; }
  .apt-list .item { display: block; position: relative; z-index: 3; width: 100%; height: 160px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: transform 0.6s ease; /* 시간 늘리고 easing 적용 */ border-radius: 24px; will-change: transform; }
  .apt-list .item:hover, .apt-list .item.selected { transform: rotateY(180deg); }
  /* .apt-list .item:hover .apt-front, .apt-list .item.selected .apt-front { z-index: 2; } */
  .apt-list .card { display: flex; flex-direction: column; align-items: center; gap: 15px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 30px 20px 15px 20px ; border-radius: 24px; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.05); backface-visibility: hidden; -webkit-backface-visibility: hidden; /* 크롬/사파리 호환 */ }
  .apt-list .apt-front { color: #616161; border: 1px solid #EEE8E8; background-color: #fff; transform: rotateY(0deg); }
  .apt-list .apt-back { justify-content: center; color: #fff; background-color: #1F72E2; transform: rotateY(180deg); }
  .apt-list .apt-back::before { content: ""; position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 20px; }
  .apt-list .apt-back .tit { padding-bottom: 10px; margin-bottom: 10px; width: 120px; line-height: 1; font-size: 18px; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .apt-list .apt-back .txt { display: block; line-height: 1.3; font-size: 12px; font-weight: 500; text-align: center; word-break: keep-all; padding: 0 12px; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .apt-list { gap: 12px; padding: 16px; }
  .apt-list .innr { width: calc((100% - 24px) / 3); }
  .apt-list .ico i { min-width: 80px; height: 80px; background-size: 80% auto; }
  .apt-list .tit { font-size: 17px; }
  .apt-list .item { height: 170px; }
  .apt-list .card { padding: 18px 10px; }
}
@media (max-width: 1023px) and (max-width: 480px) {
  .apt-list { gap: 10px; padding: 12px; }
  .apt-list .innr { width: calc((100% - 12px) / 2); }
  .apt-list .item { height: 150px; }
  .apt-list .card { gap : 4px; padding: 16px 0; }
  .apt-list .apt-back .tit { width: auto; }
  .apt-list .apt-back .txt { padding: 0 12px; font-size: 11px; }
}
@media all and (max-width: 1023px) { 
  .job-junior-contain { padding: 0 20px; margin: 0 auto; max-width: 1400px; width: 100%; }
  .jjunior-title { display: flex; justify-content: space-between; padding: 40px 0 0 0; }
  .jjunior-title .tit { display: flex; align-items: center; gap: 20px; line-height: 1; }
  .jjunior-title .tit h3 { display: flex; align-items: center; gap: 15px; font-size: 28px; font-weight: 700; color: #424242; }
  .jjunior-title .tit h3 span { padding-top: 6px; font-size: 20px; font-weight: 500; }
  .jjunior-title .tit .cnt { display: flex; align-items: center; gap: 5px; padding: 0 15px; height: 30px; font-size: 18px; font-weight: 500; color: #424242; border: 1px solid #eee; background-color: #fff; border-radius: 20px; }
  .jjunior-title .tit .cnt strong { color: #D93B0B; }
  .jjunior-title .tit .ico { display: flex; width: 36px; height: 36px; background-size: 100% auto; }
  .jjunior-title .tab { display: flex; align-items: center; gap: 20px; }
  .jjunior-title .tab .fm-tab { display: flex; align-items: center; gap: 10px; height: 24px; line-height: 1; font-size: 18px; font-weight: 700; color: #616161; }
  .jjunior-title .tab .fm-tab .ico { display: flex; align-items: center; min-width: 30px; height: 30px; background: url("/cloud/j/images/job/fm-tab.svg") no-repeat 50% 50%; transition: all 0.3s; transform: rotate(180deg); }
  .jjunior-title .tab .fm-tab.act .ico { transform: rotate(0deg); }
  .jjunior-title .tab .fm-sel { padding: 0 10px; padding-right: 30px; height: 30px; line-height: 1; font-size: 16px; font-weight: 500; color: #616161; border: 0; background: url("/cloud/j/images/job/fm-sel.svg") no-repeat 100% 50%; appearance: none; border-radius: 6px; }
}
@media (max-width: 1023px) and (max-width: 768px) {
  .jjunior-title { flex-direction: column; justify-content: center; gap: 24px; }
  .jjunior-title .tit h3 { font-size: 24px; }
  .jjunior-title .tit h3 span { font-size: 17px; }
  .jjunior-title .tit .cnt { font-size: 17px; }
  .jjunior-title .tit .cnt strong { color: #D93B0B; }
  .jjunior-title .tit {gap:10px}
  .jjunior-title .tit .ico { display: flex; width: 36px; height: 36px; background-size: 100% auto; }
  .jjunior-title .tab { justify-content: space-between; width: 100%; }
}
@media all and (max-width: 1023px) {
  .jjunior-cate { overflow: hidden; transition: max-height 0.3s ease; }
  .jjunior-cate.hide { max-height: 0; }
  .jjunior-cate .cate { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px; margin-top: 20px; border: 5px solid #FEF1E6; border-radius: 20px; }
  .jjunior-cate .cate.green {  border: 5px solid #F1FAEF; }
  .jjunior-cate .cate.green a:focus, .jjunior-cate .cate.green a:active, .jjunior-cate .cate.green a:hover { color: #398127; border-color: #7AC966; background-color: #F1FAEF; }
  .jjunior-cate .cate.blue { border: 5px solid #EEF9FF; }
  .jjunior-cate .cate.blue a:focus, .jjunior-cate .cate.blue a:active, .jjunior-cate .cate.blue a:hover { color: #1F72E2; border-color: #1F72E2; background-color: #EEF9FF; }
  .jjunior-cate .fm-chk { display: none; }
  .jjunior-cate .fm-chk + label { display: flex; align-items: center; padding: 0 20px; height: 40px; font-size: 17px; font-weight: 500; border: 1px solid #EEE8E8; background-color: #fff; border-radius: 20px; cursor: pointer; }
  .jjunior-cate .fm-chk:focus + label, .jjunior-cate .fm-chk:checked + label { color: #D93B0B; border-color: #FA6847; background-color: #FEF1E6; }
  .jjunior-cate a { display: flex; align-items: center; padding: 0 20px; height: 40px; font-size: 17px; font-weight: 500; border: 1px solid #EEE8E8; background-color: #fff; border-radius: 20px; cursor: pointer; text-decoration: none; /* 기본 밑줄 제거 */ color: inherit; /* 기본 글자색 유지 */  }
  .jjunior-cate a:focus, .jjunior-cate a:active, .jjunior-cate a:hover { color: #D93B0B; border-color: #FA6847; background-color: #FEF1E6; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .jjunior-cate .cate { gap: 8px; padding: 12px; margin-top: 12px; border-width: 3px; }
  .jjunior-cate .fm-chk + label { padding: 0 14px; height: 30px; font-size: 15px; }
}
@media all and (max-width: 1023px) { 
  .jjunior-list { display: flex; flex-wrap: wrap; gap: 30px 20px; padding: 30px 0; }
  .jjunior-list .innr { position: relative; width: calc((100% - 40px) / 3); }
  .jjunior-list .item { display: flex; flex-direction: column; gap: 16px; padding: 14px; border: 1px solid rgba(221, 216, 216, 0.8); border-radius: 24px; }
  .jjunior-list .item:hover, .jjunior-list .item.act { border-color: transparent; }
  .jjunior-list .item:hover::before, .jjunior-list .item.act::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border: 2px solid #D93B0B; border-radius: 24px; box-shadow: 13px 14px 11px 0 rgba(0, 0, 0, 0.03), 6px 6px 8px 0 rgba(0, 0, 0, 0.04); }
  .jjunior-list .item:hover .img, .jjunior-list .item.act .img { position: absolute; z-index: -1; opacity: 0; visibility: hidden; }
  .jjunior-list .item:hover .box .tit, .jjunior-list .item.act .box .tit { padding-right: 0; margin-bottom: 5px; font-size: 20px; }
  .jjunior-list .item:hover .box .txt, .jjunior-list .item.act .box .txt { display: -webkit-box; }
  .jjunior-list .item:hover .box .bot, .jjunior-list .item.act .box .bot { display: flex; }
  .jjunior-list .img { width: 100%; height: 160px; border-radius: 12px; overflow: hidden; }
  .jjunior-list .img img { width: 100%; max-width: 100%; height: 100%; object-fit: cover; }
  .jjunior-list .box { transition: all 0.2s; }
  .jjunior-list .box .tit { padding-right: 40px; font-size: 18px; font-weight: 600; color: #424242; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
  .jjunior-list .box .txt { display: none; line-height: 1.4; font-size: 17px; font-weight: 400; color: #424242; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }
  .jjunior-list .box .bot { display: none; align-items: center; gap: 10px; padding-top: 24px; font-size: 13px; font-weight: 500; color: #757575; }
  .jjunior-list .box .bot .like { display: flex; align-items: center; gap: 6px; }
  .jjunior-list .box .bot .like.act { color: #FA6847; }
  .jjunior-list .box .bot .like.act .ico { background: url("/cloud/j/images/job/ico-like-act.svg") no-repeat 50% 50%; }
  .jjunior-list .box .bot .like .ico { display: flex; align-items: center; min-width: 20px; height: 20px; background: url("/cloud/j/images/job/ico-like.svg") no-repeat 50% 50%; background-size: 100% auto; }
  .jjunior-list .box .bot .hit { display: flex; align-items: center; gap: 6px; }
  .jjunior-list .box .bot .hit .ico { display: flex; align-items: center; min-width: 20px; height: 20px; background: url("/cloud/j/images/job/ico-read.svg") no-repeat 50% 50%; background-size: 100% auto; }
  .jjunior-list .chk { position: absolute; bottom: 6px; right: 14px; }
  .jjunior-list .fm-chk { display: none; }
  .jjunior-list .fm-chk + label { display: inline-flex; align-items: center; min-width: 36px; height: 36px; border: 1px solid #BBB; background: #fff url("/cloud/j/images/job/ico-lab.svg") no-repeat 50% 50%; border-radius: 36px; cursor: pointer; }
  .jjunior-list .fm-chk:focus + label, .jjunior-list .fm-chk:checked + label { border-color: #FA6847; background: #FA6847 url("/cloud/j/images/job/ico-lab-act.svg") no-repeat 50% 50%; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .jjunior-list { gap: 20px; }
  .jjunior-list .innr { width: calc((100% - 20px) / 2); }
  .jjunior-list .img img { display: block; width: 100%; height: auto; object-fit: cover; }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .jjunior-list { gap: 20px; }
  .jjunior-list .innr { width: 100%; }
  .jjunior-list .item { min-height: 231px; }
  .jjunior-list .box .bot { padding-top: 48px; }
}
@media all and (max-width: 1023px) { 
  .jjunior-more { padding-bottom: 116px; text-align: center; }
  .jjunior-more .bt-more { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 40px; min-height: 41px; font-size: 18px; font-weight: 500; color: #757575; border: 1px solid #bdbdbd; background-color: #fff; border-radius: 20px; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.05); }
  .jjunior-more .bt-more:hover { color: #fff; border-color: #FA6847; background-color: #FA6847; }
  .jjunior-more .bt-list { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 40px; min-height: 41px; font-size: 18px; font-weight: 500; color: #757575; border: 1px solid #bdbdbd; background-color: #fff; border-radius: 20px; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.05); }
  .jjunior-more .bt-list:hover { color: #fff; border-color: #FA6847; background-color: #FA6847; }
  .jjunior-detail { padding: 12px 10px; margin-bottom: 60px; background-color: #F5F5F5; border-radius: 20px; }
  .jjunior-detail .detail-top { display: flex; justify-content: space-between; padding: 13px 30px; }
  .jjunior-detail .detail-top .tit { display: flex; align-items: center; gap: 18px; font-size: 15px; color: #424242; }
  .jjunior-detail .detail-top .tit span { display: flex; align-items: center; gap: 8px; font-weight: 400; }
  .jjunior-detail .detail-top .tit strong { font-weight: 600; }
  .jjunior-detail .detail-top .lab { display: flex; align-items: center; gap: 10px; }
  .jjunior-detail .detail-tit { text-align: center; }
  .jjunior-detail .detail-tit h3 { display: inline-flex; align-items: center; justify-content: center; padding: 0 50px; font-size: 32px; font-weight: 700; color: #fff; background-color: #FA6847; border-radius: 60px; }
  .jjunior-detail .detail-bot { padding: 24px 0; background-color: #fff; border-radius: 20px; }
  .jjunior-detail .detail-con { display: flex; align-items: center; justify-content: center; gap: 40px; padding: 0 20px; padding-top: 18px; background-color: #fff; }
  .jjunior-detail .detail-con .img { width: 440px; }
  .jjunior-detail .detail-con .tit { width: 100%; line-height: 1.5; font-size: 26px; font-weight: 500; text-align: center; color: #424242; padding: 0 20px 0 10px; }
  .jjunior-detail .detail-con .tit br { display: none; }
  .jjunior-detail .detail-con .tit em { font-size: 32px; font-weight: 400; font-family: var(--font-jalnan); }
  .jjunior-detail .detail-con .tit span.sub_txt {font-size: 22px; font-weight: 400;display: block;margin-top:5px}
  .jjunior-detail .detail-con .tit .tag { display: flex; gap: 5px; margin-top: 20px; justify-content: center; flex-wrap: wrap; }
  .jjunior-detail .detail-con .tit .tag span { font-size: 16px; color: #616161; padding: 4px 10px; border-radius: 30px; border: 1px solid #ddd; } 
  .jjunior-detail .fm-chk-labl { display: flex; align-items: center; padding: 0 16px 0 8px; border: 1px solid #BBB; background-color: #fff; border-radius: 36px; cursor: pointer; position: relative; }
  .jjunior-detail .fm-chk-labl::before { content: ""; min-width: 36px; height: 36px; background: url("/cloud/j/images/job/ico-lab.svg") no-repeat 50% 50%; }
  .jjunior-detail .fm-chk-labl.selected { color: #fff; border-color: #FA6847; background-color: #FA6847; }
  .jjunior-detail .fm-chk-labl.selected::before { content: ""; min-width: 36px; height: 36px; background: url("/cloud/j/images/job/ico-lab-act.svg") no-repeat 50% 50%; }
  .jjunior-detail .fm-chk-labl.selected .tooltip-toast { display: block; top: -10px; }
  /* .jjunior-detail .fm-chk-labl .tooltip-toast { display: none; } */
  .jjunior-detail .fm-chk-like { display: flex; align-items: center; padding: 0 16px 0 8px; border: 1px solid #BBB; background-color: #fff; border-radius: 36px; cursor: pointer; }
  .jjunior-detail .fm-chk-like::before { content: ""; min-width: 36px; height: 36px; background: url("/cloud/j/images/job/ico-like.svg") no-repeat 50% 50%; }
  .jjunior-detail .fm-chk-like.selected { color: #fff; border-color: #FA6847; background-color: #FA6847; }
  .jjunior-detail .fm-chk-like.selected::before { content: ""; min-width: 36px; height: 36px; background: url("/cloud/j/images/job/ico-like-act2.svg") no-repeat 50% 50%; }
  .jjunior-detail .fm-chk-like.selected .tooltip-toast { display: block; top: -10px; }
  .jjunior-detail .fm-chk-like .tooltip-toast { display: none; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .jjunior-detail .detail-top { flex-direction: column; align-items: center; gap: 20px; }
  .jjunior-detail .detail-con { flex-direction: column; word-break: keep-all; }
  .jjunior-detail .detail-con .img { text-align: center; }
  .jjunior-detail .detail-con .img img { width: 60%; }
}
@media (max-width: 1023px) and (max-width: 550px) {  
  .jjunior-detail .detail-top { flex-direction: column;  align-items: center;  gap: 10px; }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .jjunior-detail .detail-tit h3 { padding: 10px 30px; line-height: 1; font-size: 24px; }
  .jjunior-detail .detail-con { gap: 20px; word-break: keep-all; }
  .jjunior-detail .detail-con .img { width: 440px; }  
  .jjunior-detail .detail-con .tit { line-height: 1.2; font-size: 20px; }
  .jjunior-detail .detail-con .tit em { font-size: 24px; }
}
@media all and (max-width: 1023px) { 
  .jjunior-info .line { display: block; margin: 30px 0 40px 0; border-bottom: 1px solid #E0E0E0; }
  .jjunior-info .info-tit { padding-bottom: 15px; }
  .jjunior-info .info-tit h4 { padding-left: 40px; font-size: 24px; font-weight: 700; color: #424242; background: url("/cloud/j/images/job/info-tit.svg") no-repeat 0 0; }
  .jjunior-info .info-wrp ul { display: flex; flex-direction: column; gap: 2px; padding: 0 30px; }
  .jjunior-info .info-wrp ul li { display: flex; gap: 5px; font-size: 20px; font-weight: 500; word-break: keep-all; color: #616161; }
  .jjunior-info .info-wrp ul li::before { content: ""; min-width: 30px; height: 30px; background: url("/cloud/j/images/job/ico-dot.svg") no-repeat 50% 50%; }
  .jjunior-info .info-apt { display: flex; flex-direction: column; gap: 32px; }
  .jjunior-info .info-apt .innr { display: flex; align-items: center; width: 100%; }
  .jjunior-info .info-apt .ico { display: flex; align-items: center; justify-content: center; }
  .jjunior-info .info-apt .ico i { min-width: 80px; height: 80px; }
  .jjunior-info .info-apt .tit { font-size: 20px; font-weight: 600; }
  .jjunior-info .info-apt .card { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 20px 0; min-width: 160px; height: 160px; background-color: #F5F5F5; border-radius: 24px; justify-content: center; }
  .jjunior-info .info-apt .text { padding: 0 30px; font-size: 20px; font-weight: 500; color: #616161; word-break: keep-all; }
  .jjunior-info .info-apt .text .tit { line-height: 40px; font-size: 22px; font-weight: 700; color: #424242; }
  .jjunior-info .info-job { display: flex; flex-direction: column; gap: 32px; }
  .jjunior-info .info-job .innr { display: flex; align-items: center; width: 100%; }
  .jjunior-info .info-job .innr + .innr { padding-top: 30px; border-top: 1px solid #E0E0E0; }
  .jjunior-info .info-job .ico { display: flex; align-items: center; justify-content: center; }
  .jjunior-info .info-job .ico i { min-width: 80px; height: 130px; background-size: auto 100%; }
  .jjunior-info .info-job .box { display: flex; align-items: center; }
  .jjunior-info .info-job .text .box .tit { font-size: 22px; font-weight: 700; color: #424242; }
  .jjunior-info .info-job .text .box .txt { font-size: 22px; font-weight: 400; color: #424242; }
  /* .jjunior-info .info-job .tit { font-size: 18px; font-weight: 600; }
  .jjunior-info .info-job .txt { font-size: 18px; font-weight: 400; text-align: center; } */
  .jjunior-info .info-job .text .box .txt:before { content: "-"; padding: 0 5px; min-width: 35px; height: 35px; }
  .jjunior-info .info-job .card { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 10px 0; min-width: 160px; height: 160px; background-color: #F5F5F5; border-radius: 24px; }
  .jjunior-info .info-job .text { padding: 0 16px; font-size: 20px; font-weight: 500; color: #616161; }
  .jjunior-info .info-job .text ul { display: flex; flex-direction: column; gap: 2px; }
  .jjunior-info .info-job .text ul li { display: flex; gap: 5px; font-size: 20px; font-weight: 500; word-break: keep-all; color: #616161; }
  .jjunior-info .info-job .text ul li::before { content: ""; min-width: 30px; height: 30px; background: url("/cloud/j/images/job/ico-dot.svg") no-repeat 50% 50%; }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .jjunior-info .info-tit h4 { padding-left: 30px; font-size: 20px; background-position: 0 2px; background-size: 24px auto; }
  .jjunior-info .info-wrp ul { gap: 8px; padding: 0 ; }
  .jjunior-info .info-wrp ul li { font-size: 17px; }
  .jjunior-info .info-wrp ul li::before { margin-top: 2px; min-width: 20px; height: 20px; background-size: 6px auto; }
  .jjunior-info .info-apt { flex-direction: row; gap: 16px; }
  .jjunior-info .info-apt .innr { flex-direction: column; gap: 8px; }
  .jjunior-info .info-apt .ico i { min-width: 80px; height: 80px; }
  .jjunior-info .info-apt .tit { font-size: 20px; font-weight: 600; }
  .jjunior-info .info-apt .card { padding: 20px 0; min-width: 140px; height: 140px; }
  .jjunior-info .info-apt .text { padding: 0 10px; font-size: 15px; }
  .jjunior-info .info-apt .text .tit { line-height: 40px; font-size: 20px; font-weight: 700; color: #424242; }
  .jjunior-info .info-job { flex-direction: row; gap: 16px; }
  .jjunior-info .info-job .innr { flex-direction: column; gap: 8px; }
  .jjunior-info .info-job .innr + .innr { padding-top: 0; border-top: 0 solid #E0E0E0; }
  .jjunior-info .info-job .ico i { min-width: 70px; height: 120px; background-size: auto 100%; }
  .jjunior-info .info-job .box { flex-direction: column; }
  .jjunior-info .info-job .tit { font-size: 18px; }
  .jjunior-info .info-job .txt { font-size: 18px; }
  .jjunior-info .info-job .txt:before { display: none; }
  .jjunior-info .info-job .card { min-width: 140px; height: 160px; }
  .jjunior-info .info-job .text { padding: 0; }
  .jjunior-info .info-job .text ul li { gap: 0; font-size: 15px; }
  .jjunior-info .info-job .text ul li::before { min-width: 20px; height: 20px; background-size: 6px auto; }
  .jjunior-info .info-job .text .box { display: flex; align-items: center; }
  .jjunior-info .info-job .text .box .tit { font-size: 20px; font-weight: 700; color: #424242; }
  .jjunior-info .info-job .text .box .txt { font-size: 16px; font-weight: 400; color: #424242; }
  .jjunior-info .info-job .text .box .txt:before { content: "-"; padding: 0 5px; min-width: 35px; height: 35px; }
}
@media (max-width:480px){ /*20251222 단계추가*/
  .jjunior-info .info-job {  flex-direction: column;  gap: 16px;   }
}
@media all and (max-width: 1023px) { 
  .jjunior-flex { display: flex; flex-direction: column; gap: 20px; }
  .jjunior-flex .info-box { padding: 20px; background-color: #F6F6F6; border-radius: 20px; }
  .jjunior-flex .info-tit { padding-bottom: 15px; }
  .jjunior-flex .info-tit h4 { padding-left: 40px; font-size: 24px; font-weight: 700; color: #424242; background: url("/cloud/j/images/job/info-tit.svg") no-repeat 0 4px; }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .jjunior-flex .info-tit h4 { padding-left: 30px; font-size: 20px; background-position: 0 2px; background-size: 24px auto; }
}
@media all and (max-width: 1023px) { 
  .jjunior-flex .info-web { display: flex; gap: 20px; width: 100%; }
  .jjunior-flex .info-web .innr { width: 100%; max-width: 285px; }
  .jjunior-flex .info-web .item { display: flex; flex-direction: column; gap: 16px; position: relative; background: #FFF; border-radius: 20px; overflow: hidden; }
  .jjunior-flex .info-web .item:hover::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border: 3px solid #FA6847; border-radius: 20px; }
  .jjunior-flex .info-web .item:hover .txt { color: #000; text-decoration: underline; text-underline-offset: 3px; }
  .jjunior-flex .info-web .item .img.plus-w { display: flex; justify-content: center; background-color: #ebebf7; width: 100%; }
  .jjunior-flex .info-web .item .img.plus-w img.plus { width: 100px; height: auto; }
  .jjunior-flex .info-web .lab { position: absolute; top: 7px; right: 7px; }
  .jjunior-flex .info-web .lab .ico-mov { display: flex; align-items: center; padding: 0 16px; height: 30px; font-size: 16px; font-weight: 500; color: #fff; background-color: #FA6847; border-radius: 30px; }
  .jjunior-flex .info-web .img { height: 196px; border-radius: 16px; overflow: hidden; }
  .jjunior-flex .info-web .img img { width: auto; height: 100%; }
  .jjunior-flex .info-web .box { padding: 0 30px 20px 30px; }
  .jjunior-flex .info-web .txt { line-height: 1.4; font-size: 20px; font-weight: 500; text-align: center; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .jjunior-flex .info-web { flex-direction: column; }
  .jjunior-flex .info-web .txt { font-size: 17px; }
}
@media all and (max-width: 1023px) { 
  .jjunior-flex .info-key { width: 100%; min-width: auto; }
  .jjunior-flex .info-key .keyword { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 10px; padding: 20px; height: 280px; background: #FFF; border-radius: 20px; }
  .jjunior-flex .info-key .keyword .link { display: flex; align-items: center; padding: 0 20px; height: 40px; font-size: 18px; font-weight: 500; color: #676767; border: 2px solid #EFEFEF; background-color: #FFF; border-radius: 30px; }
  .jjunior-flex .info-key .keyword .link:hover { color: #fff; border-color: #FA6847; background-color: #FA6847; }
  .jjunior-flex .info-key .innr { width: 100%; }
  .jjunior-flex .info-key .item { display: flex; flex-direction: column; gap: 16px; position: relative; background: #FFF; border-radius: 20px; overflow: hidden; /*align-items: center;*/  justify-content: center; }
  .jjunior-flex .info-key .item:hover::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border: 3px solid #FA6847; border-radius: 20px; }
  .jjunior-flex .info-key .item:hover .txt { color: #000; text-decoration: underline; text-underline-offset: 3px; }
  .jjunior-flex .info-key .item .img { display: flex; justify-content: center; width: auto; }
  .jjunior-flex .info-key .item .img img { width: 100%; height: 280px; }
  .jjunior-flex .info-key .item .txt-tag { position: absolute; top: 10px; right: 10px; display: flex; align-items: center; padding: 0 16px; height: 30px; font-size: 16px; font-weight: 500; color: #fff; background-color: #FA6847; border-radius: 30px; }
  .jjunior-flex .info-key .item .img.plus-w { display: flex; justify-content: center; background-color: #ebebf7; width: 100%; height: 210px; }
  .jjunior-flex .info-key .item .img.plus-w img.plus { width: 100px; height: auto; }
  .jjunior-flex .info-key .item .box .txt { font-size: 20px; color: #424242; font-weight: 500; }
  /* Swiper 컨테이너 */
  .info-key-slick { position: relative; width: 100%; height: 100%; overflow: hidden; }
  /* Swiper 래퍼 */
  .info-key-slick .swiper-wrapper { display: flex; width: 100%; height: 100%; transition-property: transform; box-sizing: content-box; }
  /* 각 슬라이드 */
  .info-key-slick .swiper-slide { flex-shrink: 0; width: 100%;   /* 한 화면에 1개만 보이도록 */ height: auto; box-sizing: border-box; }
  .info-key-slick .slick-arrow { width: 48px; height: 48px; margin-top: 6px; background-color: var(--color-white); border-radius: 50%; border: 1px solid #ddd; box-shadow: 4px 6px 10px 0 rgba(156, 156, 156, 0.2); }
  .info-key-slick .slick-arrow:hover { background-color: #FEF1E6; border: 2px solid #FA6847; }
  .info-key-slick .slick-arrow.slick-disabled { background-color: var(--color-white); border: 1px solid #c1c1c1; opacity: 0.9; }
  .info-key-slick .slick-arrow.slick-disabled::before { opacity: 0.25; }
  .info-key-slick .slick-prev { left: 0px; z-index: 3; top: 50%; }
  .info-key-slick .slick-prev::before { content: ""; position: absolute; left: 50%; top: 50%; width: 13px; height: 22px; margin: -11px 0 0 -8px; background: url("/cloud/j/images/job/junior_video_slick_arrow.svg") center no-repeat; }
  .info-key-slick .slick-next { right: 0px; z-index: 3; top: 50%; }
  .info-key-slick .slick-next::before { content: ""; position: absolute; left: 50%; top: 50%; width: 13px; height: 22px; margin: -11px 0 0 -5px; background: url("/cloud/j/images/job/junior_video_slick_arrow.svg") center no-repeat; transform: rotateZ(180deg); }
  .footer-junior { background-color: #fff !important; }
  .foot-contain { display: flex; flex-direction: column; gap: 20px; position: relative; padding: 0 20px; padding-bottom: 80px; margin: 0 auto; max-width: 1400px; width: 100%; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .foot-contain { padding-bottom: 120px; }
}
@media all and (max-width: 1023px) { 
  .foot-contain + .foot-contain { flex-direction: column-reverse; padding-top: 32px; padding-bottom: 32px; margin-top: 32px; border-top: 1px solid #bdbdbd; }
  .foot-contain .sub-wrap { display: flex; flex-direction: column; align-items: flex-end; position: relative; width: 100%; color: #616161; }
  .foot-contain .sub-wrap .log { position: absolute; top: 0; left: 0; padding-bottom: 38px; font-size: 35px; font-family: var(--font-jalnan); color: #757575; }
  .foot-contain .sub-wrap .tit { font-size: 16px; font-weight: 500; }
  .foot-contain .sub-wrap .tel { display: flex; align-items: center; height: 51px; font-size: 32px; font-weight: 700; }
  .foot-contain .sub-wrap .dat { position: absolute; bottom: 0; left: 0; font-size: 16px; font-weight: 500; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .foot-contain .sub-wrap .log { font-size: 30px; }
  .foot-contain .sub-wrap .tel { font-size: 26px; }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .foot-contain .sub-wrap .log { font-size: 24px; }
  .foot-contain .sub-wrap .tit { padding-top: 5px; font-size: 14px; }
  .foot-contain .sub-wrap .tel { font-size: 20px; }
  .foot-contain .sub-wrap .dat { bottom: 12px; }
}
@media all and (max-width: 1023px) { 
  .foot-contain .fnb-wrap { width: 100%; }
  .foot-contain .fnb-wrap ul { display: flex; justify-content: space-between; gap: 40px; }
  .foot-contain .fnb-wrap ul li a { display: flex; align-items: center; min-height: 40px; font-size: 20px; font-weight: 700; color: #424242; }
  .foot-contain .fnb-wrap ul li a:hover { color: #FA6847; text-decoration: underline; text-underline-offset: 3px; }
  .foot-contain .fnb-wrap ul li ul { flex-direction: column; gap: 2px; }
  .foot-contain .fnb-wrap ul li ul li a { display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #9e9e9e; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .foot-contain .fnb-wrap { display: none; }
  .foot-contain .fnb-wrap ul { gap: 10px; }
}
@media all and (max-width: 1023px) { 
  .foot-contain .etc-wrap { display: flex; align-items: center; justify-content: space-between; gap: 0; position: absolute; bottom: 0; right: 20px; left: 20px; }
  .foot-contain .etc-wrap .ing .site-junior { padding: 0 23px; width: 226px; height: 52px; color: #9E9E9E; border: 1px solid #BDBDBD; background: #FAFAFA url("/cloud/j/images/job/fm-sel.svg") no-repeat 94% 50%; appearance: none; }
  .foot-contain .etc-wrap .ing .bt-going { padding: 0 23px; height: 52px; font-size: 16px; font-weight: 500; white-space: nowrap; color: #fff; background-color: #424242; }
  .foot-contain .etc-wrap .ing fieldset { display: flex; align-items: center; }
  .foot-contain .etc-wrap .sns { display: flex; align-items: center; gap: 40px; }
  .foot-contain .etc-wrap .sns strong { font-size: 16px; font-weight: 500; color: #757575; }
  .foot-contain .etc-wrap .sns ul { display: flex; align-items: center; gap: 38px; padding-top: 0; }
  .foot-contain .etc-wrap .sns .ico { display: flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; }
  .foot-contain .etc-wrap .sns .ico-sns1 { background: url("/cloud/j/images/job/ico-sns1.svg") no-repeat 50% 50%; }
  .foot-contain .etc-wrap .sns .ico-sns2 { background: url("/cloud/j/images/job/ico-sns2.svg") no-repeat 50% 50%; }
  .foot-contain .etc-wrap .sns .ico-sns3 { background: url("/cloud/j/images/job/ico-sns3.svg") no-repeat 50% 50%; }
  .foot-contain .etc-wrap .sns .ico-sns4 { background: url("/cloud/j/images/job/ico-sns4.svg") no-repeat 50% 50%; }
  .foot-contain .etc-wrap .sns .ico-sns5 { background: url("/cloud/j/images/job/ico-sns5.svg") no-repeat 50% 50%; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .foot-contain .etc-wrap { flex-direction: column; gap: 20px; }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .foot-contain .etc-wrap .sns { gap: 20px; }
  .foot-contain .etc-wrap .sns strong { font-size: 13px; }
  .foot-contain .etc-wrap .sns ul { gap: 24px; }
}
@media all and (max-width: 1023px) { 
  .foot-contain .add-wrap { width: 100%; }
  .foot-contain .add-wrap br { display: none; }
  .foot-contain .add-wrap address, .foot-contain .add-wrap cite { line-height: 1.6; font-size: 14px; font-weight: 500; font-style: normal; word-break: keep-all; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .foot-contain .add-wrap { text-align: center; }
}
@media (max-width: 1023px) and (max-width: 480px) { 
  .foot-contain .add-wrap address { font-size: 14px; word-break: normal; }
  .foot-contain .add-wrap cite { font-size: 11px; }
}
@media all and (max-width: 1023px) { 
  .foot-contain .and-wrap ul { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 32px; }
  .foot-contain .and-wrap ul li a { display: flex; align-items: center; line-height: 1.4; font-size: 16px; font-weight: 500; white-space: nowrap; color: #757575; }
  .foot-contain .and-wrap ul li a:hover { color: #FA6847; text-decoration: underline; text-underline-offset: 3px; }
}
@media (max-width: 1023px) and (max-width: 768px) { 
  .foot-contain .and-wrap ul { justify-content: center; gap: 10px 20px; }
}
/* tooltip-toast */
.tooltip-toast {position:relative;animation: fadeOut 2s forwards;}
.tooltip-toast span {visibility: visible;opacity: 1;transition: all 0.3s;position:absolute;bottom:calc(100% + 4px);left:50%;margin-left:5px;padding:12px 20px 11px;border:2px solid #FA6847;border-radius:15px;background:#fff;font-size:15px;line-height:21px;font-weight:700;color:#FA6847;letter-spacing:-1.5px;white-space:nowrap;transform:translateX(-50%);z-index: 1000;}
.tooltip-toast span:before {content:'';position:absolute;top:100%;left:25%;width:0;height:0;border-top:7px solid #FA6847;border-left:6px solid transparent;border-right:6px solid transparent;transform:translateX(-50%);}
.tooltip-toast span:after {content:'';position:absolute;top:100%;left:25%;width:0;height:0;border-top:4px solid #fff;border-left:3px solid transparent;border-right:3px solid transparent;transform:translateX(-50%);}