@charset "UTF-8";

/* ===================================
   엔터프라이즈
   =================================== */

/* 폼 보더 라인 움직이는 효과 */
@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, #1D0051 40%, #753ADD 100%); padding: 100px 0 !important;}
.content_head .title_wrap .main_title h1 {color:#fff; margin-bottom:30px;}
.content_head .title_wrap .main_title span {color:#fff; font-weight:300;}
.content_head .title_wrap .main_title .desc {color:#f3e7ff;}
.content_head .visual_wrap {display: flex; justify-content: center;}

.area_uncomfortable .title_wrap h2 .mo_br {display: none;}
.area_uncomfortable .title_wrap {text-align:center;}
.area_integration .title_wrap {text-align:center; margin-bottom:100px;}

.area_uncomfortable .title_wrap p,
.area_integration .title_wrap p {margin-top:20px;}

.hr-landing .area_uncomfortable {background:#fff !important;}
.area_integration {background: linear-gradient(to bottom, #ffffff 0%, #F4F0FF 100%); padding:40px 0 100px;}

.area_function.multicompany .title_wrap {gap:16px;}

.hr-landing .area_uncomfortable .card_wrap {flex-direction: column; gap:24px;}

.area_uncomfortable .card_wrap .card_list {display: grid; grid-template-columns: repeat(3, 1fr); gap:24px;}
.area_uncomfortable .card_wrap .card_list .card {display:flex; flex-direction:row; align-items:center; gap:24px;}
.area_uncomfortable .card_wrap .card_list .card p {font-size:18px; font-weight:400;}

.area_function.consult {max-width:100% !important; background: linear-gradient(90deg, #7C3AED 0%, #B78FFF 100%);}
.area_function.consult h2 {color:#fff;}
.area_function.consult .title_wrap {margin-bottom:100px;}

.area_function.data {padding:50px 0 100px;}
.area_function.data .title_wrap {gap:16px;}

.data .cont_wrap { border: 1px solid #eee; border-radius: 24px; overflow: hidden;}
.data .cont_wrap .tit {font-size:22px;}
.data .cont_wrap p.desc {color: #777; font-size:18px;}
.data .cont_wrap.purple {position: relative; overflow: visible; background-color: #fff; border: 1px solid #8659fb; padding: 54px 36px; margin-top: 72px;}
.data .cont_wrap.purple .block .badge {position: absolute; top: 0; left: 36px; transform: translateY(-50%); background-color: #8659fb; z-index: 1; min-width: 182px; padding: 10px; text-align: center; font-size: 22px; color: #fff; border-radius: 30px;}
.data .cont_wrap.gray {position: relative; overflow: visible; background-color: #fff; border: 1px solid #868686; padding: 54px 36px; margin-top: 72px;}
.data .cont_wrap.gray .block .badge {position: absolute; top: 0; left: 36px; transform: translateY(-50%); background-color: #868686; z-index: 1; min-width: 182px; padding: 10px; text-align: center; font-size: 22px; color: #fff; border-radius: 30px;}

.data .cont_wrap .block .block-box .cardlist {display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;}
.data .cont_wrap .block .block-box .cardlist .card {display: flex; gap:8px; padding:24px; border: 1px solid #eee; border-radius: 12px; background-color: #faf8ff; font-size: 22px; flex-direction: column;}
.data .cont_wrap.gray .block .block-box .cardlist {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px;}
.data .cont_wrap.gray .block .block-box .cardlist .card {background-color: #fbfbfd;}

.data .ic_enterprise {display:inline-block; width:30px; height:30px; background: url(../images/enterprise/ic_enterprise.svg); position:relative; top:7px; margin-right:4px;}
.data .ic_enterprise.icon01 {background-position:-4px -107px;}
.data .ic_enterprise.icon02 {background-position:-47px -107px;}
.data .ic_enterprise.icon03 {background-position:-90px -107px;}
.data .ic_enterprise.icon04 {background-position:-134px -107px;}
.data .ic_enterprise.icon05 {background-position:-178px -107px;}
.data .ic_enterprise.icon06 {background-position:-222px -107px;}
.data .ic_enterprise.icon07 {background-position:-267px -107px;}

.data .area_function.gray .inner p {margin-top: 24px; text-align: center;}
.data .area_function .cont_wrap.gray .block .badge {
  position: absolute;
  top: 0;
  left: 36px;
  transform: translateY(-50%);
  background-color: #868686;
  z-index: 1;
  min-width: 182px;
  padding: 10px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  border-radius: 30px;
}
.data .area_function .cont_wrap.gray .block .block-box .cardlist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.data .area_function .cont_wrap .block .block-box .cardlist .card {
  background-color: #fbfbfd;
}

.hr-landing p {padding-top:0px;}
.consult .card_wrap {display: flex; flex-direction: row;  justify-content: center;  gap: 26px;  margin-top: 80px;}
.consult .card_wrap {display: flex; flex-direction: row; justify-content: center; gap: 26px; margin-top:80px;}
.consult .card_wrap .card {width:100%; max-height:340px; padding:32px; border:1.5px solid transparent; border-radius:24px; background:#fff; ;box-shadow:0 0 16px rgba(0,0,0,0.1); transition: background 0.3s ease;}
.consult .card_wrap .badge {display: inline-block; padding: 5px 10px; text-align: center; background-color: #F3EBFF; border: 1px solid #F5F6F8; border-radius: 10px; font-size: 16px; color: #6B3BE9;}
.consult .card_wrap p {font-size: 18px; font-weight:normal; line-height: 160%; color: #333; font-weight: 400;}
.consult .card_wrap .title {color:#6B3BE9; font-size:20px; font-weight:500; margin-top:16px; margin-bottom: 12px;}
.consult .card_wrap .icon {width:48px; height:48px; display:inline-block; background:url(../images/enterprise/ic_enterprise.svg);}
.consult .card_wrap .icon.enter01 {background-position: -3px -167px;}
.consult .card_wrap .icon.enter02 {background-position: -61px -167px;}
.consult .card_wrap .icon.enter03 {background-position: -119px -167px;}

/* 아이콘 */
.area_navigation .ic_industry {display: inline-block; width:32px; height:32px; background:url(../images/52hour-workweek/ic_industry.svg); background-repeat:no-repeat;}
.area_navigation .ic_industry.arrow {position: absolute; top: 20px; right: 20px; background-position: -372px -32px;}

.area_uncomfortable .card_wrap .icon {width:74px; height:74px; display:inline-block; background:url(../images/enterprise/ic_enterprise.svg);}
.area_uncomfortable .card_wrap .icon.work {background-position:-3px -3px;}
.area_uncomfortable .card_wrap .icon.time {background-position:-97px -3px;}
.area_uncomfortable .card_wrap .icon.security {background-position:-190px -3px;}
.area_uncomfortable .card_wrap .icon.integration {background-position:-285px -3px;}
.area_uncomfortable .card_wrap .icon.education {background-position:-379px -3px;}
.area_uncomfortable .card_wrap .icon.device {background-position:-473px -3px;}

.content_body .area_downloadforms {flex-direction: column; align-items:center; padding:100px 0;}
.content_body .area_downloadforms .forms {text-align:center;}
.content_body .area_downloadforms .leadform {width:500px; border:none; padding:30px 40px 48px; gap:0;}
.content_body .area_downloadforms .form_container .row {margin-top:16px;}
.content_body .area_downloadforms .forms p.desc {margin-top:16px;}
.area_downloadforms .row {margin-top:16px;}
.com_ck.bk .checkmark {top:-1px !important;}

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

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

  .content_head {padding:60px 6% 80px !important;}
  .area_uncomfortable .card_wrap .card_list {display:flex; flex-direction:column;}
  .consult .card_wrap {display: flex; flex-direction: column; margin-top:20px;}
  .data .cont_wrap .block .block-box .cardlist {display: flex; flex-direction: column;}
  .data .cont_wrap.gray .block .block-box .cardlist {display: flex; flex-direction: column;}
  .area_integration .title_wrap {margin-bottom:30px;}
  
  .data .ic_enterprise {display:none;}
  .data .cont_wrap .tit {font-size:18px;}
  .data .cont_wrap p.desc {font-size:15px;}
  .data .cont_wrap.purple .block .badge,
  .data .cont_wrap.gray .block .badge {min-width:120px; font-size:18px;}

  .area_uncomfortable .card_wrap .icon {width:39px; height:36px;}
  .area_uncomfortable .card_wrap .icon.work {background-position:-2px -231px;}
  .area_uncomfortable .card_wrap .icon.time {background-position:-42px -231px;}
  .area_uncomfortable .card_wrap .icon.security {background-position:-81px -231px;}
  .area_uncomfortable .card_wrap .icon.integration {background-position:-122px -231px;}
  .area_uncomfortable .card_wrap .icon.education {background-position:-162px -231px;}
  .area_uncomfortable .card_wrap .icon.device {background-position:-202px -231px;}

  /* 리드 폼 */
  .hr-landing .area_downloadforms {padding: 60px 6%; flex-direction: column; gap: 40px;}
  .hr-landing .area_downloadforms .forms {width: 100%; align-items: center;}
  .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) {
  /* 불편함 타이틀 첫 줄 숨김 및 모바일 줄바꿈 */
   .area_uncomfortable .title_wrap h2 .pc_title {display: none;}
   .area_uncomfortable .title_wrap h2 .mo_br {display: inline;}

  /* 불편함 타이틀-카드 여백 */
   .area_uncomfortable .title_wrap {margin-bottom: 24px;}

  /* 불편함 카드 아이콘 숨김 */
   .area_uncomfortable .card_wrap img {display: none;}

  /* 불편함 카드 뱃지 */
   .area_uncomfortable .card_wrap .badge {font-size: 12px;}

  /* 리드 폼 */
   .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) {
  /* 불편함 */
   .area_uncomfortable {padding: 50px 0 60px;}
  /* 리드 폼 */
   .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;}
}