@charset "UTF-8";

/* ===================================
   52시간 근무제 페이지 전용 스타일
   =================================== */

/* 폼 보더 라인 움직이는 효과 */
@property --border-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@keyframes leadformBorderRotate {
  to { --border-angle: 360deg; }
}

/* 추가 */
.content_head {max-width:100% !important; background:linear-gradient(180deg, #813AFF 0%, #E3D3FF 100%); padding: 80px 0 0 0 !important;}
.content_head .title_wrap h1 {color:#fff;}
.content_head .title_wrap .sub {color:#fff;}
.content_head .title_wrap .desc {color:#f3dcff;}
.content_head .visual_wrap {display:flex; justify-content: center;}
.area_uncomfortable.gray {background-color:#fff; }
.area_uncomfortable.gray .card_wrap .badge {background-color:#F1F1F1;}
.area_uncomfortable.gray .card_wrap .badge .txt {color:#7B7B7B;}
.area_uncomfortable.gray .card_wrap .badge .icon {position:relative; top:3px; width:20px; height:20px; display:inline-block; background:url(/images/startup/ic_uncomfortable.svg);}
.area_uncomfortable.gray .card_wrap .badge .icon.away {background-position:-12px -10px;}
.area_uncomfortable.gray .card_wrap .badge .icon.growth {background-position:-34px -9px;}
.area_uncomfortable.gray .card_wrap .badge .icon.rule {background-position:-60px -9px;}
.area_function.summary {background:linear-gradient(90deg, #7942DC 0%, #B78FFF 100%); max-width:100%;}
.area_function.summary .function_text h2 {color:#fff;}
.area_function.summary .function_text .desc {color:#fff;}


/* 리드 폼 */
.hr-landing .area_downloadforms {padding:120px 0 !important;}


/* ==========================================
   반응형
   ========================================== */

@media all and (max-width: 959px) {

  .content_head, .content_foot {padding-inline: 6% !important; padding-block: 10% !important;}
  .area_uncomfortable.gray .card_wrap .badge {border-radius:6px; padding:3px 6px;}
  .area_uncomfortable.gray .card_wrap .badge .icon {display:none;}

   /* 리드 폼 */
  .hr-landing .area_downloadforms {padding: 60px 6% !important; flex-direction: column; gap: 40px;}
  .hr-landing .area_downloadforms .forms {width: 100%;}
  .hr-landing .area_downloadforms .forms h2 {font-size: 48px;}
  .hr-landing .area_downloadforms .forms .desc {font-size: 18px !important;}
  .hr-landing .area_downloadforms .leadform {min-width: 0; width: 100%; flex: none;}
}

@media all and (max-width: 768px) {
    /* 리드 폼 */
   .hr-landing .area_downloadforms .forms h2 {font-size: 28px;}
   .hr-landing .area_downloadforms .forms .desc {font-size: 16px !important;}
   .hr-landing .section_leadform {padding: 0;}
}

@media all and (max-width: 480px) {
    /* 리드 폼 */
   .hr-landing .area_downloadforms {padding: 50px 6%;}
   .hr-landing .area_downloadforms .forms h2 {font-size: 28px;}
   .hr-landing .area_downloadforms .leadform {padding: 28px 20px 36px;}
}