@import url(//cdn2.hubspot.net/hub/21626933/hub_generated/template_assets/82973695615/1661407428570/INHR_PLUS_IntroductionPage/css/font.min.css);

html {
  -ms-content-zooming: none;f
  -ms-touch-action: pan-x pan-y;

}

.wrap { display: inline-block; margin: 0 auto; width: 100%; min-width: 1440px; font-family:'Pretendard',sans-serif; padding-top: 100px; }
.innerCont { width: 1440px; margin: 0 auto; }
.pcMain { display: flex !important; }
.mbMain { display: none !important; }
.mbInline { display: block; }
.icon-scroll,
.icon-scroll:before { position: absolute; left: 50%; }
.icon-scroll {width: 52px;height: 80px;margin-left: -20px;top: 90%;margin-top: -35px;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(20px);border-radius: 80px;cursor: pointer; }
.icon-scroll:before {content: "";width: 17px;height: 28px;background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/scrollDown.svg) center no-repeat;margin-left: -8px;top: 8px;border-radius: 4px;animation-duration: 1.5s;animation-iteration-count: infinite;animation-name: scroll; }
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    transform: translateY(46px);
    opacity: 0;
  }
}


/* head */
.headInner { position: fixed; top: 0;z-index: 99;width: 100%; padding: 0 68px; height: 100px; align-items: center; background: #fff; }
.head_logo a { display: inline-block; width: 155px; height: 48px; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/main_logo.svg) center no-repeat; }
.head_list { position: relative; top: 5px; display: flex; justify-content: flex-start; align-items: center; width: calc(100% - 318px); }
.head_list ul li { float: left; margin-right: 35px; font-weight: 700;font-size: 16px;line-height: 24px; color: #202020; /*opacity: 0.6;*/ }
/*.head_list ul li.gnbOn { font-weight: 700; opacity: initial; border-bottom: 2px solid #202020; }
.head_list ul li:hover { font-weight: 700; opacity: initial; border-bottom: 2px solid #ffffff; }*/
/*.head_list ul li.gnbOn:hover { border-bottom: 2px solid #202020; } 추후 추가 예정*/
.head_list ul li a { padding-bottom: 8px;}
ul li a .nudge {display:inline-block;vertical-align:top;margin:4px 0 0 3px;padding:0 7px;width:auto;height:14px;line-height:14px;border-radius:7px;background-color:#ff473c;color:#fff;font-size:8px;font-weight:500}
.mbMain ul li a .nudge {height:13px;margin-top:4px;line-height:13px;text-align:center}
.head_contact a { display: flex; justify-content: center; align-items: center; width: 163px; height: 48px; border-radius: 24px; font-weight: 600; font-size: 16px; line-height: 24px; color: #fff; background: #202020; }
.head_contact a i { display: inline-block; margin-right: 12px; width: 16px; height: 16px; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/contact_w.svg) center no-repeat; }
.head_contact a:hover { background: #353535; }
.head_right { display: flex;}
.head_contact a.btnFree { background: #FFFFFF; color: #262E3D; width: 135px;height: 48px; margin-right: 14px;border: 1px solid #ADB3C2; }
.nav { background: #fff; width: 100%; height: 60px; position: sticky; line-height: 65px; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 99; }
.nav div.logo a { background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/main_logo.svg) center no-repeat; float: left; width: 100px; height: 60px; background-size: contain; margin-left: 24px; text-decoration: none; color: #fff; font-size: 2.5rem; }
.nav div.logo a:hover { color: #00E676; }
.nav div.main_list { height: 65px; float: right; }
.nav div.main_list ul { width: 100%; height: 65px; display: flex; list-style: none; margin: 0; padding: 0; }
.nav div.main_list ul li { width: auto; height: 54px; padding: 0; }
.nav div.main_list ul li a { text-decoration: none; color: #fff; line-height: 54px; font-size: 2.4rem; }
.navTrigger { display: none; }
.menu_blog:after { content: '';position:relative; top: 1px; display: inline-block; margin-left: 8px; width: 15px; height: 15px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/blog.svg") center no-repeat; }

/*one page scroll css*/
.onePage-1 .fp-tableCell { vertical-align: bottom !important; }
.horizontalScroll .fp-tableCell { vertical-align: bottom !important; }
.bgBlack .fp-tableCell { vertical-align: middle !important; }
.mbIntro .fp-tableCell { display: flex !important; flex-direction: column; justify-content: center; align-items: center; vertical-align: middle !important; }
.solutionSwiper .fp-tableCell { vertical-align: middle !important; }
.solutionSwiper.fp-section.fp-table { width: 1440px; }
.swiper-pagination { justify-content: center; }
.scrollable-content { height: 100%;  overflow: scroll; }
.horizontalScroll button { position: absolute; top: 140px; left: 50%; width: 48px; height: 48px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/move.svg") center no-repeat; z-index: 999; }
.horizontalScroll button.move_down { transform: scaleY(-1); top: initial; bottom: 56px; }
.horizontalScroll button:hover { opacity: 0.8; }

/*form*/
.formWrap { position: relative; min-width: 1126px; max-width: 1440px; display: flex; padding: 0 120px; margin: 0 auto; flex-direction: column; margin-top: 100px; }
.formTitle p { margin-top: 120px; font-weight: 700;font-size: 48px;line-height: 62px; }
.formTitle span { display: inline-block; margin: 24px 0 60px 0; font-weight: 500;font-size: 24px;line-height: 36px;color: #6A7081;}
.formImg { position: relative; display: flex; justify-content: center; align-items: center; border-radius: 16px;}
.formTitle .formImg { width: 100%;height: 320px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_hero.png") center no-repeat; }
.formTitle .img-cover{position: absolute;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.1);z-index:1; border-radius: 16px;}
.formLogo {position: absolute; z-index: 9; width: 568px;height: 36px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/pc_form.svg") center no-repeat; }


.formInner { margin: 100px 0 120px 0; }
.hbspt-form {padding: 60px 0; }
#hsForm_54c5ed72-57a1-48c6-995e-6631b319e668 fieldset:first-of-type {height:338px}
#hsForm_54c5ed72-57a1-48c6-995e-6631b319e668 fieldset:nth-of-type(2) {width:50%;transform:translateY(-60px)}
.formInner_title { display: block; font-weight: 700;font-size: 36px;line-height: 48px; color: #262E3D; padding-bottom: 24px; border-bottom: 2px solid #262E3D; }
.formInner label { font-weight: 500;font-size: 24px;line-height: 32px;color: #262E3D; }
.formInner .hs-form-required { color: #FF535D;}
.inputs-list { width: 100%; }
.inputs-list li { height: 32px; width: fit-content;  margin: 10px 0; }
.inputs-list li span { cursor: pointer; color: #6A7081; font-size: 17px; }
.hs-fieldtype-text { width: 50%; }
.form-columns-1,.form-columns-2 { width: 100%; max-width: 100% !important; }
.formInner input[type=text], .formInner input[type=tel], .formInner input[type=email], .formWrap input[type=email] { margin-top: 24px; padding: 24px 18px; width: 98%; height: 68px;background: #FFFFFF;border: 2px solid #E8E8E8;border-radius: 8px; font-weight: 500;font-size: 24px;line-height: 34px; font-family: 'Pretendard'}
.input { margin-right: 0 !important; }
.input { display: flex;justify-content: flex-start;flex-direction: column;flex-wrap: wrap;align-items: flex-start;align-content: flex-end; }
#lastname-54c5ed72-57a1-48c6-995e-6631b319e668, #department-54c5ed72-57a1-48c6-995e-6631b319e668, #mobilephone-54c5ed72-57a1-48c6-995e-6631b319e668 { width: 100% !important;}
#label-company-54c5ed72-57a1-48c6-995e-6631b319e668, #label-jobtitle-54c5ed72-57a1-48c6-995e-6631b319e668, #label-email-54c5ed72-57a1-48c6-995e-6631b319e668 { margin-left: 15px;}
.hs_company .hs-error-msg, .hs_jobtitle .hs-error-msg, .hs_email .hs-error-msg { margin-left: 12px;}
.formInner input[type=text]:focus, .formInner input[type=tel]:focus, .formInner input[type=email]:focus, .formInner textarea:focus { border: none; outline: 2px solid #122095;}
.hs-form-54c5ed72-57a1-48c6-995e-6631b319e668_5212284a-b302-4ac1-ab87-44e769bf65f5 fieldset.form-columns-1 input[type=checkbox] { margin-right: 12px; }
.formInner input::placeholder,
.formInner select::placeholder,
.formInner select option[disabled],
.formInner select option[value=""] { color:#a6a6a6 }
.formInner textarea { margin-top: 24px; padding: 24px 18px;  width: 100% !important; height: 164px;background: #FFFFFF;border: 2px solid #E8E8E8;border-radius: 8px;font-weight: 500;font-size: 24px;line-height: 32px; color: #262E3D; font-family: 'Pretendard'}
.formInner textarea::placeholder { color: #A6A6A6; }
.hs_submit { display: flex;justify-content: center;align-items: center; margin-top: 60px;}
.formInner .hs-button  { width: 280px;height: 68px;font-size: 24px;line-height: 26px;color: #fff;border: none;background: #202020;border-radius: 34px; cursor: pointer;}
.form-columns-1 input[type="checkbox"] { width: 24px !important; height: 24px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/checkbox_unselect.png") center no-repeat; margin-right: 12px; }
.hs-input[type="checkbox"]  { width: 24px !important; height: 24px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/checkbox_unselect.png") center no-repeat; margin-right: 12px; }
.formInner label.hs-error-msg { color: #FF535D; }
.formInner input[type=text].error, .formInner input[type=tel].error, .formInner input[type=email].error { outline: 2px solid #FF535D; border: none; }

/*form-무료체험하기*/
.formBanner { position: sticky; top: 0; display: flex; justify-content: center; align-items: center; height: 72px;  background: #262E3D; color: #fff; font-size: 16px; line-height: 32px; z-index: 999;}
.formWrap_experience { position: relative; max-width: 520px; min-width:520px !important; display: flex; margin: 0 auto; flex-direction: column; }
.formWrap_experience .formTitle p { margin-top: 0; font-size: 28px;line-height: 40px; color: #262E3D;}
.formWrap_experience .formTitle span { margin: 16px 0 36px 0;font-weight: 600;font-size: 20px;  line-height: 32px; color: #6A7081; }
.formWrap_experience .formTitle { border-bottom: 1px solid #E6E8EF; }
.formInner_experience { margin: 36px 0 80px 0; }
.formInner_experience .hbspt-form { padding: 0}
.formInner_experience .hs-fieldtype-text { width: 100%; }
.formInner_experience input[type=text], input[type=tel], input[type=email] { width: 100%; }
#label-company-0dec18ab-acd0-4bd7-8809-f40b0dd6596f:before { content: ''; display: inline-block; width: 32px;height: 32px; background: url("https://recruit.jobda.im/hubfs/inhr+/icon_building_blue.svg") center no-repeat; margin-right: 8px; }
#label-lastname-0dec18ab-acd0-4bd7-8809-f40b0dd6596f:before { content: ''; display: inline-block; width: 32px;height: 32px; background: url("https://recruit.jobda.im/hubfs/inhr+/icon_evaluation_user_green.svg") center no-repeat;margin-right: 8px; }
#label-inhr______________________-0dec18ab-acd0-4bd7-8809-f40b0dd6596f:before { content: ''; display: inline-block; width: 32px;height: 32px; background: url("https://recruit.jobda.im/hubfs/inhr+/icon_idea_2.svg") center no-repeat;margin-right: 8px; }
#label-inhr____________________-0dec18ab-acd0-4bd7-8809-f40b0dd6596f:before { content: ''; display: inline-block; width: 32px;height: 32px; background: url("https://recruit.jobda.im/hubfs/inhr+/icon_desktop_settings.svg") center no-repeat;margin-right: 8px; }

#label-company-0dec18ab-acd0-4bd7-8809-f40b0dd6596f, #label-lastname-0dec18ab-acd0-4bd7-8809-f40b0dd6596f, #label-inhr______________________-0dec18ab-acd0-4bd7-8809-f40b0dd6596f, #label-inhr____________________-0dec18ab-acd0-4bd7-8809-f40b0dd6596f { display: flex; align-items: center; font-weight: 700; font-size: 24px;line-height: 32px; color: #262E3D;}

.formInner_experience .input { flex-wrap: initial; }
.formInner_experience .input select { padding: 16px 24px; width: 100%;height: 64px; border-radius: 12px; cursor: pointer; border: none; font-weight: 600;font-size: 18px;line-height: 32px; color: #262E3D; font-family: 'Pretendard'; margin-top: 16px;  -o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #F5F5F8 url("https://recruit.jobda.im/hubfs/inhr+/Vector%20%287%29.svg") no-repeat right 24px center/10px auto;padding-right: 50px;}

.formInner_experience input[type=text], .formInner_experience input[type=tel], .formInner_experience input[type=email] { margin-top: 0; height: 64px; font-weight: 600;font-size: 18px;line-height: 32px; border: none; outline:1px solid #DBDEE6; }
.formInner_experience input[type=text]::placeholder, .formInner_experience input[type=tel]::placeholder, .formInner_experience input[type=email]::placeholder { color: #ADB3C2;}
.formInner_experience .hs_lastname, .formInner_experience .hs-form-checkbox, .formInner_experience .hs_department,.formInner_experience .hs_mobilephone { margin-bottom: 16px; }
.formInner_experience .hs_lastname { margin-top: 80px;}
.formInner_experience .hs-fieldtype-checkbox{ margin-top: 80px;}
.formInner_experience .inputs-list.multi-container { margin-bottom: 0 !important; }
#company-0dec18ab-acd0-4bd7-8809-f40b0dd6596f, #lastname-0dec18ab-acd0-4bd7-8809-f40b0dd6596f { margin-top: 32px;}
.formInner_experience .inputs-list.multi-container { margin-top: 32px; }
.formInner_experience .inputs-list li.hs-form-checkbox {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 16px 24px;gap: 8px;width: 100%;height: 64px;border-radius: 12px;background: #FAFAFA; cursor: pointer; }
.formInner_experience .inputs-list li span { position: relative; font-weight: 600;font-size: 18px;line-height: 32px; color: #262E3D; }
.formInner_experience .inputs-list li.hs-form-booleancheckbox { padding: 0; background: #fff; height: initial; }
.hs-inhr.hs-fieldtype-booleancheckbox { border-top: 1px solid #e6e8ef; margin-top: 26px; padding-top: 36px;}

.formInner_experience .hs-button { width: 520px;height: 64px;background: #202020 url("https://recruit.jobda.im/hubfs/inhr+/Vector%20%286%29.svg") 95% no-repeat;border-radius: 12px; font-weight: 700;font-size: 20px;line-height: 32px;}
.formInner_experience .hs-button:hover { background: #000000 url("https://recruit.jobda.im/hubfs/inhr+/Vector%20%286%29.svg") 95% no-repeat; }
.formInner_experience label.hs-error-msg , .formInner_experience .hs-main-font-element {font-weight: 500; font-size: 18px; line-height: 32px; text-align: center; color: #FF535D; margin-left: 0; }
.formWrap_experience .hs-form-checkbox input[type=checkbox] {position: absolute;left: 0;top: 0;width: 0;height: 0;-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 0;visibility: hidden;}
.formWrap_experience .hs-form-checkbox input[type=checkbox]:checked+span:before {background: url("https://recruit.jobda.im/hubfs/inhr+/Vector.svg") center no-repeat;border: 2px solid #122095;}
.formWrap_experience .hs-form-checkbox input[type=checkbox]+span:before {content: "";position: absolute;left: 0; top: -4px;width: 24px;height: 24px;border-radius:50px;border: 2px solid #ADB3C2;}
.formInner_experience .inputs-list li.hs-form-checkbox span { padding-left: 40px;}


.formWrap_experience .hs-input[type="checkbox"] {position: absolute;left: 0;top: 0;width: 0;height: 0;-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 0;visibility: hidden;}
.formWrap_experience .hs-input[type="checkbox"]:checked+span:before {background: url("https://recruit.jobda.im/hubfs/inhr+/Vector.svg") center no-repeat;border: 2px solid #122095;}
.formWrap_experience .hs-input[type="checkbox"]+span:before {content: "";position: absolute;left: 0; top: -4px;width: 24px;height: 24px;border-radius:50px;border: 2px solid #ADB3C2;}
.formInner_experience .hs-form-booleancheckbox span { padding-left: 40px;}
.formInner_experience .hs-form-booleancheckbox span a span { padding-left: 0px;}


.formInner_experience input[type=text]:hover, .formInner_experience input[type=tel]:hover, .formInner_experience input[type=email]:hover, .formInner_experience textarea:hover { border: none; outline: 1px solid #6A7081;}
.formInner_experience input[type=text]:focus, .formInner_experience input[type=tel]:focus, .formInner_experience input[type=email]:focus, .formInner_experience textarea:focus { border: none; outline: 3px solid #609AF2;}


.formSubmit { position: relative; display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100vw; height: 100vh; background: url("https://recruit.jobda.im/hubfs/inhr+/inhrplus_headervisual__00051%201.jpg") no-repeat; background-size: cover; }
.bgOpacity {position: absolute; width: 100vw; height: 100vh; background: #000000;opacity: 0.4; }
.formSubmit_text { display: flex; justify-content: center; flex-direction: column; align-items: center; width: 800px;height: 544px; background: #fff;border: 1px solid #E6E8EF;border-radius: 20px; z-index: 9 }
.formSubmit_text p { font-weight: 700;font-size: 28px;line-height: 40px;text-align: center;margin: 24px 0; color: #262E3D;}
.formSubmit_text span {font-weight: 600; word-break: keep-all; white-space: pre-wrap; font-size: 20px;line-height: 32px; text-align: center;color: #6A7081; margin-bottom: 52px; }
.formSubmit_text a {display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 16px; width: 240px;height: 64px;background: #202020;border-radius: 12px; color: #fff; font-weight: 700; }
.form-bottomText { position: absolute; bottom: 80px; }
.form-bottomText span { font-weight: 700;font-size: 16px;line-height: 32px; color: #FFFFFF; }

#lottieFrom { display: flex; justify-content: center; }
lottie-player.form-lottie { position: relative; bottom: initial; }

/* 문의하기 리뉴얼 240522 */
.inquiry_wrap {
  width: 442px;
  margin: 0 auto;
  padding: 136px 0 64px;
}
.inquiry_wrap .inquiry_title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: -0.44px;
  color: #121619;
  text-align: center;
}
.inquiry_wrap .inquiry_text {
  font-size: 17px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -0.17px;
  color: #121619;
  text-align: center;
}
.inquiry_wrap .hbspt-form {
  padding: 37px 0 0;
}
.inquiry_wrap .hs-fieldtype-text {
  width: 100%;
}
/* input, select 초기화 */
.inquiry_wrap input,
.inquiry_wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: 0;
}
.inquiry_wrap .input {
  margin-top: 16px;
}
.inquiry_wrap .hs_lastname,
.inquiry_wrap .hs_mobilephone {
  margin-bottom: 0;
}
.inquiry_wrap .hs_company .input {
  margin-top: 0;
}
.inquiry_wrap input,
.inquiry_wrap select {
  width: 100%;
  height: 56px;
  padding: 0 25px;
  border: 1px solid #d6d9e2;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #000;
  letter-spacing: -0.16px;
}
.inquiry_wrap select {
  background: url('https://inhr.im/hubfs/2023%20inHR%2B/sub/dropdown%20svg.svg') no-repeat right 18px center;
}
.inquiry_wrap input::placeholder,
.inquiry_wrap select:invalid {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #9fa4ab;
  letter-spacing: -0.16px;
}
.inquiry_wrap textarea {
  width: 100%;
  min-height: 112px;
  padding: 18.5px 25px;
  border: 1px solid #d6d9e2;
  border-radius: 8px;
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.16px;
  color: #000;
}
.inquiry_wrap textarea.hs-fieldtype-textarea.hs-input {
  resize: none;
}
.inquiry_wrap textarea:focus-visible {
  outline: 0;
}
.inquiry_wrap textarea::placeholder {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.16px;
  color: #9fa4ab;
}
.inquiry_wrap .hs_error_rollup {
  display: none;
}

/* error message */
.inquiry_wrap .hs_company .hs-error-msg,
.inquiry_wrap .hs_email .hs-error-msg {
  margin-left: 0;
}
.inquiry_wrap .hs-error-msg {
  font-size: 12px;
  color: red;
}
.inquiry_wrap .inputs-list li {
  height: auto;
  margin: 10px 0 0 0;
}

/* checkbox */
.inquiry_wrap .hs-fieldtype-booleancheckbox .input {
  margin-top: 0;
}
.inquiry_wrap .hs-fieldtype-booleancheckbox .inputs-list:not(.hs-error-msgs) li {
  margin-top: 0;
}
.inquiry_wrap .hs-fieldtype-booleancheckbox label {
  display: flex;
  align-items: center;
  gap: 6px;
}
.inquiry_wrap .hs-fieldtype-booleancheckbox label span {
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  color: #383e42;
  letter-spacing: -0.15px;
}
.inquiry_wrap input[type="checkbox"] {
  width: 20px !important;
  height: 21px;
  padding: 0;
  margin-right: 0;
  margin-bottom: -2px;
  border: 0;
  border-radius: 0;
  background: url('https://inhr.im/hubfs/2023%20inHR%2B/sub/Background%2BBorder.svg') no-repeat center;
}
.inquiry_wrap input[type="checkbox"]:checked {
  background: url('https://inhr.im/hubfs/2023%20inHR%2B/sub/icon_checked_blue.svg') no-repeat center;
}
.inquiry_wrap .hs-fieldtype-booleancheckbox label span strong {
  font-weight: 500;
  color: #366cf2;
}
.inquiry_wrap .hs_jobda_privacy_policy_agreement {
  margin-top: 6px;
}

/* select all */
.inquiry_wrap .box_selectAll {
  margin-top: 37px;
  margin-bottom: 14.5px;
}
.inquiry_wrap .box_selectAll input {
  margin-bottom: -1px;
}
.inquiry_wrap .hs-fieldtype-booleancheckbox.box_selectAll label span {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.16px;
}

/* submit */
.inquiry_wrap .hs_submit {
  width: 100%;
  margin-top: 36.5px;
}
.inquiry_wrap .hs_submit .actions {
  width: 100%;
}
.inquiry_wrap .hs_submit input {
  height: 54px;
  background: #366cf2;
  border-color: #d6d9e2;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}
.submit_modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.submit_modal.active {
  display: block;
}

@media (max-width: 1365px) {
  .inquiry_wrap .hs_company,
  .inquiry_wrap .hs_jobtitle, 
  .inquiry_wrap .hs_email {
    margin-bottom: 0;
  }
}

@media (max-width: 800px) {
  .inquiry_wrap {
    width: 315px;
  }
}




  /* 모달 */
.wrap_modal { display:none; position:fixed; width:100vw; height:100vh; z-index:9999; top: 0; left: 0; }
.wrap_modal.on { display:block }
.wrap_modal .dim { display:none; width:100vw; height:100vh; background-color:rgba(0,0,0,.75); position:absolute }
.wrap_modal.on .dim { display:block }
.wrap_modal .btn_close { position:absolute; right:25px; top:25px; width:36px; height:36px; background:url(https://recruit.jobda.im/hubfs/inhr+/close.svg) center no-repeat; cursor:pointer }
.wrap_modal div[class^="modal"] { display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:640px; padding:32px; border-radius:12px; background-color:#fff}
.wrap_modal div[class^="modal"].modal_privacy.on { display:block }
.wrap_modal div[class^="modal"].modal_marketing.on { display:block }
.wrap_modal div[class^="modal"] strong { font-size:24px; font-weight:600; line-height:34px; color:#222 }
.wrap_modal div[class^="modal"] dt { margin-top:12px; font-size:15px; font-weight:600; line-height:22px; color:#333 }
.wrap_modal div[class^="modal"] dd { font-size:15px; font-weight:normal; line-height:22px; color:#4e4e4e; position:relative }

.formInner .wrap_links {width:640px;margin:48px auto 0;padding:48px 0;border-top:1px solid #393A3C;text-align:center}
.formInner .wrap_links span {font-size:16px;color:#cecece;line-height:38px}
.formInner .wrap_links ul {margin-left:32px;display:inline-block;vertical-align:top}
.formInner .wrap_links ul li {float:left}
.formInner .wrap_links ul li+li {margin-left:10px}
.formInner .wrap_links ul li a {width:38px;height:38px;line-height:38px;background-color:#39404A;border-radius:50%;font-size:24px;color:#bbb;transition:.3s}
.formInner .wrap_links ul li:nth-child(3) a {font-weight:800}
.formInner .wrap_links ul li a i {margin-top:7px;font-size:24px;color:#bbb;transition:.3s}
.formInner .wrap_links ul li a:hover,
.formInner .wrap_links ul li a:hover i {color:#eee}
.hs_lastname, .hs-form-checkbox, .hs_department, .hs_mobilephone { margin-bottom: 60px;}
.hs_message { margin-bottom: 30px;}
.hs-contact_purpose { margin-bottom: 60px !important; }
.hs-form-booleancheckbox label span a { color: #6A7081; margin-right: 5px;}
.formWrap_experience .hs-form-booleancheckbox label span a { color: #262E3D; margin-right: 5px;}
.inputs-list.multi-container { margin: 12px 0 0 0; }

.inputs-list.multi-container{ display: inline-block; margin-bottom: 50px !important;}

  /* Sliding Banner Start */
.bodyslider { align-items: center; display: flex; justify-content: center; }
.hs_inhrcheck a:hover, .hs_agree a:hover { text-decoration: underline; }
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
    transform: translateX(calc(-250px * 7));
  }
}
.slider { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 744px; width: 100%; margin: 0 auto; overflow: hidden; background: #262E3D;}
.sliderCont { margin-bottom: 100px;padding: 0 0 0 240px;font-weight: 700;font-size: 48px;line-height: 62px;color: #FFFFFF;display: flex;justify-content: flex-start;width: 100%; }

.slider .slide-track { -moz-animation: scroll 20s linear infinite; -webkit-animation: scroll 20s linear infinite; animation: scroll 20s linear infinite; display: flex; width: calc(100% - 225px); }
.slider .slide { display: inline-block; margin-right: 40px;}
.slider .slide img {  width: 200px; height: 200px;  object-fit: contain; }

/* Sliding Banner End */

/* 메인 */
.mainWrap section { display: flex; /*height: 100vh; */}

.outer { width: 100% }
.inner { padding: 0 16px 16px 16px; }
.mainWrap section .bg { display: flex; align-items: center; justify-content: center; position: relative; height: calc(100vh - 118px);  top: 0; background-size: cover; border-radius: 20px; }
.scroll01 .bg { background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_landing_hero_1-1.jpg) center no-repeat; }
.scroll02 .bg { background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_landing_hero_2%201.png) center no-repeat; }
.scroll03 .bg { background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_landing_hero_3.jpg) 50% 80% no-repeat; }
#lottie-sample {
  width: 150px;
  height: 150px;
  text-align: center;
}
#lottieWrap { display: flex; justify-content: center; }
lottie-player { position: absolute; bottom: 20px; z-index: 9;}


@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 3;
    transform: none;
  }
}


.section-heading { font-weight: 700; font-size: 56px; line-height: 94px; text-align: center; color: #FFFFFF; }
.section-heading span { display: inline-block; animation: fadeInUp 1s; }
.section-heading .leftBar { position: relative; top: 6px; display: inline-block; width: 13px; height: 48px; background: #fff; margin-right: 83px; }
.section-heading .rightBar { content: ''; display: inline-block; width: 13px; height: 48px; background: #fff; transform: matrix(-0.36, 0.93, 0.93, 0.36, 0, 0); margin-left: 83px; }
.scroll04 { height: 100vh; background: #2c3e50; }
.videoScroll01 { position: relative; padding: 0 16px 16px 16px; }
.videoScroll01 video { width: 100%; height: calc(100% - 117px); object-fit: cover; border-radius: 20px; margin-bottom: 16px; }
.videoScroll02 { position: relative; }
.videoScroll02 video { width: 100%; height: 100vh;object-fit: cover;  }
.videoScroll02 img { display: flex; margin: 0 auto; width: 90%; height: 100vh; object-fit: cover;  }

#test03 { position: absolute; font-style: normal; font-weight: 500; font-size: 96px; line-height: 96px; width: 200%; }
#test04 { position: absolute; font-style: normal; font-weight: 500; font-size: 96px; line-height: 96px; width: 200%;}


.rightNum span { display: block;}
.rightNum span:first-child { margin-bottom: 6px; }
.leftNum { margin-bottom: 6px; margin-right: 68px; }
.txtListOn { color: #111F94; font-weight: 600;}
.mainBanner01 { position: relative;display: flex;align-items: center;padding: 112px 0 115px 0;width: 100%;height: 428px;  background: #111F94; }
.bannermainIn p { font-weight: 600; font-size: 36px; line-height: 48px; color: #FFFFFF; }
.bannermainIn a { position: relative; margin-top: 40px; display: flex; justify-content: center; align-items: center; width: 237px; height: 60px; background: #FFFFFF; border-radius: 30px; color: #000000; }
.bannermainIn a span { font-weight: 600; font-size: 20px; line-height: 24px; padding-right: 32px; }
.bannermainIn a i { position:absolute; right: 13%; display: inline-block; width: 25px; height: 16px; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/go.svg) center no-repeat; transition: all 0.2s linear; }
.bannermainIn a:hover i { transform: translateX( 10px ) }
.bannermainIn { display: flex; justify-content: space-between; align-items: center; width: 1440px; margin: 0 auto; }
.bannerLogo li { display: flex; flex-direction: column; float: left; justify-content: center; align-items: center; margin-right: 90px; }
.bannerLogo li span:first-child { display: block; margin: 20px 0 12px 0; font-weight: 600; font-size: 24px;line-height: 36px; text-align: center; color: #FFFFFF; }
.bannerLogo li span:nth-child(2) { display: inline-block; font-weight: 600;font-size: 20px;line-height: 32px; text-align: center; opacity: 0.8; color: #FFFFFF; }
.bannerLogo li em { display: block; width: 72px; height: 72px; }

.bannerBox { display: flex; flex-wrap: wrap; }
.bannerBox a.btnChat { margin-right: 15px; }
.bannerBox a.btnSave i {position: absolute;right: 13%;display: inline-block;width: 25px;height: 25px;background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/save.svg) center no-repeat;}
.bannermainIn a.btnSave:hover i { transform: initial; }



.bl01 { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ic_performance.svg") center no-repeat; }
.bl02 { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ic_evaluation.svg") center no-repeat; }
.bl03 { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ic_unification.svg") center no-repeat; }
.imgBanner { display: flex; justify-content: center; align-items: center; width: 100%; height: 428px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr_mbm/img_banner.jpg") center no-repeat; }
.imgBanner span { font-weight: 700;font-size: 36px;line-height: 62px;text-align: center;color: #FFFFFF; }

.bannerBtn { display: flex; flex-direction: row; }
.bannerBtn a { margin-right: 24px; }

.mtDrop { display: flex; flex-direction: row; justify-content: space-between; padding: 200px 0 0 0; }
.mtDrop .mtInner em { display: block; font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom: 16px;}
.mtDrop .mtInner span { display: block; font-weight: 600;line-height: 48px;font-size: 36px;color: #262E3D; margin: 17px 0 34px 0; }
.rightMt { margin-top: 170px}
.mtBlue { color: #111F94; }
.mtRed { color: #FF473C; }
.mtDrop .mtInner i { display: inline-block; width: 640px; border-radius: 20px; }
.mtimg01 { height: 472px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/user_1.jpg") 50% 0 no-repeat; }
.mtimg02 { height: 731px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/shutterstock_1761286307%201.png") 50% 42% no-repeat; }
.mtimg03 { height: 712px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/user_2.jpg") 50% 33% no-repeat; }
.mtimg04 { height: 598px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/user_4.jpg") 50% 27% no-repeat; }
.mtInner { margin-bottom: 200px; }

.skw-pages { overflow: hidden;position: relative;height: 100vh;width: 1440px;margin: 0 auto; }
.skw-page {position: absolute;left: 0;top: 0;width: 100%; }
.skw-page__half {position: absolute;top: 0;width: 50%;height: 100vh;transition: transform 1s;}
.skw-page__half--left {left: 0;transform: translate3d(0, -100%, 0);}
.skw-page__half--right {left: 50%;transform: translate3d(0, -100%, 0);}
.skw-page.active .skw-page__half {transform: translate3d(0, 0, 0);}
.skw-page__skewed {overflow: hidden;position: absolute;top: 0;width: 100%;height: 100%;}
.skw-page__half--left .skw-page__content { align-items: flex-start; }
.skw-page__content { display: flex;align-items: flex-end; justify-content: center; flex-flow: column wrap; position: absolute;left: 0; top: 0;width: 100%; height: 100%;color: #fff;transition: transform 1s, opacity 1s;background-size: cover; background: #fff;}
.skw-page.inactive .skw-page__content { opacity: 0.5;}
.skw-page__heading {display: block;margin: 40px 0 90px 0;font-weight: 600;font-size: 48px;line-height: 62px;color: #000000; }
.skw-page__content i { display: block; width: 124px; height: 32px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/logo_symbol.svg") center no-repeat; }
.skw-page__content li { display: flex; font-weight: 500;font-size: 24px;line-height: 36px;color: #262E3D; padding: 32px 0; border-top: 1px solid #ADB3C2; }
.skw-page__content li:last-child { border-bottom: 1px solid #ADB3C2 }
.skw-page__description {font-size: 18px;text-align: center;}
.skw-page__link {color: #ffa0a0;}
.skw-page__half--right .contFirstImg em {display: inline-block; width: 575.79px; height: 687.43px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/feature_illust_2.svg") center no-repeat;);}
.skw-page__half--right .contSecondImg em {display: inline-block; width: 575.79px; height: 687.43px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/feature_illust_2.svg") center no-repeat;);}
.skw-page__half--right .contThirdImg em { display: inline-block; width: 575.79px; height: 687.43px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/feature_illust_3.svg") center no-repeat;);}
.skw-page__content li.contFirstImg { border: none; }
.bgBlack { display: flex; height: 100vh; justify-content: center; align-items: center; background: #202020; }
.contLeftTitle span { font-style: normal;font-weight: 700;font-size: 48px;line-height: 62px;color: #FFFFFF; }
.contLeftTitle span { display: block; margin-bottom: 50px; }
.bgBlack .innerCont { display: flex; justify-content: space-between; flex-direction: row; }
.contLeftTitle { width: 40%; }
.contRightList { border-top: 2px solid #fff; width: 57%; padding-top: 40px; }
.contRightList li span:first-child { display: block; font-style: normal;font-weight: 600;font-size: 28px;line-height: 40px;color: #FFFFFF; }
.contRightList li span:nth-child(2) { display: block; margin-top: 24px; font-weight: 500;font-size: 24px;line-height: 36px;color: #FFFFFF;opacity: 0.6; white-space: pre-wrap; }
.contRightList li { margin-bottom: 50px; }
.contRightList li:last-child { margin-bottom: 0px; }
.logoDisplay div { display: flex; height: 85px; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; }
.logoDisplay div img { width: 168px; object-fit: cover; height: 80px; }

.solutionSwiper p { margin-bottom:100px; font-style: normal;font-weight: 600; font-size: 56px;  line-height: 72px; text-align: center;  color: #000000; }
.solutionSwiper .container {
  width: 100%;
  margin: 0 auto;
}
.swiper-slide { width: 100% !important; }
.main .container .swiper-container .swiper-wrapper .swiper-slide .card-image { border: none; outline: none; }
.card-image { display: flex; flex-direction: row; width: 100%; height: 708px; }
.leftCard { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 51.4%; }
.leftCard span { display: inline-block; font-style: normal;font-weight: 400; font-size: 44px; line-height: 64px; text-align: center; color: #262E3D; white-space: pre-wrap; word-break: break-all;  margin: 46px 0 32px 0;  }
.rightCard { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 46%; }
.rightCard01 i { display: inline-block; width: 100%; height: 708px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_client_2.jpg") center no-repeat; background-size: cover; border-radius: 16px;}
.rightCard02 i { display: inline-block; width: 100%; height: 708px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_client_1.jpg") center no-repeat; background-size: cover; border-radius: 16px;}
.rightCard03 i { display: inline-block; width: 100%; height: 708px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_client_3.jpg") center no-repeat; background-size: cover; border-radius: 16px;}

.rightCard04 i { display: inline-block; width: 100%; height: 708px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_client_4.jpg") center no-repeat; background-size: cover; border-radius: 16px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 40px !important; }
.main .container .swiper-container .swiper-wrapper .swiper-slide .card-image img {display: block;position: relative;left: 0;bottom: 0;width: 100% !important;height: auto;object-fit: cover;}
.main .container .swiper-container .swiper-pagination-bullet {opacity: 0.8;background: #252a32;}
.main .container .swiper-container .swiper-pagination-bullet-active {background: #fff;}
.main .container .swiper-container .swiper-button-next, .main .container .swiper-container .swiper-button-prev {background-image: none;background-size: 0;background-repeat: no-repeat;background-position: 0;margin-top: -1rem;}
.main .container .swiper-container .swiper-button-next .arrow-icon, .main .container .swiper-container .swiper-button-prev .arrow-icon { }
.swiper-button-next i { display: inline-block; width: 64px; height: 64px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/btn_icon-2.svg") center no-repeat; }
.swiper-button-next i:hover { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/btn_icon.svg") center no-repeat; }
.swiper-button-prev i { display: inline-block; width: 64px; height: 64px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/btn_icon-1-1.svg") center no-repeat; }
.swiper-button-prev i:hover { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/btn_icon-1.svg") center no-repeat; }
.cardImg01 { display: inline-block; width: 132px; height: 50px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/Frame%204721.png") center no-repeat; }
.cardImg02 { display: inline-block; width: 150px; height: 50px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/Frame%204724.png") center no-repeat; }
.cardImg03 { display: inline-block; width: 128px; height: 50px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/Frame%204722.png") center no-repeat; }
.cardImg04 { display: inline-block; width: 207px; height: 50px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/Frame%204723.png") center no-repeat; }
.leftCardName { display: flex; justify-content: center; align-items: center; }
.leftCardName em:before { content: '';
  position: relative; top: -5px; display: inline-block; width: 6px; height: 6px; border-radius: 100%; margin: 0 16px; background: #D9D9D9;}
.leftCardName em { font-weight: 500;font-size: 24px;line-height: 36px;text-align: center;color: #6A7081;}
.leftCardTxt i{ display: block; width: 32px; height: 32px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/Rectangle%2052.svg") center no-repeat; margin: 0 auto;  }


@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}



.jb {
  /*opacity: 0;*/ width: 1440px; margin: 0 auto;
}
.jba {
  /*opacity: 0; */ margin: 0 auto;
}

.sa { opacity: 0; }
.sa-down01 {
 transform: translate(0, -100px);
 transition: all .5s ease;
}
.sa-down02 {
 transition: all 1s ease;
 transform: translate(0, -100px);
}
.sa-down03 {
 transform: translate(0, -100px);
 transition: all 1.5s ease;
}
.sa-down04 {
 transform: translate(0, -100px);
 transition: all 2s ease;
}
.sa-down05 {
 transform: translate(0, -100px);
 transition: all 2.5s ease;
}
.sa-down06 {
 transform: translate(0, -100px);
 transition: all 3s ease;
}
.sa-down07 {
 transform: translate(0, -100px);
 transition: all 3.5s ease;
}

.sa-up01 {
  transition: all 1s ease;
  transform: translate(0, 60px);
}
.sa-up02 {
  transition: all 1.5s ease;
  transform: translate(0, 60px);
}
.sa-up03 {
  transform: translate(0, 60px);
  transition: all 2s ease;
}
.sa-up04 {
  transform: translate(0, 60px);
  transition: all 2.5s ease;
}
.sa-up05 {
  transform: translate(0, 60px);
  transition: all 3s ease;
}
.sa-up06 {
  transform: translate(0, 60px);
  transition: all 3.5s ease;
}
.sa-up07 {
  transform: translate(0, 60px);
  transition: all 4s ease;
}

.sa.show {
 opacity: 1;
 transform: none;
}

.logoDisplay { display: flex; flex-wrap: wrap; }
.mbIntro { display: flex !important; align-items: center; justify-content: center; flex-direction: column; padding: 220px 0; width: 1440px !important; }
.mbMain.mbIntro { display: none !important; }
.mbIntro em { display: inline-block; width: 138px; height: 64px; border: 1px solid #ADB3C2; border-radius: 32px; font-weight: 600;font-size: 20px;line-height: 64px;text-align: center;color: #6A7081; }
.mbIntro span { display: block; margin-top: 24px; font-style: normal;font-weight: 600;font-size: 56px;line-height: 76px;text-align: center; color: #202020; }
.mbIntro ul { display: flex; width: 100%; justify-content: center; margin-top: 100px; }
.mbIntro li { display: inline-block; width: 396px; height: 788px; object-fit: contain; }
.mbIntro li:first-child { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_1.svg") center no-repeat;  box-shadow: 40px 40px 40px 4px rgba(0, 0, 0, 0.05); margin-top: 70px; border-radius: 16px;  margin-top: 70px; }
.mbIntro li:nth-child(2) { margin: 0 40px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_2.svg") center no-repeat; box-shadow: 40px 40px 40px 4px rgba(0, 0, 0, 0.05); border-radius: 16px; }
.mbIntro li:nth-child(3) { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_3.svg") center no-repeat; box-shadow: 40px 40px 40px 4px rgba(0, 0, 0, 0.05); margin-top: 155px; border-radius: 16px; }

/* 배너 */
.topBanner { display: flex; justify-content: center; align-items: center; width: 100%; height: 68px; background: #FFD12F; }
.topBanner span { display: inline-block; padding-right: 16px; border-right: 2px solid #262e3d25; font-weight: 600; font-size: 20px; line-height: 28px; }
.topBanner a { padding-left: 16px; font-weight: 700; font-size: 20px; line-height: 28px; color: #262E3D; }
.topBanner a::after { display: inline-block; content: ''; margin-left: 12px; width: 8px; height: 15px; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/go_banner.svg) center no-repeat; }

/* 가격정책 01 */
.priceInner .priceCont .priceTxt i { display: block; width: 72px; height: 72px; margin-bottom: 36px; }
.priceInner .priceCont:first-child .priceTxt i { background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ic_module_performance.svg) center no-repeat; }
.priceInner .priceCont:nth-child(2) .priceTxt i { background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ic_module_evaluation.svg) center no-repeat; }
.priceInner .priceCont:nth-child(3) .priceTxt i { background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ic_module_unification.svg) center no-repeat; }
.priceInfo01 { border-bottom: 1px solid #DBDEE6; }
.priceTitle { display: inline-block; margin: 160px 0 80px 0; font-size: 48px; font-weight: 600; line-height: 62px; }
.priceInner { display: flex; justify-content: space-between; }
.priceInner .priceCont { padding: 48px; box-sizing: border-box; width: calc(100% / 3 - 12px); height: 628px; background: #FFFFFF; border: 1px solid #ADB3C2; border-radius: 16px; margin-bottom: 32px; }
.priceCont { display: flex; flex-direction: column; justify-content: space-between; padding: 44px 48px; }
.priceCont:last-child { background: #fff url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_module_unification.svg) 50% 88% no-repeat; }
.priceCont span { font-weight: 500; font-size: 24px; line-height: 32px; color: #262E3D; }
.priceCont p { margin-top: 8px; font-weight: 600; font-size: 34px; line-height: 48px; color: #000000; }
.priceCont p.nowPrice { color: #111F94; }
.priceCont p.beforePrice { margin-top: 4px; font-weight: 600; font-size: 28px; line-height: 36px; text-decoration-line: line-through; color: #ADB3C2; }

.priceList ul li { font-size: 24px; line-height: 32px; color: #6A7081; margin-bottom: 16px; }
.priceList ul li::before { content: ''; position: relative; top: 3px; display: inline-block; margin-right: 12.87px; width: 24px; height: 24px; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/chk.svg) center no-repeat; }

.priceContTxt { display: flex; justify-content: center; align-items: center; margin-top: 60px; }
.priceContTxt span { text-align: center; white-space: pre-wrap; font-weight: 600; font-size: 24px; line-height: 36px; text-align: center; color: #6A7081; }

/* 가격정책 02 */
.priceInfo02 { padding-bottom: 160px; }
.priceInfo02 .priceCont { background: #F5F5F8; border-radius: 16px; }
.priceReport { display: flex; justify-content: space-between; }
.priceInfo02 .priceCont { width: 100%; margin-top: 24px; }
.priceReport .priceCont { width: calc(100% / 2 - 12px); }
.priceInfo02 .priceList ul li { margin-top: 94px; float: left; margin-right: 24px; }


/* 배너*/
.solutionBanner { position: relative; display: flex; align-items: center; padding: 112px 0 115px 0; width: 100%; height: 428px; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_banner_hr_professional.png) center no-repeat; }
.bannerInner { width: 1440px; margin: 0 auto; }
.bannerInner p { font-weight: 600; font-size: 36px; line-height: 48px; color: #FFFFFF; }
.bannerInner a { position: relative; margin-top: 40px; display: flex; justify-content: center; align-items: center; width: 237px; height: 60px; background: #FFFFFF; border-radius: 30px; color: #000000; }
.bannerInner a span { font-weight: 600; font-size: 20px; line-height: 24px; padding-right: 32px; }
.bannerInner a.btnChat span { padding-right: 35px; }
.bannerInner a.btnChat i { position:absolute; right: 13%; display: inline-block; width: 25px; height: 16px; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/go.svg) center no-repeat; transition: all 0.2s linear; }
.bannerInner a.btnSave i { position:absolute; right: 13%; display: inline-block; width: 25px; height: 25px; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/save.svg) center no-repeat;  }
.bannerInner a.btnChat:hover i { transform: translateX( 6px ) }
.footerBanner { padding: 257px 0; height: 800px; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/banner_detail.png) center no-repeat; background-size: cover; }
.footerBanner p { color: #000; }


/* FAQ */
.faqInner { padding-bottom: 160px; }
.faqInner input { position: absolute; opacity: 0; z-index: -1; }
.faqInner .tabs { border-radius: 8px; overflow: hidden; }
.faqInner .tab { width: 100%; color: white; overflow: hidden; margin-bottom: 16px; }
.tab-label { display: flex; justify-content: space-between; background-color: #fff; cursor: pointer; padding: 48px; width: 100%; height: 132px; text-align: left; border: 1px solid #DBDEE6; border-radius: 16px; font-weight: 600; font-size: 24px; line-height: 36px; color: #262E3D; }
.faqInner input + label span::before { position: relative; top: -3px; content: '질문'; display: inline-block; margin-right: 24px; text-align: center; font-weight: 600; font-size: 16px; line-height: 36px; color: #262E3D; width: 60px; height: 36px; background: #E6E8EF; border-radius: 8px; }
.faqInner input:checked + label span::before { background: #fff !important; }
.tab-label::after { content:""; width: 1em; height: 1em; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/faq.svg) center no-repeat; text-align: center; transition: all 0.35s; }
.tab-close { display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #2c3e50; cursor: pointer; }
.tab-close:hover { background: #1a252f; }
.faqInner input:checked + .tab-label::after { transform: rotate(180deg); }
.faqInner input:checked ~ .tab-content { max-height: 100vh; padding: 0 48px 48px 48px; }

.tab-content { max-height: 0; font-style: normal; font-weight: 500; font-size: 24px; line-height: 36px; color: #6A7081; background: #F5F5F8; border-radius: 0 0 16px 16px; }
.faqInner input:checked + label { background: #F5F5F8; color: #111F94; border-radius: 16px 16px 0 0; border: 1px solid #dbdee600; }
.tab-content span { white-space: pre-wrap; border-top: 1px solid #262e3d2f; display: inline-block; padding-top: 48px; }


.wrapper { max-width: 480px; width:93%; margin:0 auto; margin-bottom: 30px; overflow: hidden; }
.priceInner .swiper { max-width: 480px; width:100%; height: fit-content; position: relative; overflow: visible; margin-bottom: 10px; }
.priceInner .swiper-slide { max-width: 480px; width:100%; height:360px; text-align: center; font-size: 18px; background: #fff; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.priceInner .swiper-slide img { display: block; width: 100%; width: 480px; height: 100%; object-fit: cover; }
.priceInner .swiper-slide { opacity:0.5; transition:opacity 0.5s; }
.priceInner .swiper-slide-active { opacity:1; }
.changing { transition:opacity 0.3s; pointer-events:none; }
.changed { transition:none; }
.priceInner .priceCont.card03 { justify-content: flex-start; background: #fff url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_module_unification.svg) 50% 93% no-repeat; background-size: contain;}

/* pagination */
.priceInner .mySwiper .swiper-pagination { position: absolute; bottom: -30px; }
.priceInner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -5px !important; }
/* nav btn*/
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev { top: 50%; }
.mySwiper .swiper-button-prev { transform:translateX(-200%); }
.mySwiper .swiper-button-next { transform:translateX(200%); }
.custom-fraction { text-align:right; margin:15px 5px 0 0; }
.btn-wrapper { margin-top:50px; }
.swiper-pagination-bullet { background: #DBDEE6 !important; opacity: initial !important; }
.swiper-pagination-bullet-active { width: 24px !important; height: 8px !important; background: #262E3D !important; border-radius: 4px !important;}


/*가로스트롤·*/
.horizontalScroll { width: 100%; height: 100%; }
.hzScrollWrap { width: 100%; height: 100%; }
.hzItem { position: relative; width: 100%; height: 100vh; }
.hzPage { position: relative; display: flex;  height: calc(100vh - 120px); flex-direction: row; flex-wrap: wrap; justify-content: space-between; border-radius: 16px; margin: 16px; }
.hzInner01 .hzItem .hzPage { background: linear-gradient(108.45deg, #222F51 -0.24%, #202020 55.1%); }
.hzInner02 .hzItem .hzPage {background: linear-gradient(108.45deg, #223A51 -0.24%, #202020 55.1%);}
.hzBottom p:after { content: ''; display: inline-block; margin-left: 17px; width: 17px; height: 19px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/go_icon.svg") center no-repeat; }
.hzT01 { position: relative; top: 5px; display: inline-block; width: 25px; height: 25px; margin-right: 10px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/compass.svg") center no-repeat; }
.hzT02 { position: relative;top: 5px; display: inline-block; width: 25px; height: 25px; margin-right: 10px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/chart.svg") center no-repeat; }

.hzLeft { display: flex; padding: 120px 140px; justify-content: space-between ;align-items: flex-start; width: 50%; flex-direction: column; flex-wrap: wrap; }
.hzRight { display: flex; justify-content: flex-end; width: 60%; height: 100%; position: absolute; bottom: 0; right: 0;}
.hzRight i { display: inline-block; position: absolute; background-size: contain; bottom: 0; width: 95%; height: 95%; }
.hzImg01a { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef01.png") right bottom no-repeat; background-size: cover; }

.hzImg01c { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef02.png")  right bottom no-repeat; background-size: cover; }
.hzImg01d { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef02a.png") center bottom no-repeat; background-size: cover; z-index: 999; }

.hzImg01e { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef03.png") right bottom no-repeat; background-size: cover; }
.hzImg01f { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/MicrosoftTeams-image%20%2828%29.png") center bottom no-repeat; background-size: cover; z-index: 999; }

.hzImg01g { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef04.png") right bottom no-repeat; background-size: cover; }

.hzImg01i { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef05.png") right bottom no-repeat; background-size: cover; }
.hzImg01j { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef06.png") center bottom no-repeat; background-size: cover; z-index: 999; }

.hzImg01k { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef07.png") right bottom no-repeat; background-size: cover; }
.hzImg01l { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef08.png") center bottom no-repeat; background-size: cover; z-index: 999; }

.hzImg02a { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef09.png") right bottom no-repeat; background-size: cover; }
.hzImg02b { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef09a.png") center bottom no-repeat; background-size: cover; z-index: 999; }

.hzImg02c { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef10.png") right bottom no-repeat; background-size: cover; }

.hzImg02d { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef11.png") right bottom no-repeat; background-size: cover; }

.hzImg02e { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef12.png") right bottom no-repeat; background-size: cover; }
.hzImg02f { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ef12a.png") center bottom no-repeat; background-size: cover; z-index: 999; }

.hzInner01 .hzTop i { display: inline-block; width: 142px; height: 44px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/Frame%204464.svg") center no-repeat; }
.hzInner02 .hzTop i { display: inline-block; width: 142px; height: 44px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/Frame%204566.svg") center no-repeat; }

.hzTop p { display: block; margin: 38px 0 122px 0; font-weight: 700;font-size: 36px; line-height: 48px; color: #FFFFFF; }
.hzBottom p { display: block; margin-bottom: 16px; font-style: normal; font-weight: 700; font-size: 24px; line-height: 36px; color: #FFFFFF; }
.hzBottom span { font-weight: 500; font-size: 24px; line-height: 36px; color: #FFFFFF; opacity: 0.7; word-break: keep-all;}
.mb100 { margin-bottom: 150px; }
/*모바일 스크롤*/
.mbslWrapper .swiper-slide i { display: inline-block; }
.mbslWrapper .swiper-slide i {width:92%; height: 100vh; background-size: contain;}
.mbMain .main { text-align: center; /*height: 100vh;*/ }
/*.container .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -30px !important; }*/
.mbslWrapper .swiper-slide { text-align: center; }
.mbsl01 i { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_performance_feature_1-Aug-29-2022-06-00-47-38-AM.svg") center no-repeat; }
.mbsl02 i { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_performance_feature_1-5-1.svg") center no-repeat; }
.mbsl03 i { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_performance_feature_1-Sep-01-2022-01-19-09-18-AM.svg") center no-repeat; }
.mbsl04 i { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_performance_feature_1-7-1.svg") center no-repeat; }
.mbsl05 i { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_performance_feature_1-8-1.svg") center no-repeat; }
.mbsl06 i { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_performance_feature_1-9.svg") center no-repeat; }

.mbsl01a i { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_performance_feature_1-1-1.svg") center no-repeat; }
.mbsl02b i { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_performance_feature_1-2-1.svg") center no-repeat; }
.mbsl03c i { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_performance_feature_1-3-1.svg") center no-repeat; }
.mbsl04d i { background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_performance_feature_1-4-1.svg") center no-repeat; }


.mbslWrapper .swiper-slide.sI01 i { width: 240px; height: 477.58px; background-size: cover !important; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_1-1.svg") center no-repeat; box-shadow: 40px 40px 40px 4px rgba(0, 0, 0, 0.05); border-radius: 10px; }
.mbslWrapper .swiper-slide.sI02 i { width: 240px; height: 477.58px; background-size: cover !important; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_2-1.svg") center no-repeat; box-shadow: 40px 40px 40px 4px rgba(0, 0, 0, 0.05); border-radius: 10px; }
.mbslWrapper .swiper-slide.sI03 i { width: 240px; height: 477.58px; background-size: cover !important; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mo_3-1.svg") center no-repeat;box-shadow: 40px 40px 40px 4px rgba(0, 0, 0, 0.05);border-radius: 10px; }
.mbMain.mbIntro {  width: 100% !important; align-items: initial; }
.mbIntro .main { margin: 50px 0 60px 0; padding: 0; text-align: initial; height: initial; }
.iScrollIndicator { height: initial !important; }
.mbIntro .swiper-pagination { display: flex;  }

.mbMain.mbIntro { padding: 0; }

/* footer */
footer { display: inline-block; min-height: 190px; width: 100%; background: #F5F6F7; }
.footerInner { display: flex; justify-content: space-between; flex-direction: column; width: 1200px; min-height: 190px; margin: 0 auto; padding: 32px 0; font-size: 13px; color: #495057; }
.policy a { font-weight: bold; text-decoration: underline; }
.info table td { display: inline-block; margin: 3px 0; padding: 0 30px; border-right: 1px solid #495057; }
.info table tr td:first-child { padding: 0 30px 0 0; }
.info table tr td:last-child { border-right: none; }

/* 성공사례 영상 추가 작업 : 230601 */
.seminar .title_area {
  margin: 89px 0 99px;
  text-align: center; 
}
.seminar .title_area .title {
  margin: 32px 0 8px;
}
.seminar .video_area {
  overflow: hidden;
  width: 1244px;
  height: 699px;
  margin: 0 auto;
  border-radius: 12px;
}

@media screen  and (min-width: 1536px) and (max-width: 1679px){
  #test03 {font-weight: 400; font-size: 72px; line-height: 72px; }
  #test04 {font-weight: 400; font-size: 72px; line-height: 72px;}
}
@media screen  and (min-height: 800px) and (max-height: 900px) {
  .card-image {
    height: 500px;
  }

  .rightCard01 i {
    height: 500px;
  }

  .leftCard span {
    font-size: 34px;
    line-height: 44px;
  }

  .solutionSwiper p {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 45px;
  }

  .contLeftTitle span {
    font-size: 38px;
    line-height: 46px;
  }

  .skw-page__heading {
    margin: 40px 0;
    font-size: 38px;
    line-height: 45px;
  }

  .skw-page__content li {
    padding: 20px 0;
  }

  .logoDisplay div {
    height: 80px;
  }

  .bgBlack .innerCont {
    margin-top: 90px;
  }

  .hzTop p {
    margin: 38px 0 40px 0;
  }

  .skw-pages {
    overflow: hidden;
    position: relative;
    height: calc(100% - 100px);
    width: 1440px;
    margin: 0 auto;
    margin-top: 65px;
  }
  .bgBlack.fp-tableCell {
    padding-top: 35px !important;
  }
  .hzRight i { height: 750px !important; }
  .logoDisplay div img {
    height: 80px;
    object-fit: contain;
    width: 150px;
  }
  .skw-pages { overflow: hidden;position: relative;height: calc(100% - 100px);width: 1440px;margin: 0 auto;margin-top:15px; }
}
@media screen and (min-height: 850px) and (max-height: 1100px){
  .logoDisplay div { height: 80px; }

  .logoDisplay div img { height: 80px;object-fit: contain; width: 150px;}
  .sa-up01 {
    transition: initial;
    transform: initial;
  }
  .sa-up02 {
    transition: initial;
    transform: initial;
  }
  .sa-up03 {
    transition: initial;
    transform: initial;
  }
  .sa-up04 {
    transition: initial;
    transform: initial;
  }
  .sa-up05 {
    transition: initial;
    transform: initial;
  }
  .sa-up06 {
    transition: initial;
    transform: initial;
  }
  .sa-up07 {
    transition: initial;
    transform: initial;
  }

  .sa {
    opacity: 1;
  }

}

@media screen and (max-width: 1365px) {
  .hs-fieldtype-text { width: 100% !important; }
/*   #hsForm_54c5ed72-57a1-48c6-995e-6631b319e668 fieldset:first-of-type {height:338px} */
/*   #hsForm_54c5ed72-57a1-48c6-995e-6631b319e668 fieldset:nth-of-type(2) {width:50%;transform:translateY(-60px)} */
  #hsForm_54c5ed72-57a1-48c6-995e-6631b319e668 fieldset:nth-of-type(2) label {display:block;width:302px}
  .hs_mobilephone { width: 100% !important; }
  .hs_company, .hs_jobtitle, .hs_email { margin-bottom: 60px; }
  .formInner_experience .hs_company, .formInner_experience .hs_jobtitle, .formInner_experience .hs_email { margin-bottom: 0px; }
  .formInner input[type=text], input[type=tel], input[type=email] { width: 100%; }
  #label-company-54c5ed72-57a1-48c6-995e-6631b319e668, #label-jobtitle-54c5ed72-57a1-48c6-995e-6631b319e668, #label-email-54c5ed72-57a1-48c6-995e-6631b319e668 { margin-left: 0;}
  .hs_company .hs-error-msg, .hs_jobtitle .hs-error-msg, .hs_email .hs-error-msg { margin-left: 0;}
  
  /* 성공사례 영상 추가 작업 : 230601 */
  .seminar .title_area {
    margin: 66px 0 33px;
  }
  .seminar .title_area i img {
    width: 32px;
  }
  .seminar .title_area .title {
    margin: 16px 0;
  }
  .seminar .video_area {
    width: 648px;
    height: 364px;
  }
}

@media screen and (min-width: 320px) and (max-width: 999px) {
  .formWrap {  padding: 0; }
  .formTitle{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .formTitle p { margin-top: 40px; font-weight: 700;font-size: 24px;line-height: 34px; text-align: center;  }
  .formTitle span { font-size: 14px;line-height: 22px;text-align: center;color: #6A7081; margin: 16px 0 28px 0; }
  .sliderCont {margin-bottom: 40px; justify-content: center; padding: 0 40px; text-align: center; word-break: keep-all;font-weight: 600;font-size: 24px;line-height: 34px; }
  .slider { height: 362px; }
  .slider .slide img { width: 100px; height: 100px; }
  .slider .slide { margin-right: 18px; }
  .formTitle .img-cover { border-radius: 0; }
  .formTitle .formImg { border-radius: 0; }
  .formInner { margin: 40px 0;  padding: 0 24px; }
  .formInner label { font-weight: 500;font-size: 14px;line-height: 22px; }
  .formInner_title { font-size: 18px; padding-bottom: 16px; }
  .hbspt-form { padding-top: 32px; }
  .formInner input[type=text], .formInner input[type=tel], .formInner input[type=email] { padding: 12px 16px; height: 46px; font-weight: 500;font-size: 14px;line-height: 22px;color: #A6A6A6;}
  #hsForm_54c5ed72-57a1-48c6-995e-6631b319e668 fieldset:first-of-type {height:auto;margin-bottom:32px}
  #hsForm_54c5ed72-57a1-48c6-995e-6631b319e668 fieldset:nth-of-type(2) {transform:translateY(0);margin-bottom:32px}
  .formInner_experience .input select { padding: 12px 16px; height: 46px; font-weight: 600;font-size: 14px;line-height: 22px;}
  .formInner_experience input[type=text], .formInner_experience input[type=tel], .formInner_experience input[type=email] { padding: 12px 16px; height: 46px; font-weight: 500;font-size: 14px;line-height: 22px;color: #A6A6A6; }
  #label-company-0dec18ab-acd0-4bd7-8809-f40b0dd6596f, #label-lastname-0dec18ab-acd0-4bd7-8809-f40b0dd6596f, #label-inhr______________________-0dec18ab-acd0-4bd7-8809-f40b0dd6596f, #label-inhr____________________-0dec18ab-acd0-4bd7-8809-f40b0dd6596f {font-weight: 700;font-size: 18px;line-height: 26px; }
  .formBanner {position: fixed; width: 100%; height: 48px; font-size: 12px;line-height: 22px;}
  .formInner_experience .inputs-list li span { font-weight: 600;font-size: 14px;line-height: 22px; }
  .formWrap_experience .formTitle p { text-align: left;font-weight: 700;font-size: 24px;line-height: 32px; }
  .formWrap_experience .formTitle span { text-align: left;font-weight: 600;font-size: 14px;line-height: 22px; margin: 24px 0 28px 0; }
  .formWrap_experience .formTitle { margin: 0 24px;  align-items: flex-start; }
  .formInner_experience label.hs-error-msg, .formInner_experience .hs-main-font-element {font-weight: 500;
    font-size: 14px;
    line-height: 22px;}
  .formInner_experience { padding: 0 24px;  }
  .formWrap_experience { padding: 88px 0 0 0; width: 100% !important; min-width: 100% !important; max-width: 100% !important; }

  .formWrap_experience .hs-form-checkbox input[type=checkbox]+span:before {top: -4px;width: 16.5px;height: 16.5px;}
  .formInner_experience .hs-fieldtype-checkbox, .formInner_experience .hs_lastname { margin-top: 32px }
  .formInner_experience .hs-inhr.hs-fieldtype-booleancheckbox {margin-top: 24px;padding-top: 24px;}
  .formInner_experience .inputs-list.multi-container {margin-top: 24px; }
  .formWrap_experience .hs-input[type="checkbox"]+span:before {top: -2px;width:16.5px;height:16.5px;}
  .formInner_experience .hs-form-booleancheckbox span {padding-left: 33px;}
  .formInner_experience .inputs-list li.hs-form-checkbox span {padding-left: 33px;}
  .formInner textarea {  padding: 12px 16px; height: 90px; font-weight: 500;font-size: 14px;line-height: 22px;color: #A6A6A6;}
  .hs_company, .hs_jobtitle, .hs_email, .hs_lastname, .hs-form-checkbox, .hs_department, .hs_mobilephone { margin-bottom: 32px;}
  .hs_contact_purpose_inhr.hs-contact_purpose_inhr.hs-fieldtype-checkbox.field.hs-form-field { margin-bottom: 32px;}
  .formLogo { width: 194px;height: 48px;background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/mb_form.svg) center no-repeat; }
  .hs_contact_purpose_inhr.hs-contact_purpose_inhr.hs-fieldtype-checkbox.field.hs-form-field { width: 100%; float: initial; }
  .hs-fieldtype-text .hs-input { width: 100% !important; }
  .hs-form-field { width: 100%; float: initial; }
  .formInner { padding: 0 20px; }
  .formInner .hs-fieldtype-text .input { margin-right: 0px !important; }
  .hs-form-8c0ca410-144d-4857-a5e4-c4facf18f4ad_e2aff76a-150b-4e5e-8a03-d16797b566f2 fieldset.form-columns-2 .input { width: 100% !important; margin-right: 0px !important; }
  .formInner .hs-button { width: 100%; height: 48px; font-weight: 600;
    font-size: 14px;
    line-height: 22px;}
  .actions { width: 100%; }
}


@media screen and (min-width: 1280px) and (max-width: 1730px){
  #test03 {font-weight: 400; font-size: 72px; line-height: 72px; }
  #test04 {font-weight: 400; font-size: 72px; line-height: 72px;}
  .wrap { min-width: 1280px; }
  .innerCont { width: 1280px; }
  .skw-pages { width: 1280px; }
  .bannermainIn { width: 1280px; }
  .skw-pages { width: 1280px; }
  .skw-page { top: 5%; }
  .logoDisplay div { height: 85px; }
  .skw-page__heading { margin: 40px 0 35px 0; }
  .solutionSwiper p { margin-bottom: 65px; }
  .rightCard01 i { height: 500px; }
  .card-image { height: 500px; }
  .bgBlack .fp-tableCell { padding-top: 140px; }
  .contRightList li span:first-child { font-size: 18px; line-height: 27px; }
  .contRightList li span:nth-child(2) { font-size: 18px; line-height: 27px; }
  .mbIntro { padding: 140px 0; }
  .mtDrop .mtInner i { width: 550px; }
  .skw-page__content li { font-size: 18px; padding: 18px 0; }
  .hzRight i { width: 800px; height: 800px; }
  .fp-scroller { padding-top: 100px; }
  .tab-label { font-size: 18px; }
  .tab-content { font-size: 18px; }
  .hzTop p { margin: 38px 0; }

}


@media all and (min-width: 321px) and (max-width: 768px){
  .mbInline { display: inline-block; }
  #lottieWrap { display: none;}
  .wrap_modal div[class^="modal"] { width: 80%; height: fit-content; max-height: 60%; overflow-y: auto;}
  .wrap_modal div[class^="modal"] strong { white-space: pre-wrap; }
  .wrap_modal .btn_close { right: 13px; top: 13px; }
  .logoDisplay div img { width: 16%}
  .formSubmit_text { width: 85%; height: 362px;}
  .formSubmit_text p { margin: 8px 0 24px 0; white-space: pre-wrap;font-size: 24px;line-height: 34px;}
  lottie-player.form-lottie { width: 96px; height: 96px; }
  .formSubmit_text a {padding: 16px;width: 248px;height: 46px;border-radius: 8px; font-size: 14px;line-height: 22px;}
  .formSubmit_text span {font-size: 14px; line-height: 22px; margin-bottom: 24px;}
  .form-bottomText span { font-size: 12px; line-height: 22px; }
  
  /* 성공사례 영상 추가 작업 : 230601 */
  .seminar .title_area {
    margin: 0 0 33px;
  }
  .seminar .title_area .title, .seminar .title_area .sub_text {
    word-break: keep-all;
  }
  .seminar .video_area {
    width: 312px;
    height: 175px;
    margin-bottom: 60px;
  }
}

@media all and (max-width: 1280px){
  #test03 {font-weight: 400; font-size: 72px; line-height: 72px; }
  #test04 {font-weight: 400; font-size: 72px; line-height: 72px;}
  html, body { max-width: 100%; overflow-x: hidden; }
  .mainWrap { overflow-x: hidden !important; }
  .wrap { margin-top: 0px; width: 100%; min-width: 300px;}
  .innerCont { width: 100%; padding: 0 12px; border-bottom: none; }
  .mainWrap .innerCont { width: 100% !important; padding: 39px 24px; }
  .mainWrap .innerCont.solutionSwiper { padding: 25px 24px; margin-bottom: 100px; }
  .chline { display: block; }
  .pcMain { display: none !important; }
  .mbMain { display: flex !important; }
  .container { margin: 0; }
  .topBanner { flex-direction: column; padding: 0 12px; }
  .topBanner span { border-right: none; font-size: 12px; line-height: 20px; font-weight: 500; }
  .topBanner a { font-size: 12px; line-height: 20px; }
  .topBanner a::after { position: relative; top: 3px; background-size: 30px; }
  .bannerInner { width: 100%; }
  .bannerInner p { text-align: center; font-size: 24px; line-height: 30px; }
  .bannerInner a { width: 180px; height: 48px; margin: 0 auto; }
  .bannerInner a:first-child {  margin-top: 24px;  }
  .bannerInner a:nth-child(2) { margin-top: 16px; }
  .bannerInner a span { font-size: 14px; line-height: 22px; }
  .solutionBanner.footerBanner { height: 590px; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/banner_detail.png) left no-repeat; }
  .icon-scroll { top: 85%; width: 38.35px; height: 59px; }
  .icon-scroll:before { width: 12.03px; height: 20.08px; background-size: 12px; margin-left: -6px; }
  .mbTxt em, .mbTxt span { text-align: right; }
  .logoDisplay div img { width: 16%}
  /* gnb _ mobile */
  .navTrigger { display: block; }
  .nav div.main_list { width: 100%; height: 0; overflow: hidden; }
  .nav div.show_list { height: 100vh; background:rgba( 0, 0, 0, 0.3);  display: none; }
  .nav div.main_list ul { flex-direction: column; width: 100%; height: fit-content; right: 0; left: 0; bottom: 0; background-color: #fff; background-position: center top; }
  .nav div.main_list ul li { width: 100%; text-align: left; line-height: 54px; border-bottom: 1px solid #ADB3C2;; }
  .nav div.main_list ul li a { text-align: left; width: 100%; font-weight: 600; font-size: 14px; padding: 16px 24px; line-height: 22px; color:#202020; }
  .nav div.main_list ul li.nowGnb a { color: #202020; }
  .nav div.media_button { display: block; }
  #test03 {font-weight: 400; font-size: 72px; line-height: 72px; }
  #test04 {font-weight: 400; font-size: 72px; line-height: 72px;}
  .navTrigger { cursor: pointer; width: 30px; height: 14px; margin: auto; position: absolute; right: 24px; top: 0; bottom: 0; }
  .navTrigger i { background-color: #202020; border-radius: 2px; content: ''; display: block; width: 100%; height: 2px; }
  .navTrigger i:nth-child(1) { -webkit-animation: outT 0.8s backwards; animation: outT 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
  .navTrigger i:nth-child(2) { margin: 5px 0; -webkit-animation: outM 0.8s backwards; animation: outM 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
  .navTrigger i:nth-child(3) { -webkit-animation: outBtm 0.8s backwards; animation: outBtm 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
  .navTrigger.active i:nth-child(1) { -webkit-animation: inT 0.8s forwards; animation: inT 0.8s forwards; }
  .navTrigger.active i:nth-child(2) { -webkit-animation: inM 0.8s forwards; animation: inM 0.8s forwards; }
  .navTrigger.active i:nth-child(3) { display: none; }
  .mbIntro em { margin: 0 auto; }

  /*one page scroll css*/
  .onePage-1 .fp-tableCell { vertical-align: initial !important; }
  .horizontalScroll .fp-tableCell { vertical-align: bottom !important; }
  .bgBlack .fp-tableCell { vertical-align: initial !important; }
  .mbIntro .fp-tableCell { display: flex !important; flex-direction: column; justify-content: center; align-items: center; vertical-align: middle !important; }
  .solutionSwiper .fp-tableCell { vertical-align: initial !important; }
  .solutionSwiper.fp-section.fp-table { width: 1440px; }
  .swiper-pagination { justify-content: center; }
  .scrollable-content { height: 100%;  overflow: scroll; }


  .sa { opacity: 1; }
  .sa-down01 {
    transform: initial;
    transition: initial;
  }
  .sa-down02 {
    transform: initial;
    transition: initial;
  }
  .sa-down03 {
    transform: initial;
    transition: initial;
  }
  .sa-down04 {
    transform: initial;
    transition: initial;
  }
  .sa-down05 {
    transform: initial;
    transition: initial;
  }
  .sa-down06 {
    transform: initial;
    transition: initial;
  }
  .sa-down07 {
    transform: initial;
    transition: initial;
  }
  .sa-up {
    transform: initial;
    transition: initial;
  }
  .sa.show {
    opacity: 1;
    transform: none;
  }


  @-webkit-keyframes inM { 50% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(45deg); }
  }

  @keyframes inM { 50% { transform: rotate(0deg); }
    100% { transform: translateY(-2px) rotate(45deg); }
  }

  @-webkit-keyframes outM { 50% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(45deg); }
  }

  @keyframes outM { 50% { transform: rotate(0deg); }
    100% { transform: rotate(45deg); }
  }

  @-webkit-keyframes inT {
    0% { -webkit-transform: translateY(0px) rotate(0deg); }
    50% { -webkit-transform: translateY(9px) rotate(0deg); }
    100% { -webkit-transform: translateY(9px) rotate(135deg); }
  }

  @keyframes inT {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(9px) rotate(0deg); }
    100% { transform: translateY(4.4px) rotate(132deg); }
  }

  @-webkit-keyframes outT {
    0% { -webkit-transform: translateY(0px) rotate(0deg); }
    50% { -webkit-transform: translateY(9px) rotate(0deg); }
    100% { -webkit-transform: translateY(9px) rotate(135deg); }
  }

  @keyframes outT {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(9px) rotate(0deg); }
    100% { transform: translateY(9px) rotate(135deg); }
  }

  @-webkit-keyframes inBtm {
    0% { -webkit-transform: translateY(0px) rotate(0deg); }
    50% { -webkit-transform: translateY(-9px) rotate(0deg); }
    100% { -webkit-transform: translateY(-9px) rotate(135deg); }
  }

  @keyframes inBtm {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-9px) rotate(0deg); }
    100% { transform: translateY(-9px) rotate(135deg); }
  }

  @-webkit-keyframes outBtm {
    0% { -webkit-transform: translateY(0px) rotate(0deg); }
    50% { -webkit-transform: translateY(-9px) rotate(0deg); }
    100% { -webkit-transform: translateY(-9px) rotate(135deg); }
  }

  @keyframes outBtm {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-9px) rotate(0deg); }
    100% { transform: translateY(-9px) rotate(135deg); }
  }
  /* font */
  .priceTitle { display: flex; justify-content: center; text-align: center; font-size: 24px; line-height: 30px; margin: 50px 0; }

  .priceInner .priceCont { width: 100%; height: 440px; min-height: 380px; padding: 24px; align-items: flex-start; }
  .priceList ul li { font-size: 14px; line-height: 22px; margin-bottom: 8px; width: 100%; text-align: left; }
  .priceInner { flex-direction: column; flex-wrap: wrap; }
  .priceInner .priceCont .priceTxt i { margin-bottom: 18px; width: 46px; height: 46px; }
  .priceInner .priceCont:first-child .priceTxt i { background: none; }
  .priceInner .priceCont:nth-child(2) .priceTxt i { background: none; }
  .priceInner .card01 .priceTxt i { background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ic_module_performance.svg) center no-repeat; background-size: contain; }
  .priceInner .card02 .priceTxt i { background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ic_module_evaluation.svg) center no-repeat; background-size: contain; }
  .priceInner .card03 .priceTxt i { background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/ic_module_unification.svg) center no-repeat; background-size: contain !important; }
  .priceTxt { text-align: left; }
  .priceTxt span { font-size: 14px; line-height: 22px; }
  .priceTxt p { font-weight: 600; font-size: 18px; line-height: 26px; margin-bottom: 16px; }
  .priceInfo02 .priceCont { padding: 24px; }
  .priceInfo02 .priceList ul li { float: initial; margin: 8px 0 0 0; font-size: 14px; line-height: 22px; }
  .priceList ul li::before { top: 6px; }
  .priceContTxt { margin: 40px 0 48px 0; }
  .priceContTxt span { font-weight: 600; font-size: 14px; line-height: 22px; }
  .solutionBanner { padding: 38px; height: 485px; background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/img_banner_hr_professional.png)
  90% 83% no-repeat; }
  .logoDisplay div { height: 85px; }

  .priceCont p.nowPrice { font-size: 24px; }
  .priceCont p.beforePrice { font-weight: 600; font-size: 14px; line-height: 22px; }

  /* faq */
  .faqInner { padding-bottom: 12px; }
  .tab-label { flex-direction: column; align-items: center; padding: 24px; height: initial; font-size: 14px; line-height: 22px; text-align: center; word-break: keep-all; }
  .faqInner input + label span::before { display: block; top: 0; margin: 0 auto; margin-bottom: 16px; }
  .tab-label::after { display: none; }
  .tab-content { font-size: 14px; line-height: 22px; font-weight: 600; }
  .tab-content span { padding-top: 16px; text-align: center; }
  .faqInner input:checked ~ .tab-content { padding: 0 24px 24px 24px; }
  .faqInner input + label span::before { width: 49px; height: 30px; font-size: 14px; line-height: 30px; }


  .skw-page__half--right { display: none; }
  .skw-page__half { width: 100%; }
  .bannermainIn { flex-direction: column; width: 100%; }
  .mainBanner01 { height: initial; padding: 80px 0 }
  .skw-pages { width: 100%; }
  .mtDrop .mtInner i { width: 100%;}
  .section-heading { font-size: 24px; line-height: 30px; font-weight: 600; }
  .section-heading .leftBar { width: 5.81px; height: 21.52px; margin-right: 20px; top: 3px;}
  .section-heading .rightBar { width: 5.81px; height: 21.52px; margin-left: 20px;}
  .bannermainIn p { font-size: 24px; line-height: 30px; text-align: center }
  .bannerLogo { margin: 60px 0; }
  .bannerLogo li span:first-child { font-size: 14px; line-height: 22px; text-align: left; margin: initial; }
  .bannerLogo li span:nth-child(2) { font-size: 12px; line-height: 20px; font-width: 500; text-align: left; margin: initial; }
  .bannerLogo li { float: initial; flex-direction: row; justify-content: flex-start; margin-bottom: 24px; margin-right: 0; }
  .bannermainIn a { width: 189px; height: 48px; margin: 0 auto; }
  .bannermainIn a span { font-size: 14px; line-height: 22px; }
  .bannerLogo li em { width: 46px; height: 46px; background-size: 46px; margin-right: 24px; }
  .bannerBtn { flex-direction: column;}
  .mb-page__content { display: flex; align-items: flex-start; justify-content: center; flex-flow: column wrap; width: 100%; color: #fff;transition: transform 1s, opacity 1s;background-size: cover; background: #fff; padding: 0 24px 60px; }
  .mb-page__content ul { width: 100%; }
  .mb-page__heading {display: block;margin: 16px 0 24px 0;font-size: 24px; line-height: 30px; font-weight: 600; color: #000}
  .mb-page__content i { display: block; width: 62px; height: 16px; background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/logo_symbol.svg") center no-repeat; background-size: cover; }
  .mb-page__content li { display: flex; font-weight: 500; font-size: 14px;line-height: 22px; color: #262E3D; padding: 32px 0; border-top: 1px solid #ADB3C2;}
  .mb-page__content li:last-child { border-bottom: 1px solid #ADB3C2 }

  .bgBlack .innerCont { flex-direction: column; padding: 45px 24px; }
  .contLeftTitle span { font-size: 24px; line-height: 30px; margin-bottom: 60px; font-weight: 600; }
  .contRightList li span:first-child { font-size: 14px;line-height: 22px; }
  .contRightList li span:nth-child(2) { font-size: 14px;line-height: 22px; margin-top:8px; white-space: initial; }
  .contRightList li { margin-bottom: 10px; }
  .contRightList { width: 100%; padding-top: 15px; }
  .contLeftTitle { width: 100%; }
  .contLeftTitle.mbMain { margin-top: 60px;  }
  .contLeftTitle.mbMain span { margin-bottom: 0; }
  .contLeftTitle.mbMain { margin-top: 60px;}
  .contRightList li { margin-bottom: 40px; }
  .mbIntro span { font-weight: 600;font-size: 28px;line-height: 36px; }
  .mbIntro em { width: 84px;height: 38px;font-weight: 600;font-size: 14px;line-height:36px; }
  .imgBanner span { font-weight: 600;font-size: 18px;line-height: 26px; }
  .imgBanner { height: 240px; }
  .mtDrop { flex-direction: column; }
  .mtDrop .mtInner em {font-weight: 600;font-size: 14px; line-height: 22px; margin-bottom: 0;}
  .mtDrop .mtInner span {font-weight: 600;font-size: 18px;line-height: 26px; margin: 6px 0 16px 0;}
  .rightMt { margin-top: 0; }
  .mtInner { margin-bottom: 60px; }
  .mtimg01 { background-size: cover; height: 300px; }
  .mtimg02 { background-size: cover; height: 300px; }
  .mtimg03 { background-size: cover; height: 300px; }
  .mtimg04 { background-size: cover; height: 300px; }

  .mbMain.mbIntro { display: flex !important; margin: 100px 0; }
  .mainWrap section .bg { height: calc(100vh - 75px)  }
  .videoScroll01 video { margin-top: 0px; height: calc(100% - 75px); }

  .jb { width: 100%; }
  .solutionSwiper.fp-section.fp-table { width: 100%; }
  .solutionSwiper p { font-size: 28px; line-height: 36px; margin-bottom: 60px; }
  .main .container .swiper-container .swiper-button-next, .main .container .swiper-container .swiper-button-prev { display: none
  ;}
  .card-image { flex-direction: column; height: initial; }
  .leftCard { width: 100%; height: 250px; }
  .rightCard { width: 100%; }
  .leftCard span { font-size: 18px; line-height: 26px; margin: 15px 0; }
  .leftCardName em { font-size: 14px; line-height: 36px; }
  .cardImg01 { width: 70px; background-size: 70px; }
  .cardImg02 { width: 70px; background-size: 70px; }
  .cardImg03 { width: 70px; background-size: 70px; }
  .cardImg04 { width: 116.39px; background-size: 116.39px; }
  .rightCard i { height: 300px; }
  .leftCard { margin-bottom: 30px; }
  .swiper-container { overflow: visible !important; }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -50px !important; }
  .txtListOn { font-weight: 500;}
  .rightNum span:first-child { font-weight: 700; }
  .mbIntro .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -40px; }

  .footerInner { padding: 30px 30px; width: 100%; }
  .info table tr td:first-child { padding: 0; }
  .info table td { padding: 0; border-right: none; word-break: keep-all; }
}

@media all and (max-width: 1024px) {
  .logoDisplay div { height: 30px; margin-bottom: 20px; }
}

@media all and (min-width: 2160px) {
  .hzTop p {font-weight: 600;font-size: 56px;line-height: 76px;}
}


/* 2023년 메인 리뉴얼 스타일 */
@keyframes visualEff{
  100%{opacity:1;}
}
.section.visual_renewal .inner{position:relative;overflow:hidden;width:100%;height:calc(100vh - 100px);margin-top:100px;}
.section.visual_renewal video{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;margin-bottom: 16px;}
.section.visual_renewal .cont{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;width:95%;max-width:1440px;justify-content:space-between;}
.section.visual_renewal .cont>div{animation:visualEff .5s forwards; opacity:0;transition:opacity;}
.section.visual_renewal .txt .logo{width:120px}
.section.visual_renewal .txt h2{margin:60px 0 24px;font-weight: 700;font-size: 48px;line-height: 66px;color: #fff;text-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);}
.section.visual_renewal .txt p{font-weight: 700;font-size: 24px;line-height: 36px;color: #fff;text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 1px 4px rgba(0, 0, 0, 0.15);}
.section.visual_renewal .txt a{background: #fff url(https://recruit.jobda.im/hubfs/inhr+/visual_renewal/icon_download.svg) no-repeat right 36px center / 20px;margin-top:48px;padding:0 71px 0 40px;font-weight: 600;font-size: 20px;color: #000;border-radius: 30px;line-height:60px;}
.section.visual_renewal .cont>div.wrap_txt{animation-delay:.5s;}
.section.visual_renewal .cont>div.box{display:flex;column-gap:24px;filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.1));animation-delay:4s}
.section.visual_renewal .box>div{background: #fff;width:348px;padding:32px 32px 28px;border: 0.746622px solid #ADB3C2;border-radius: 16px;}
.section.visual_renewal .box>div>img{width:52px;}
.section.visual_renewal .box>div>strong{display:block;margin:28px 0 4px;font-weight: 700;font-size: 20px;line-height: 36px;color: #000;}
.section.visual_renewal .box>div>p{font-weight: 600;font-size: 16px;line-height: 24px;color: #262E3D;}
.section.visual_renewal .box>div>ul{margin-top:28px;}
.section.visual_renewal .box>div>ul>li{background:url(https://recruit.jobda.im/hubfs/inhr+/visual_renewal/icon_list.svg) no-repeat left 4px center / 17px;padding-left:30px;font-weight: 500;font-size: 16px;line-height: 24px;color: #6A7081;}
.section.visual_renewal .box>div>ul>li+li{margin-top:6px;}
.section.visual_renewal .box>div>a{display:block;margin-top:24px;font-weight: 600;font-size: 16px;line-height: 32px;text-align: center;color: #1D56E8;}
.section.visual_renewal .slide_visual{padding-bottom:32px;}
.section.visual_renewal .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0 !important;}
.renewal .logoDisplay p{width:100%;margin: 100px 0;font-weight: 600;font-size: 56px;line-height: 72px;text-align: center;color: #000;}
.renewal .solutionSwiper p{margin:100px 0;}

@media (max-width: 1280px){
  .wrap.renewal{padding-top:0;}
  .section.visual_renewal video{display:none;}
  .section.visual_renewal .inner{background:#fff;height:auto;margin:0;}
  .section.visual_renewal .cont{position:static;transform:translate(0);flex-direction:column;width:auto;}
  .section.visual_renewal .wrap_txt{display:flex;flex-direction:column;justify-content:center;background:url(https://recruit.jobda.im/hubfs/inhr+/visual_renewal/visual_mob.jpg) no-repeat center / cover;height:calc(100vh - 76px);margin-bottom:16px;text-align:center;border-radius: 16px;}
  .section.visual_renewal .txt .logo{width:62px}
  .section.visual_renewal .txt h2{margin:32px 0 16px;font-size:22px;line-height:32px}
  .section.visual_renewal .txt p{font-weight: 800;font-size: 14px;line-height: 22px;}
  .section.visual_renewal .txt a{background-size:15px;background-position:right 28px center;padding:0 58px 0 32px;line-height:48px;font-weight: 600;font-size: 14px;}
  .section.visual_renewal .box>div{padding:28px;}
  .section.visual_renewal .box>div>img{width:46px;}
  .section.visual_renewal .box>div>strong{margin-top:24px;}
  .section.visual_renewal .box>div>p{font-size:14px;line-height:22px;}
  .section.visual_renewal .box>div>ul{margin-top:24px;}
  .section.visual_renewal .box>div>ul>li{font-size:14px;line-height:22px;}
  .section.visual_renewal .box>div>a{font-size:14px;line-height:22px;}
  .renewal .logoDisplay p{margin:60px 0; font-size: 28px;line-height: 36px;}
  .renewal .solutionSwiper p{margin:60px 0;}
}

@media screen and (min-height: 800px) and (max-height: 900px){
  .renewal .logoDisplay p{font-size: 40px;line-height: 52px;margin-bottom: 45px;}
}