@charset "UTF-8";


@media screen and (max-width: 1280px){
	.none_1280 {display: none !important;}
  .main-visual-inner {
    border-radius: 24px;
    padding: 0px;
  }
  .slide img {
    border-radius: 20px;
  }
  
}


@media (max-width: 1024px) {
.elite-card-grid {
        grid-template-columns: repeat(2, 1fr);
      }   
.contents .right_wrap {margin-top:-30px;}      
}
@media screen and (max-width:991px){
}

@media screen and(max-width: 960px) {
}

@media screen and (max-width:768px){
	 .right_wrap{ height:auto !important;}
.main-visual-inner{
	height:auto !important;
  min-height:150px;
}	
.slide {
  flex: 0 0 100%;
  width:100%;
  min-height:150px;
  overflow:hidden;
}
	.notice-video-inner {
    flex-direction: column;
    gap: 40px;
  }

  .notice-box,
  .video-box {
    flex: none;
    width: 100%;
  }
  .notice-list li {
    gap: 12px;
    padding: 6px 0 8px 22px;
    background-position: 0 6px;
  }

  .notice-text,
  .notice-date {
    font-size: 14px;
  }  
  .job-tab {
  font-size: 16px;
  letter-spacing:-0.05rem;
}
/* ÅÇ ÄÜÅÙÃ÷ ¼û±è */
.job-list {
	font-size:14px;
}

.job-list .sns img {
  width: 20px;
}
 .home-main-wrap .main-grid{
    flex-direction: column;
    gap: 40px;
  }

  .home-main-wrap .left-col,
  .home-main-wrap .right-col{
    flex: none;
    width: 100%;
  }
    .center-banner .banner-right{
    width: 160px;
    max-width: 160px;
    height: auto;          /* ¹è³Ê ³ôÀÌ°¡ ¹Ù²î¾îµµ ´ëÀÀ */
    max-height: 100px;
  }

  .center-banner .banner-right img{
    max-width: 160px;
    max-height: 100px;
    width: 100%;
    height: auto;
  }
  
  /* 1. Àüü Ʋ: ÇÑ ÁÙ¿¡ 1°³¾¿ ¼¼·Î·Î ½×±â */
  .elite-card-grid {
    grid-template-columns: 1fr; /* 1¿­ */
    gap: 12px; /* Ä«µå »çÀÌ °£°Ý */
  }

  /* 2. Ä«µå ³»ºÎ: '±×¸®µå'¸¦ »ç¿ëÇØ À§Ä¡ ÀçÁöÁ¤ */
  .elite-job-card {
    display: grid;
    /* ¿ÞÂÊ(ÅؽºÆ® ¿µ¿ª)Àº ³²´Â °ø°£ ´Ù ¾²°í(1fr), ¿À¸¥ÂÊ(·Î°í)Àº 80px °íÁ¤ */
    grid-template-columns: 1fr 80px; 
    
    /* [¿µ¿ª À̸§Ç¥ ºÙÀ̱â] 
       ¿ÞÂÊ ÁÙ: ȸ»ç¸í(top) -> Á¦¸ñ(mid) -> ¹èÁö(bot)
       ¿À¸¥ÂÊ ÁÙ: ·Î°í(logo)°¡ À§¾Æ·¡ 3Ä­À» ´Ù Â÷ÁöÇÏ°Ô º´ÇÕ */
    grid-template-areas: 
      "company logo"
      "title   logo"
      "badges  logo";

    align-items: center; /* ¼öÁ÷ Áß¾Ó Á¤·Ä */
    padding: 20px;       /* ¿©¹é ÃÖÀûÈ­ */
    min-height: auto;    /* °íÁ¤ ³ôÀÌ ÇØÁ¦ */
    gap: 4px 16px;       /* ÅؽºÆ® ÁÙ°£°Ý 4px, ÅؽºÆ®¿Í ·Î°í »çÀÌ 16px */
    text-align: left;    /* ÅؽºÆ® ¿ÞÂÊ Á¤·Ä */
  }

  /* 3. °¢ ¿ä¼Ò¸¦ À§¿¡¼­ Á¤ÇÑ À̸§Ç¥(¿µ¿ª) À§Ä¡·Î º¸³¿ */

  /* ȸ»ç¸í (¿ÞÂÊ ¸Ç À§) */
  .elite-company-name {
    grid-area: company;
    font-size: 14px;
    color: #888;
    margin-bottom: 2px;
    font-weight: 500;
  }

  /* °ø°í Á¦¸ñ (¿ÞÂÊ Áß°£) */
  .elite-job-title {
    grid-area: title;
    font-size: 17px; /* ¸ð¹ÙÀÏ¿¡ ¸Â°Ô ±ÛÀÚ Å©±â Á¶Á¤ */
    margin: 0;
    line-height: 1.4;
    /* 2ÁÙ ³Ñ¾î°¡¸é ¸»ÁÙÀÓ(...) ó¸® */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* ¹èÁö/Á¤º¸ (¿ÞÂÊ ¸Ç ¾Æ·¡) */
  .elite-job-badges {
    grid-area: badges;
    margin: 8px 0 0 0; /* Á¦¸ñ°úÀÇ °£°Ý */
    flex-wrap: wrap;   /* °ø°£ ºÎÁ·Çϸé ÁÙ¹Ù²Þ */
    justify-content: flex-start; /* ¿ÞÂÊ Á¤·Ä */
  }
  
  /* ¹èÁö Å©±â ¸ð¹ÙÀÏ ÃÖÀûÈ­ (¼±ÅûçÇ×) */
  .elite-badge {
    padding: 2px 8px;
    font-size: 12px;
    min-width: auto;
  }

  /* ·Î°í ¹Ú½º (¿À¸¥ÂÊ Àüü) */
  .elite-logo-box {
    grid-area: logo;     /* ¿À¸¥ÂÊ ¿µ¿ª Â÷Áö */
    width: 100%;
    height: 100%;        /* ³ôÀÌ ²Ë ä¿ì±â */
    display: flex;
    align-items: center; /* ¼öÁ÷ Áß¾Ó Á¤·Ä */
    justify-content: center; /* ¼öÆò Áß¾Ó Á¤·Ä */
    margin: 0;
  }

  /* ·Î°í À̹ÌÁö Å©±â */
  .elite-logo-box img {
    max-width: 100%;
    max-height: 60px; /* ·Î°í°¡ ³Ê¹« Ä¿ÁöÁö ¾Ê°Ô Á¦ÇÑ */
    object-fit: contain;
  }
  
  /* (Âü°í) ÂòÇϱâ ÇÏÆ® ¹öÆ° À§Ä¡ Á¶Á¤ */
  /* ·¹À̾ƿô º¯°æÀ¸·Î ÇÏÆ® ¹öÆ°ÀÌ ·Î°í¸¦ °¡¸± ¼ö ÀÖÀ¸¹Ç·Î À§Ä¡ ¹Ì¼¼ Á¶Á¤ */
  .elite-heart-btn {
    width: 30px;
    height: 30px;
    top: 10px;    /* À§ÂÊ ¿©¹é */
    right: 10px;  /* ¿À¸¥ÂÊ ¿©¹é */
    background: rgba(255,255,255,0.9); /* ·Î°í À§¿¡ °ãÃĵµ º¸ÀÌ°Ô ¹ÝÅõ¸í ¹è°æ */
    z-index: 10;
  }


.pc_o{display:none !important;}
.mo_o{display:block !important;}
}

@media screen and (max-width: 640px){
	
  .section-title {
    font-size: 26px;
  }
.block-title{font-size: 26px;}
   .elite-slider-title {
      font-size: 26px;
    }
  .notice-list li {
    gap: 12px;
  }
   .elite-slider-title {
      font-size: 26px;
    }
  .video-card-wrap {
    flex-direction: column;
  }

  .video-card {
    height: 160px;
  }
  /*    .elite-slider-frame {
        padding: 16px 12px 56px;
      }
      .elite-card-grid {
        grid-template-columns: 1fr;
      }*/

  .gallery-row {
    flex-direction: column;
  }

  .gallery-card img {
    height: 180px;
  }


  .service-item {
    width: 100px;
    height: 100px;
    font-size: 12px;
  }
  .service-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
.service-icon img{
	width:80%;
}

  .gallery-row {
    flex-direction: column;
  }
  
    .story-list li {
    gap: 12px;
    padding: 6px 0 8px 0px;
    background-position: 0 6px;
  }
.story-title {
	color:#242424;
  font-size: 14px;
}

.story-date{color:#949494; font-size:14px;}
.elite-card-grid {
        grid-template-columns: repeat(1, 1fr);
      }  
.elite-slider-frame{width:100% !important;}
.center-banner h2{padding:20px 0px; text-align:center;}
.center-banner h2 span{margin-top:10px;}

}

@media screen and (max-width:480px){
  .center-banner{
    flex-direction: column;
    align-items: flex-start;
  }

  .center-banner .banner-right{
    width: 100%;
    max-width: 100%;
    height: auto;
    justify-content: flex-end;
    margin-top: 8px;
  }

  .center-banner .banner-right img{
    width: 160px;          /* ¸ð¹ÙÀÏ¿¡¼­ ¾ÆÀÌÄÜ Å©±â °íÁ¤ ´À³¦ */
    max-width: 160px;
    max-height: 100px;
  }
.notice-left a {
    white-space: normal;      /* ÁÙ¹Ù²Þ Çã¿ë */
    display: -webkit-box;
    -webkit-line-clamp: 2;    /* µÎ ÁÙ±îÁö º¸¿©ÁÜ */
    -webkit-box-orient: vertical;
    /* overflow: hiddenÀº À¯Áö */
  }
}