body{
  background: #000826;
}

/* 섹션 타이틀 */
.section-title {
  line-height: 1.4;
  font-size: 4.4rem;
  letter-spacing: -2%;
}
.section-title span:nth-child(2){
  font-size: 4.8rem;
}
.section-space {
  padding: 160px 0 0 0;
}
.section-sub-title {
  font-size: 4rem;
}
.title-space {
  margin-bottom: 58px;
}
/* 버튼 타입 */
.btn-type-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #F37321;
  border-radius: 999px;
  box-sizing: border-box;
  transition: all 0.3s;
}
.btn-type-1:hover { 
  background: #E8630E;
}

@media (max-width: 1320px) {
  .con {
    padding: 0 40px;
    max-width: inherit;
  }
  .section-title {
    line-height: 1.4;
    font-size: 3.8rem;
  }
  .section-title span:nth-child(2){
    font-size: 4.1rem;
  }
  .section-space {
    padding: 140px 0 0 ;
  }
  .section-sub-title {
    font-size: 3rem;
  }
  .title-space {
    margin-bottom: 50px;
  }
}
@media (max-width: 1200px) {
  .section-title {
    line-height: 1.4;
    font-size: 3.0rem;
  }
  .section-title span:nth-child(2){
    font-size: 3.2rem;
  }
  .section-space {
    padding: 120px 0 0;
  }
  .section-sub-title {
    font-size: 3rem;
  }
}
@media (max-width: 767px) {
  .title-space {
    margin-bottom: 40px;
  }
  .con {
    padding: 0 20px;
  }
  .section-title {
    line-height: 1.4;
    font-size: 2.4rem;
  }
  .section-title span:nth-child(2){
    font-size: 2.2rem;
  }

  .section-space {
    padding: 100px 0 0;
  }
  .section-sub-title {
    font-size: 2.2rem;
  }
}
/* br style */
br.pc-ver {
  display: block;
}
br.mb-ver {
  display: none;
}
@media (max-width: 767px) {
  br.mb-ver {
    display: block;
  }
  br.pc-ver {
    display: none;
  }
}
/* ------------------------------------------------------------------------------- */
/* 픽스 버튼 */
.fix-btn {
  height: 60px;
  border-radius: 999px;
  border: 3px solid #000;
  background: linear-gradient(104deg, #F37321 -3.02%, #E8630E 103.02%);
  font-size: 24px;
  right: 11.9791%;
  bottom: 60px;
  padding: 0 21px 0 52px;
}
.fix-btn:hover {
  background: linear-gradient(104deg, #E8630E -3.02%, #F37321 103.02%);
}
.fix-btn::after {
  content: "";
  display: block;
  width: 102px;
  height: 73.45px;
  background: url(../img/bear_img.svg) no-repeat center center/cover;
  position: absolute;
  top: -5px;
  left: -51px;
}
.fix-btn-2 {
  height: 60px;
  background: linear-gradient(104deg, #F37321 -3.02%, #E8630E 103.02%);
  font-size: 17px;
  display: none;
}
.fix-btn-2:hover {
  background: linear-gradient(104deg, #E8630E-3.02%, #F37321 103.02%);
}
@media (max-width: 1320px) {
  .fix-btn {
    display: none;
  }
  .fix-btn-2 {
    display: flex;
  }
}
/* ------------------------------------------------------------------------------- */

/* 사이드 메뉴 영역 */
.side-menu-area {
  top: 0;
  right: -150%;
  transition: all 0.3s;
}
.side-menu-area.active {
  right: 0;
}
.side-menu-area .top-box {
  height: 64px;
  box-sizing: border-box;
  padding: 0 40px;
}
.side-menu-area .top-box .logo-box {
  width: 102px;
}
.side-menu-area .top-box .x-btn {
  width: 28px;
}
.side-menu-area .menu-box {
  margin-top: 104px;
  text-align: center;
}
.side-menu-area .menu-box li a {
  display: inline-block;
  font-size: 18px;
}
.side-menu-area .menu-box li:not(:first-child) a {
  margin-top: 60px;
}
.side-menu-area .menu-box li a.active {
  color: #F37321;
}
.side-menu-area .btn-box {
  margin-top: 48px;
}
.side-menu-area .btn-box > a {
  width: 200px;
  height: 42px;
  border-radius: 24px;
  font-size: 18px;
  color: #fff;
  background: #F37321;
}

@media (max-width: 767px) {
  .side-menu-area .top-box {
    height: 56px;
    padding: 0 20px;
  }
  .side-menu-area .top-box .logo-box {
    width: 160px;
  }
}

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

/* 헤더 영역 */
.header-area {
  height: 88px;
}
.header-area.active {
  background: #000826;
  border-bottom: 1px solid #333;
}
.header-area .logo-box {
  width: 180px;
}
.header-area .right-box {
  gap: 40px;
}
.header-area .right-box .menu-box li:not(:first-child) > a {
  margin-left: 32px;
}
.header-area .right-box .menu-box li a {
  font-size: 16px;
  color: #fff;
}
.header-area .right-box .menu-box li a:hover{
  color: #F37321;
}
.header-area .right-box .menu-box li a.active {
  color: #F37321;
}
.header-area .right-box .btn-box .btn {
  /* width: 120px;
  height: 40px;
  background: #F37321; */
  color: #fff;
  font-size: 17px;
  border-radius: 999px;
}
.header-area .right-box .btn-box .btn:hover {
  color: #F37321;
}
.header-area .ham-btn {
  width: 28px;
  right: 40px;
  display: none;
}

@media (max-width: 1320px) {
  .header-area {
    height: 64px;
  }
  .header-area .logo-box {
    width: 180px;
  }
  .header-area .right-box {
    display: none;
  }
  .header-area .ham-btn {
    display: block;
  }
}

@media (max-width: 767px) {
  .header-area {
    height: 56px;
  }
  .header-area .logo-box {
    width: 160px;
  }
  .header-area .ham-btn {
    width: 24px;
    right: 20px;
  }
}

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

/* 메인 비주얼 이미지 */
.pre-bg-item {
  top: 18%;
  right: 14%;
}
.pre-bg-item img {
  height: 40.2vw !important;
}
@media (max-width: 1320px) {
  .pre-bg-item img {
    height: 50.2vw !important;
  }
  .pre-bg-item {
    top: 15%;
    right: 0%;
  }
}

@media (max-width: 1000px) {
  .pre-bg-item {
    top: 32%;
  }
}
@media (max-width: 767px) {
  .pre-bg-item img {
    height: 80vw !important;
  }
  .pre-bg-item {
    top: 45%;
    right: 9%;
  }
}

/* 스크롤 다운 */
.down-img {
  width: 28px;
  bottom: 40px;
  transform: translateY(-30%);
  animation: 1.5s bounce1 3s infinite;
  animation-timing-function: ease-in-out;
  opacity: 1;
}
.down-img.type-1 {
  bottom: 80px;
}
@media (max-width: 767px) {
  .down-img {
    width: 20px;
  }
}


@keyframes bounce1 {
  0% {
    transform: translateY(-30%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30%);
  }
}

@keyframes action_1 {
  50%{
      transform: translateY(3%);
  }
}
@keyframes action_2 {
  50%{
      transform: translateX(10%);
  }
}
@keyframes moving_1 {
  50%{
      transform: translateY(4%);
  }
}
@media (max-width: 540px) {
  .down-img {
    bottom: 20px;
  }
}

/* 메인 비주얼 영역 */
.main-visual-area .text-area > .btn-type-1 {
  width: 240px;
  height: 68px;
  font-size: 3.0rem;
} 


.main-visual-area {
  background: #000826;
  height: 100vh;
}
.main-visual-area .con {
  max-width: 1040px;
}

.main-visual-area .text-area img{
  animation-name: moving_1  ;
  animation-duration: 2.5s;
  animation-delay: 1.5s;
  animation-iteration-count: infinite;

}
.main-visual-area .text-area {
  opacity: 0;
  animation-fill-mode: forwards;
  animation-name: action_2;
  animation-delay: 1.6s;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  color: #000;
}
.main-visual-area .text-area {
  position: relative;
  top: 20%;
}
.main-visual-area .text-area > h1.title-text-1 {
  font-size: 2.6vw;
  margin-top: -1.0vw;
}
.main-visual-area .text-area > h1.title-text-2 {
  font-size: 3.4vw;
  margin-top: 14px;
}
.main-visual-area .text-area > h3 {
  font-size: 34px;
  /* margin-top: 40px; */
}
.main-visual-area .text-area > h5 {
  font-size: 24px;
}

.main-visual-area .text-area .text-mt{
  margin-top: 100px;
  margin-bottom: 24px;
}

@keyframes action_1 {
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes action_2 {
  to {
    opacity: 1;
  }
}
@keyframes action_3 {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 1320px) {

  .main-visual-area .text-area .text-mt {
    margin-top: 80px;
  }
}

@media (max-width: 1280px) {
  .main-visual-area .text-area > .btn-type-1 {
    display: none;
  }
  .main-visual-area .text-area{
    top: 10%;
  }
  .main-visual-area {
    height: 1024px;
    box-sizing: border-box;
    padding-top: 144px;
  }
  .main-visual-area .con {
    align-items: flex-start;
  }
  .main-visual-area .text-area > h1.title-text-1 {
    font-size: 36px;
    /* margin-top: 28px; */
  }
  .main-visual-area .text-area > h1.title-text-2 {
    font-size: 30px;
    margin-top: 12px;
  }
  .main-visual-area .text-area > h3 {
    font-size: 32px;
    /* margin-top: 24px; */
  }
  .main-visual-area .text-area .timer-area {
    margin-top: 95px;
    gap: 34px;
    flex-direction: column;
  }
  .main-visual-area .text-area .timer-area .title-box {
    gap: 4px;
  }
  .main-visual-area .text-area .timer-area .title-box > .img-box {
    width: 16px;
  }
  .main-visual-area .text-area .timer-area .title-box > h3 {
    font-size: 15px;
  }
  .main-visual-area .text-area .timer-area .timer-box > ul {
    margin-top: 16px;
    /* gap: 6px; */
  }
  .main-visual-area .text-area .timer-area .timer-box > ul > li {
    width: 52px;
  }
  .main-visual-area .text-area .timer-area .timer-box > ul > li .text-box-1 {
    height: 46px;
    border-radius: 6px 6px 0 0;
    font-size: 24px;
  }
  .main-visual-area .text-area .timer-area .timer-box > ul > li .text-box-2 {
    height: 16px;
    border-radius: 0 0 6px 6px;
    font-size: 11px;
  }
  .main-visual-area .img-area {
    width: 500px;
    right: 15px;
    top: auto;
    transform: inherit;
    bottom: 10px;
  }

}

@media (max-width: 767px) {
  .main-visual-area .con {
    justify-content: center;
  }
  .main-visual-area {
    padding-top: 100px;
    height: 92vh;
  }
  .main-visual-area .text-area {
    top: 0%;
    text-align: center;
  }
  .main-visual-area .text-area img{
    width: 60%;
  }
  .main-visual-area .text-area > h5 {
    font-size: 3vw;
  }
  .main-visual-area .text-area > h1.title-text-1 {
    font-size: 3.7vw
  }
  .main-visual-area .text-area > h1.title-text-1 br {
    display: block;
  }
  .main-visual-area .text-area > h1.title-text-1 span {
    line-height: 1.8;
  }
  .main-visual-area .text-area > h1.title-text-2 {
    font-size: 32px;
  }
  .main-visual-area .text-area .text-mt {
    margin-top: 40px;
  }
  .main-visual-area .text-area > h3 {
    font-size: 3.4vw
  }
  .main-visual-area .text-area .timer-area {
    margin-top: 352px;
    gap: 48px;
    justify-content: center;
    align-items: center;
  }
  .main-visual-area .text-area .timer-area .title-box > h3 {
    font-size: 15px;
  }
  .main-visual-area .img-area {
    width: 100%;
    max-width: 360px;
    right: auto;
    left: 50%;
    top: 410px;
    transform: translateX(-50%);
    bottom: auto;
  }
  .main-visual-area .text-area > h5.pc-v {display: none!important;}
  .main-visual-area .text-area > h5.mb-v {display: block!important;}
}
@media (max-width: 540px) {
  .main-visual-area {
    padding-top: 80px;
  }
  .pre-title img {
    margin-top: 20px;
    height: calc(100vh - 80vh);
  }
  .main-visual-area .text-area > h5 {
    font-size: 4vw;
  }
  .main-visual-area .text-area > h1.title-text-1 {
    font-size: 6vw
  }

  .main-visual-area .text-area > h3 {
    font-size: 6vw
  }

  
}

.main-visual-area .text-area > h5.pc-v {display: block;}
.main-visual-area .text-area > h5.mb-v {display: none;}


/* ------------------------------------------------------------------------------- */
/* 모집 안내 */
.training-info-area{
}
.training-info-area .tr-info-box-1 p{
  font-size: 2.0rem;
}

.training-info-area .tr-info-box-1 {
  gap: 44px;
  margin-top: 58px;
}
@media (max-width: 1320px) {
  .training-info-area{
  }
}

@media (max-width: 1200px) {
  .training-info-area .tr-info-box-1 p{
    font-size: 1.8rem;
  }  
  .training-info-area .tr-info-box-1 {
    gap: 36px;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .training-info-area{
  }
  .training-info-area .tr-info-box-1 p{
    font-size: 1.6rem;
  }  
  .training-info-area .tr-info-box-1 {
    gap: 28px;
    margin-top: 28px;
  }
}
/* ------------------------------------------------------------------------------- */
/* 이런분께 추천 드려요 */
.recommend-area {}
.cnt-box {
  /* margin-top: 60px; */
  gap: 20px;
}
.recommend-area .cnt-box .list-box {
  width: 100%;
  gap: 20px;
}
.recommend-area .cnt-box .list-box > li {
  width: calc(50% - 20px);
  box-sizing: border-box;
  padding: 56px 52px 0 52px;
  border-radius: 20px;
  overflow: hidden;
}
.recommend-area .cnt-box .list-box-1 > li,
.recommend-area .cnt-box .list-box-2 > li{
  padding: 32px 36px;
  min-height: 300px;
}

/* .recommend-area .cnt-box .list-box-1 > li:first-child,
.recommend-area .cnt-box .list-box-2 > li:last-child {
  padding: 32px 36px;
  min-height: 300px;
}
.recommend-area .cnt-box .list-box-1 > li:last-child,
.recommend-area .cnt-box .list-box-2 > li:first-child {
  padding: 32px 36px;
  min-height: 300px;
} */
.recommend-area .cnt-box .list-box > li .title-box {
  gap: 16px;
}
.recommend-area .cnt-box .list-box > li .title-box > h2 {
  font-size: 24px;
}
.recommend-area .cnt-box .list-box > li .title-box > h1 {
  font-size: 24px;
  align-items: baseline;
  letter-spacing: -0.2px
}
/* .recommend-area .cnt-box .list-box > li .title-box > h1 > span {
  font-size: 24px;
} */
.recommend-area .cnt-box .list-box > li > .img-box {
  width: 17.4137%;
  position: absolute;
  bottom: 20px;
  right:20px;
}

@keyframes expandBackground {
  0% {
    background-size: 0 0;
    opacity: 0;
  }
  100% {
    background-size: 100% 100%;
    opacity: 1;
  }
}

.recommend-area .cnt-box .list-box > li .hover-box {
  display: none;
  box-sizing: border-box;
  padding: 32px;
  border-radius: 20px;
  font-size: 22px;
  transition: all 0.3s;
  background: #F37321;
  background-size: 0 0;
  background-repeat: no-repeat;
  animation: expandBackground 0.5s forwards;
}
.recommend-area .cnt-box .list-box > li:hover .hover-box {
  display: flex;
  animation: expandBackground 0.5s forwards;
}
.recommend-area .cnt-box .list-box > li .hover-box > p {
  font-size: 22px;
  z-index: 1; 
}
.recommend-area .sub-text {
  margin-top: 40px;
  font-size: 28px;
}

/* 리스트 배경색 */
.bg1 {border-radius: 2rem;
    background: #F37321;
    background-blend-mode: multiply;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: opacity(20%);
  }
.bg2 {background: #fff;}


@media (max-width:1320px) {
  .recommend-area .cnt-box {
      /* margin-top: 58px; */
      gap: 20px;
  }
  .recommend-area .cnt-box .list-box {
      /* width: calc(50% - 10px); */
      gap: 20px;
  }
  .recommend-area .cnt-box .list-box > li {
      padding: 36px 28px 0 28px;
      border-radius: 10px;
  }
  .recommend-area .cnt-box .list-box > li > .img-box{
    width: 23%!important;
  }

  /* .recommend-area .cnt-box .list-box-1 > li:first-child,
  .recommend-area .cnt-box .list-box-2 > li:last-child {
      height: 272px;
  }
  .recommend-area .cnt-box .list-box-1 > li:last-child,
  .recommend-area .cnt-box .list-box-2 > li:first-child {
      height: 296px;
  } */
  .recommend-area .cnt-box .list-box > li .title-box {
      gap: 10px;
  }
  .recommend-area .cnt-box .list-box > li .title-box > h2 {
      font-size: 16px;
  }
  .recommend-area .cnt-box .list-box > li .title-box > h1 {
      font-size: 24px;
  }
  /* .recommend-area .cnt-box .list-box > li .title-box > h1 > span {
      font-size: 20px;
  } */
  .recommend-area .cnt-box .list-box > li .hover-box {
      box-sizing: border-box;
      padding: 36px 28px 24px 28px;
      border-radius: 10px;
      font-size: 18px;
  }
  .recommend-area .cnt-box .list-box > li .hover-box > p {
      font-size: 16px;
  }
  .recommend-area .sub-text {
    font-size: 22px;
  }
}
@media (max-width:767px) {
  .recommend-area .cnt-box {
      flex-direction: column;
  }
  .recommend-area .cnt-box .list-box {
      width: 100%;
  }
  .recommend-area .cnt-box .list-box > li {
      width: 100%;
      padding: 32px 20px 0 20px;
  }
  .recommend-area .cnt-box .list-box > li > .img-box{
    width: 80px!important;
  }
  .recommend-area .cnt-box .list-box-1 > li,
  .recommend-area .cnt-box .list-box-2 > li {
    padding: 20px;
    min-height: 144px;
    height: auto;
  }

  /* .recommend-area .cnt-box .list-box-1 > li:first-child,
  .recommend-area .cnt-box .list-box-2 > li:last-child {
    padding: 20px;
    min-height: 144px;
    height: auto;
  }
  .recommend-area .cnt-box .list-box-1 > li:last-child,
  .recommend-area .cnt-box .list-box-2 > li:first-child {
    padding: 20px;
    min-height: 144px;
    height: auto;
  } */
  .recommend-area .cnt-box .list-box > li .title-box {
      gap: 10px;
  }
  .recommend-area .cnt-box .list-box > li .title-box > h2 {
      font-size: 15px;
  }
  .recommend-area .cnt-box .list-box > li .title-box > h1 {
      font-size: 19px;
  }
  .recommend-area .cnt-box .list-box > li > .img-box {
      width: 65.625%;
  }
  .recommend-area .cnt-box .list-box > li .hover-box {
      padding: 32px 20px 24px 20px;
  }
  .recommend-area .cnt-box .list-box > li .hover-box {
      font-size: 17px;
  }
  .recommend-area .sub-text {
    margin-top: 28px;
    font-size: 18px;
  }

}

@media (max-width:540px) {
  .recommend-area .sub-text {
    margin-top: 32px;
    font-size: 17px;
  }
  .recommend-area .cnt-box .list-box > li .title-box > h1 {
    font-size: 17px;
  }
  .recommend-area .cnt-box .list-box-1 > li:first-child,
  .recommend-area .cnt-box .list-box-2 > li:last-child {
    min-height: 160px;
  }
  .recommend-area .cnt-box .list-box-1 > li:last-child,
  .recommend-area .cnt-box .list-box-2 > li:first-child {
    min-height: 160px;
  }
  .recommend-area .cnt-box .list-box > li > .img-box {
    width: 60px!important
}
}
/* ------------------------------------------------------------------------------- */
/* 아카데미 FAQ 영역 */
.academy-area {}







/* ------------------------------------------------------------------------------- */
/* 훈련생 혜택 영역 */
/* swiper slide */
.benefit-area {}

.benefit-icon-box {
  width: 20vw;
  width: 10rem;
  position: absolute;
  right: 24px;
  bottom: 36px;
}
.swiper-area {
  box-sizing: border-box;
  padding: 0 0 0 29.4vw;
}
.swiper-area .swiper-box .swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.swiper-area .swiper-box .swiper .swiper-slide {
  height: 460px;
  background: linear-gradient(148deg, rgba(255, 255, 255, 0.10) 7.22%, rgba(255, 255, 255, 0.10) 89.69%);
  border-radius: 20px;
  padding: 36px;
  box-sizing: border-box;
  overflow: hidden;

  display: block;
  text-align: left;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 60px;

}
/* .swiper-area .swiper-box .swiper .swiper-slide:hover {
  background: #ED7100;
} */
.swiper-area .swiper-box .swiper .swiper-slide > img {
  transition: all 0.3s;
}

.swiper-area .swiper-box .swiper .swiper-slide .text-box {

  /* top: 13%;
  left: 13%; */
}
.swiper-area .swiper-box .swiper .swiper-slide .text-box > h1 {
  font-size: 28px;
  margin-bottom: 24px;
  line-height: 1.4;
}
.swiper-area .swiper-box .swiper .swiper-slide .text-box > span {
  font-size: 20px;
  color: #cacaca
}

.swiper .swiper-pagination {
  margin-top: 60px;
  top: auto !important;
  bottom: 0 !important;
  z-index: 3 !important;
  height: 6px !important;
  background: rgb(255, 255, 255,0.5) !important;
  border-radius: 4px;
  overflow: hidden;
}
.swiper-pagination-progressbar-fill {
  background: #F37321 !important;
  border-radius: 4px !important;
}
@media (max-width:1920px) {
  .swiper-area {
    box-sizing: border-box;
    padding: 0 0 0 24.2vw;
  }
}
@media (max-width:1680px) {
  .swiper-area {
    box-sizing: border-box;
    padding: 0 0 0 19.6vw;
  }
}
@media (max-width:1520px) {
  .swiper-area {
      padding: 0 0 0 18vw;
  }
}

@media (max-width:1320px) {
  .swiper-area {
    padding: 0 0 0 40px
}
  .swiper-area .swiper-box .swiper .swiper-slide {
      border-radius: 24px;
  }
  .swiper-area .swiper-box .swiper .swiper-slide .text-box > h1 {
      font-size: 28px;
  }
  .swiper-area .swiper-box .swiper .swiper-slide .text-box > h2 {
      font-size: 20px;
      margin-top: 12px;
  }
  .swiper-area .swiper-box .swiper .swiper-slide .text-box > h2 > span {
      font-size: 22px;
  }
}
@media (max-width:767px) {
  .swiper-area {
      padding: 0 0 0 20px;
  }
  .swiper-area .swiper-box .swiper .swiper-slide {
    height: 320px;
    border-radius: 16px;
    padding: 24px 28px;
  }
  .swiper-area .swiper-box .swiper .swiper-slide .text-box {
      top: 11%;
      left: 11%;
  }
  .swiper-area .swiper-box .swiper .swiper-slide .text-box > h1 {
      font-size: 19px;
  }
  .swiper-area .swiper-box .swiper .swiper-slide .text-box > h2 {
      font-size: 15px;
      margin-top: 8px;
  }
  .swiper-area .swiper-box .swiper .swiper-slide .text-box > span {
    font-size: 16px;
  }
  .swiper .swiper-slide img {
    width: 80%;
    position: relative;
    bottom: 0;
    right:0;
  }
}



/* ------------------------------------------------------------------------------- */
/* 훈련생 혜택 영역 */
.industry-area {
  padding-bottom: 160px;
}
.benefit-bg{
  background: url(../img/benefit-bottom-bg.png);
  background-repeat: no-repeat;
  background-position: bottom center; /* bottom에 고정 */
  background-size: cover;
}
.industry-slide-box {
  gap: 40px
}
.industry-slide-box li{
  box-sizing: border-box;
  border: 1px solid #F37321;
  padding: 40px;
  border-radius: 24px;
}
.industry-slide-box li .text-1 {
  font-size: 40px;
}
.industry-slide-box li .text-2 {
  margin-top: 16px;
  font-size: 20px;
}
.industry-slide-box li .img-box img{}

@media (max-width: 1320px) {
  .industry-area {
    padding-bottom: 140px;
  }
}
@media (max-width: 767px) {
  .industry-area {
    padding-bottom: 100px;
  }
}
@media (max-width: 1200px) {
  .industry-slide-box {
    gap: 32px
  }
  .industry-slide-box li{
    padding: 32px;
  }
  .industry-slide-box li .text-1 {
    font-size: 32px;
  }
  .industry-slide-box li .text-2 {
    margin-top: 12px;
    font-size: 18px;
  }
}

@media (max-width: 540px) {
  .industry-slide-box {
    gap: 28px
  }
  .industry-slide-box li{
    padding: 28px;
    flex-direction: column;
  }
  .industry-slide-box li .text-1 {
    font-size: 26px;
  }
  .industry-slide-box li .text-2 {
    font-size: 16px;
  }
  .industry-slide-box li:nth-child(2){
    align-items: inherit
  }
  .industry-slide-box li .img-box-1 {
    margin-top: 32px;
  }
  .industry-slide-box li .img-box-2 {
    margin-bottom: 32px;
  }
  .industry-slide-box li .img-box img{
    width: 68%;
    margin: 0 auto;
  }
}

/* ------------------------------------------------------------------------------- */
/* 캐리어패스 */
.careerpath-area {
  margin-bottom: 160px;
}
.careerpath-list {
  margin-top: 120px;
  gap: 12px;
}
.careerpath-list li{
  font-size: 18px;
  border-bottom: 1px solid rgb(255, 255, 255, 0.3);
  padding: 28px 0;
  text-align: center;
  color: #fff;
}
.careerpath-list li:first-child{
  font-size: 20px;
  padding: 28px 0;
  border-bottom: none;
}
.careerpath-list li.title-1{
  background: rgb(255, 255, 255, 0.3);
}
.careerpath-list li.title-2{
  background: #F37321;
}
.careerpath-list ul.list-3 li {
  border-bottom: 0;
}
.careerpath-list ul.list-3 li:nth-child(2){
  height: 74.85%;
}
.careerpath-list ul.list-3 li:last-child{
  border-bottom: 1px solid rgb(255, 255, 255, 0.3);
}

@media (max-width: 1320px) {
  .careerpath-area {
    margin-bottom: 140px;
  }
  .careerpath-list li{
    font-size: 17px;
    padding: 24px 0;
  }
  .careerpath-list ul.list-3 li:nth-child(2) {
    height: 73.5%;
  }
}
@media (max-width: 1320px) {
  .careerpath-list li{
    height: 60px;
    padding: 8px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
  }
  .careerpath-list ul.list-3 li:nth-child(2){
    height: 86%;
  }
}
@media (max-width: 767px) {
  .careerpath-box div > img{
    content: url(../img/careerpath-img-1-m.svg);
  }
  .careerpath-area {
    margin-bottom: 100px;
  }
  .careerpath-list {
    display: block;
  }
  .careerpath-list ul{
    margin-bottom: 40px;
  }
  .careerpath-list .list-1,
  .careerpath-list .list-2 {
    width: 100%;
  }
  .careerpath-list li {
    height: 40px;
    font-size: 16px;
  }
  .careerpath-list li:first-child {
    font-size: 17px;
    padding: 16px 0;
  }

}

/* ------------------------------------------------------------------------------- */
/* 배너 영역 */

.logo-banner-area {
  background: rgb(255, 255, 255, 0.8);
  padding: 92px 0;
}
.logo-banner-area .logo-img-box {
  gap: 40px
}
.logo-banner-area .logo-img-box img{
  width: auto;
  height: 72px;
}

@media (max-width: 1200px) {
  .logo-banner-area {
    padding: 80px 0;
  }
  .logo-img-box{
    flex-wrap: wrap;
  }
  .logo-banner-area .logo-img-box img{
    height: 60px;
  }
}
@media (max-width: 1200px) {
  .logo-banner-area {
    padding: 60px 0;
  }
  .logo-banner-area .logo-img-box img{
    height: 48px;
  }
}


/* ------------------------------------------------------------------------------- */
/* 피드백 영역 */
.feedback-area {

}
.feedback-list-1 {
  gap:20px;
}
.feedback-list-1 li {
  cursor: inherit;
  width: calc(50% - 20px);
  border: 1px solid #F37321;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 36px 36px 0 36px;
  font-size: 28px;
  color: #fff;
  height: 300px;
}
.feedback-list-1 li > .img-box {
  height: 270px;
  position: absolute;
  bottom: 1px;
  right: 20px;
}

.feedback-list-2  {
  margin-top: 48px;
  gap: 20px;
}
.feedback-list-2 li {
  background: rgb(255, 255, 255,0.1);
  border-radius: 20px;
  box-sizing: border-box;
  padding: 46px
}
.feedback-list-2 li span:first-child{
  font-size: 24px;
}
.feedback-list-2 li span:last-child{
  font-size: 20px;
  margin-top: 20px;
}
.feedback-list-2 li img{
  height: 80%;
}

@media (max-width: 1200px) {

  .feedback-list-1 li > .img-box {
    width: 68%;
    height: auto;
  }
  .feedback-list-1 li {
    font-size: 22px;
    padding: 26px 26px 0 26px;
  }
}
@media (max-width: 767px) {
  .feedback-list-1 li {
    width: 100%;
    border-radius: 12px;
    padding: 20px 20px 0 20px;
    font-size: 18px;
    height: 160px;
  }
  .feedback-list-1 li > .img-box {
    width: 160px;
  }
  .feedback-list-2  {
    margin-top: 28px;
    gap: 16px;
  }
  .feedback-list-2 li {
    background: rgb(255, 255, 255,0.1);
    border-radius: 12px;
    box-sizing: border-box;
    padding: 28px
  }
  .feedback-list-2 li span:first-child{
    font-size: 20px;
  }
  .feedback-list-2 li span:last-child{
    font-size: 16px;
    margin-top: 16px;
  }
}
@media (max-width: 540px) {
  .feedback-list-1 li {
    width: 100%;
    border-radius: 12px;
    padding: 20px 20px 0 20px;
    font-size: 18px;
    height: 160px;
  }
  .feedback-list-1 li > .img-box {
    width: 50%;
  }
}

/* ------------------------------------------------------------------------------- */
/* 모집요강 영역 */
.recruit-info-area {}
.recruit-btn-box a{
  font-size: 24px;
  color: #000826;
  padding: 21px 84px;
  border-radius: 999px;
  box-sizing: border-box;
  margin-top: 48px;
  color:#fff
}
.recruit-info-wrap {
  gap: 75px
}
.recruit-info-box {
  gap: 30px
}
.recruit-info-box .list{
  display: flex;
  padding: 20px 0 0 0;
}
.recruit-info-box .list p{
  width: 132px;
  font-size: 24px;
  font-family: "Pretendard-Bold";
  color:#fff;
  padding-top: 4px;
}
.recruit-info-box .list span {
  font-size: 18px;
  font-family: "Pretendard-Medium";
  line-height: 1.6;
}


@media (max-width: 767px) {
  .recruit-info-wrap{
    flex-direction: column;
    gap: 28px;
  }
  .recruit-info-box {
    gap: 24px;
  }
  .recruit-info-box .list p{
    width: 24%;
    font-size: 18px;
    margin-right: 10px;
  }
  .recruit-info-box .list span{
    font-size: 16px;
    width: 100%;
  }
  .recruit-info-box .list {
    padding: 0;
  }
  .recruit-btn-box a{
    font-size: 18px;
    padding: 16px 20px;
  }

}
@media (max-width: 540px) {
  .recruit-info-box .list p{
    font-size: 17px;
  }
  .recruit-info-box .list span{
    font-size: 15px;
  }
}
/* ------------------------------------------------------------------------------- */
/* 비디오영역 */
.youtube-area {
  margin-top: 100px;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 2px;
}
.gr-line{box-sizing: border-box; border: 2px solid transparent; background-image: linear-gradient(45deg, #E26A30, #8731D4), linear-gradient(90deg, #E26A30, #8731D4); background-origin: border-box; background-clip: content-box, border-box; border-radius: 12px;}

.youtube-box {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  /* 21:9 */
  /* padding-bottom: 42.8571%; */
  /* 16:9 */
  padding-bottom: 56.25%;
  /* 4:3 */
  /* padding-bottom: 75%; */
}  
.youtube-box iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.video-wrap {
  gap:20px
}
.video-wrap h5{
  font-size: 2.2rem;
}
.youtube-area.video-2ea {
  width: 1000px;
  gap:20px;
}
.youtube-box.video-half {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  /* 21:9 */
  /* padding-bottom: 42.8571%; */
  /* 16:9 */
  padding-bottom: 56.25%;
  /* 4:3 */
  /* padding-bottom: 75%; */
} 
@media (max-width: 767px) {
  .video-wrap {
    flex-direction: column;
  }
  .video-wrap h5{
    font-size: 1.8rem;
    text-align: center;
  }
  .video-wrap.video-mt{
    margin-top: 40px;
  }
  .youtube-area.video-2ea {
    width: 100%;
    margin-top: 0px;
  }
}

/* ------------------------------------------------------------------------------- */
/* 선발절차 */
.process-area {}
.process-box-2 {
  font-size: 16px;
}
.process-box-1 {
  gap: 20px;
  color: #fff
}
.process-box-1 .desc {
  font-size: 16px;
  margin-top: 20px;
}
.process-box-1 li{
  width: 100%;

}
.process-box-1 li .line{
  border-top: 2px solid #ACACAC;
  border-bottom: 2px solid #ACACAC;
  padding: 28px 0px 40px 0; 
}
.process-box-1 li .line-2{
  border-top: 2px solid #F37321;
  border-bottom: 2px solid #ACACAC;
  padding: 28px 0px 40px 0; 
}
.process-box-1 li div > p {
  font-size: 24px;
  padding-left: 8px 0;
  margin-bottom: 24px;
}
.process-box-1 li div > span {
  font-size: 18px;
  color: #cacaca
}
.process-box-2 {
  margin-top: 80px;
}
.process-box-2 p.title {
  border: 1px solid #F37321;
  border-radius: 24px;
  color: #F37321;
  padding: 8px 20px;
  display: inline-block;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.process-box-2 ul li {
  display: flex;
  align-items: center;
  padding: 8px
}
.process-box-2 ul li > p{
  width: 100px;
}
.process-box-2 ul li > span {
  color: #cacaca;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .process-box-1{
    flex-wrap: wrap;
    flex-direction: column;
    gap: 40px;
  }
  .process-box-1 li div > p {
    font-size: 20px;
  }
  .process-box-1 li div > span {
    font-size: 16px;
  }
  .process-box-1 li .line{
    border-top: 0;
  }
  /* .process-box-1 li:first-child{
    border-top: 1px solid #fff
  } */
  .process-box-1 li .line-2 {
    border-top: 2px solid #fff
  }
}
@media (max-width: 640px) {
  .process-box-2{
    flex-direction: column;
    margin-top: 68px;
  }
  .process-box-2 ul li {
    padding: 4px 0
  }
  .p-box-2-left,
  .p-box-2-right {
    width: 100%!important;
  }
  .p-box-2-right {
    margin-top: 28px;
  }
}


/* ------------------------------------------------------------------------------- */
/* FAQ 영역 */
.faq-area {
  padding-bottom: 160px;
}
.faq-area .tab-menu-box {
  gap: 12px;
  margin-bottom: 68px;
}
.faq-area .tab-menu-box li a {
  font-size: 24px;
  padding: 24px;
  border-radius: 4px;
  border: 1px solid #F37321;
  color: #F37321;
  box-sizing: border-box;
}
.faq-area .tab-menu-box li a.active {
  background-color: #F37321;
  color: #fff;
}
.faq-area .list-box {
  /* gap: 40px; */
}
.faq-area .list-box li .area-1 {
  box-sizing: border-box;
  padding: 40px 0;
  cursor: pointer;
  border-top: 1px solid #Fff;
}
.faq-area .list-box li.last-line{
  border-bottom: 1px solid #Fff;
}

.faq-area .list-box li .area-1 .left-box {
  width: calc(100% - 40px);
  font-size: 24px;
  color: #fff;
}
.faq-area .list-box li .area-1:hover{
  /* background: #fff; */
}
.faq-area .list-box li .area-1:hover .left-box {
  /*   color: #F37321; */
}
/* .faq-area .list-box li .area-1:hover .arrow-ico img {
  content: url(/img/ico_minus.svg);
} */
/* .faq-area .list-box li.active .area-1 {
  background: #EC691D;
} */
/* .faq-area .list-box li.active .area-1 .left-box {
  color: #fff;
} */
.faq-area .list-box li .area-1 .left-box .text-1 {
  margin-right: 24px;
  white-space: nowrap;
  letter-spacing: -0.05em;
  color: #F37321;
}
.faq-area .list-box li .area-1 .left-box .text-2 {
  letter-spacing: -0.01em;
}
.faq-area .list-box li .area-1 .arrow-ico {
  width: 28px;
}
.faq-area .list-box li.active .area-1 {
  /* background-color: #fff; */
}
.faq-area .list-box li.active .area-1 .left-box {
  /*   color: #F37321 */
}
.faq-area .list-box li.active .area-1 .arrow-ico > img {
  content: url(../img/arrow-up.svg);
}
.faq-area .list-box li .area-2 {
  box-sizing: border-box;
  display: none;
  border-radius: 8px;

  font-size: 18px;
}
.faq-area .list-box li .area-2 .dot-text-box > li {
  padding: 0px 20px 20px 40px;
  letter-spacing: -0.01em;
  font-size: 18px;
  color: #cacaca;
}
.faq-area .list-box li .area-2 .dot-text-box > li::after {
  width: 6px;
  height: 6px;
  background: #fff;
  left: 15px;
  top: 13.195px;
}
/* .faq-area .list-box li .area-2 .dot-text-box > li.last{
  padding-top: 20px;
} */

@media (max-width:1320px) {
  .faq-area {
    padding-bottom: 140px;
  }
  .faq-area .tab-menu-box li a {
      font-size: 20px;
  }
  .faq-area .list-box li .area-1 {
      padding: 24px;
  }
  .faq-area .list-box li .area-1 .left-box {
      width: calc(100% - 32px);
      font-size: 20px;
  }
  .faq-area .list-box li .area-1 .left-box .text-1 {
      margin-right: 16px;
  }
  .faq-area .list-box li .area-1 .left-box .text-2 {
      line-height: 140%;
  }
  .faq-area .list-box li .area-1 .arrow-ico {
      width: 24px;
  }
  .faq-area .list-box li .area-2 {
      padding: 0px 20px 20px 12px
  }
  .faq-area .list-box li .area-2 .dot-text-box > li {
      font-size: 17px;
      padding-bottom: 0px;
  }
  .faq-area .list-box li .area-2 .dot-text-box > li::after {
      width: 4px;
      height: 4px;
      left: 10.5px;
      top: 9.595px;
  }
}

@media (max-width:767px) {
  .faq-area {
    padding-bottom: 100px;
  }
  .faq-area .tab-menu-box {
      width: 100%;
      margin-top: 0;
      margin-bottom: 32px;
  }
  .faq-area .tab-menu-box li a {
      width: 100%;
      font-size: 16px;
      padding: 16px;
  }
  .faq-area .list-box {
      /* gap:12px; */
  }
  .faq-area .list-box li .area-1 {
      padding: 24px 16px;
  }
  .faq-area .list-box li .area-1 .left-box {
      width: calc(100% - 24px);
      font-size: 16px;
  }
  .faq-area .list-box li .area-1 .left-box .text-1 {
      margin-right: 8px;
  }
  .faq-area .list-box li .area-1 .arrow-ico {
      width: 20px;
  }
  .faq-area .list-box li .area-2 {
      padding: 0 20px 16px 10px
  }
  .faq-area .list-box li .area-2 .dot-text-box > li {
      padding-left: 22px;
      font-size: 15px;
  }
  .faq-area .list-box li .area-2 .dot-text-box > li::after {
      width: 3px;
      height: 3px;
      left: 9.5px;
      top: 10.5px;
  }
}
@media (max-width:540px) {
  .faq-area .tab-menu-box{
    gap: 8px;
  }
  .faq-area .tab-menu-box li a {
      padding: 11px;
  }
}

/* ------------------------------------------------------------------------------- */
/* 대기방 참여 영역 */
.waiting-area {
  background: rgb(255, 255, 255, 0.1);
  padding: 90px 0;
}
.waiting-box {
  gap: 28px;
}
.waiting-box li:nth-child(1){
  font-size: 44px;
  color: #F37321;
}
.waiting-box li:nth-child(2){
  margin-top: 12px;
  font-size: 28px;
  color: #CACACA;
}
.waiting-box li:nth-child(3){
  font-size: 44px
}
.waiting-box li:nth-child(4) a{
  font-size: 24px;
  background: #fff;
  color: #000826;
  padding: 21px 84px;
  border-radius: 999px;
  box-sizing: border-box;
  margin-top: 48px;
}
.waiting-box li:nth-child(4) a:hover{
  background: #F37321;
  color: #fff;
}
@media (max-width:1200px) {
  .waiting-area {
    padding: 80px 0;

  }
  .waiting-box {
    gap: 24px;
  }
  .waiting-box li:nth-child(1){
    font-size: 32px;
  }
  .waiting-box li:nth-child(2){
    font-size: 20px;
  }
  .waiting-box li:nth-child(3){
    font-size: 32px
  }
  .waiting-box li:nth-child(4) a{
    font-size: 18px;
    color: #000826;
    padding: 16px 64px;
    margin-top: 28px;
  }
}

@media (max-width:767px) {
  .waiting-area {
 
  }
  .waiting-box li:nth-child(1){
    font-size: 22px;
  }
  .waiting-box li:nth-child(2){
    font-size: 17px;
  }
  .waiting-box li:nth-child(3){
    font-size: 22px
  }
  .waiting-box li:nth-child(4) a{
    font-size: 16px;
  }
}

/* ------------------------------------------------------------------------------- */
/* footer 영역 */
.footer-area {
  background: rgb(255, 255, 255, 0.8);
  padding: 100px 0 90px;
}
.footer-area p{
  font-size: 18px;
  margin-bottom: 34px ;
}
@media (max-width: 1320px) {
  .footer-area {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .footer-area {
    padding: 60px 0 32px;
  }
  .footer-area p{
    font-size: 15px;
    margin-bottom: 17px ;
  }
}




/* ------------------------------------------------------------------------------- */
/* 스와이퍼 화살표 */
.swiper-pagination {
  bottom: 0 !important;
  z-index: 2 !important;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  opacity: 1 !important;
  margin: 0 16px !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
  border-radius: 999px !important;
  width: 32px !important;
}

.swiper-button-prev,
.swiper-button-next {
  transform: translateY(-50%) !important;
  width: 80px !important;
  height: 80px !important;
  margin-top: 0 !important;
  z-index: 3 !important;
}
.swiper-button-prev {
  right: auto !important;
}
.swiper-button-next {
  left: auto !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none !important;
}
.swiper-button-prev::before,
.swiper-button-next::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.swiper-button-prev::before {
  background: url("../img/arrow_prev_A7A7A7.svg") no-repeat center center/cover;
}
.swiper-button-next::before {
  background: url("../img/arrow_next_A7A7A7.svg") no-repeat center center/cover;
}

@media (max-width: 1320px) {
  .swiper-pagination .swiper-pagination-bullet {
    width: 4px !important;
    height: 4px !important;
    margin: 0 6px !important;
  }
  .swiper-pagination .swiper-pagination-bullet-active {
    width: 14px !important;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 40px !important;
    height: 40px !important;
  }
}

@media (max-width: 767px) {
  .swiper-button-prev,
  .swiper-button-next {
    width: 48px !important;
    height: 48px !important;
  }
}



/* ------------------------------------------------------------------------------- */
/* 기타 */
.object-box img{
  position: relative;
  width: 300px;
  right: 0%;
  top: -100px;
}
.object-box-2 {
  position: absolute;
  left: 0%;
}
.object-box-2 img{
  position: relative;
  width: 300px;
  left: 0%;
}
.scroll-top-box {
  position: fixed;
  bottom: 32px;
  right: 32px;
}

@media (max-width:1320px) {
  .object-box img{
    width: 200px;
  }
  .object-box-2 img{
    width: 200px;
  }
  .scroll-top-box {
    position: fixed;
    bottom: 82px;
    right: 20px;
  }
}
@media (max-width:767px) {
  .object-box img{
    width: 160px;
  }
  .object-box-2 {
    right: 0%;
    left: auto;
  }
  .object-box-2 img{
    content: url(../img/object-1.svg);
    width: 160px;

  }
  .scroll-top-box img{
    width: 32px
  }
}