@import url('https://fonts.googleapis.com/css2?family=Expletus+Sans:ital,wght@0,400..700;1,400..700&display=swap');

.font_expletus {
   font-family: "Expletus Sans", sans-serif;
   font-weight: 700;
   font-style: italic;
}

:root {
   --hd_height_corp: 83px;
}


/********** 기업 서비스 헤더 **********/

.corp_hd .home_img {
  margin-bottom: 0.125rem;
}
/* 로고 */
.corp_hd .logo {
   width: 8.8rem;
}

.corp_hd .hd_pc_t {
   display: flex;
   align-items: center;
   height: 34px;
   /* background: var(--gray-900); */
   background: #000002;
   line-height: 1.1;
}

.corp_hd .hd_pc_t ul>li>a,
.corp_hd .hd_pc_t ul>li>.btn {
   color: #fff;
   font-size: 1.3rem;
   font-weight: 400;
}

.corp_hd .hd_pc_t .dropdown-toggle::after {
   display: none;
}


.footer{background: #000002;}

/* 메인 nav */
.corp_hd .hd_pc_b {
   display: flex;
   align-items: center;
   height: 49px;
}

.corp_hd .nav_ul {
   gap: 2.5rem;
}

.corp_hd .nav_ul .nav_li>.nav_a {
   font-size: 1.6rem;
   font-weight: 600;
   margin: 0;
   padding: 1.3rem 0;
   letter-spacing: -0.002em;
}

.corp_hd .nav_ul .nav_li:hover>a {
   position: unset;
   color: unset;
}

.corp_hd .nav_ul .nav_li:hover>a::after {
   display: none;
}

.corp_hd .nav_ul .nav_li>a:hover,
.corp_hd .nav_ul .nav_li.on>a {
   color: var(--primary);
}


/* 티브릿지 말풍선 */
.corp_hd .nav_ul .headhunt {
   position: relative;
}

.corp_hd .nav_ul .headhunt::after {
   content: "";
   display: block;
   width: 7.2rem;
   height: 2.7rem;
   background: url('../img/tbridge_bubble.png') no-repeat center;
   background-size: cover;
   position: absolute;
   top: calc(-2px + 1.3rem);
   left: 50%;
   transform: translateX(-50%) translateY(-100%);
}

/* 해더탑 개인서비스 */
.go_index{display: inline-block; position: relative; background: transparent; border: 1px solid #9DA6B1; border-radius: 5rem; padding: 0.4rem 2.5rem 0.4rem 0.8rem; color: #fff !important; font-size: 1.3rem;}
.go_index::before{position: absolute; content: ""; background: url('/img/ic_new_window_w.png') no-repeat; width: 12px; height: 12px; right: 0.9rem; background-size: cover;}

/* 모바일메뉴 */
.m_nav .menu_hd, .m_nav .menu_md{background: #313335;}
.mb_link{display: flex;}
.mb_link .go_index{margin-top: 1rem;}
.m_menu_wr .go_corp{color: #fff !important;}

.menu_md .go_mp{color: #fff;}
.menu_bt a{background: #000002; color: #fff;}

.m_nav_ul > li{border-top: 1px solid #ececec;}
.m_nav_tit{background-color: #fff;}
.nav_ul2{background: #f6f6f6;}

.corp_pg {
   letter-spacing: -0.002em;
}

.hd_menu_btn{background-image: url('../img/ic_menu_w.png');}


@media (max-width : 991.98px){
   .hd_mo {display: block; background: #000002;}
   .hd_mo .select_lang_txt{color: #fff;}
}

/********** 인적성검사 페이지 **********/
.sub_pg.corp_index {
   background: var(--gray-100);
}

.corp_index .section01,
.corp_index .section03 {
   background: #fff;
}

.corp_index .main_sect {
   overflow: hidden;
   background: linear-gradient(0deg, rgba(253, 254, 255, 1) 0%, rgba(236, 243, 255, 1) 100%);
}

.corp_index .main_sect .container {
   position: relative;
   padding-top: 10.0rem;
}

.corp_index .main_sect .main_text {
   text-align: center;
   position: relative;
   z-index: 2;
}

.corp_index .main_sect .main_text span {
   display: inline-block;
   font-size: 2.4rem;
   font-weight: 600;
   margin-bottom: 1.6rem;
   line-height: 1.3;
   color: var(--blue);
   border: 2px solid var(--blue);
   border-radius: 5rem;
   padding: 0.3rem 1.5rem;
}

.corp_index .main_sect .main_text .tit {
   font-size: 5.5rem;
   font-weight: 700;
   line-height: 1.4;
   margin-bottom: 1.0rem;
}

.corp_index .main_sect .main_text .sm_txt {
   font-size: 3.6rem;
   line-height: 1.4;
   color: var(--text);
   margin-bottom: 0;
}

/* 메인 큰 이미지 */
.corp_index .main_sect .container::after {
   content: '';
   display: block;
   aspect-ratio: 573 / 328;
   width: 573px;
   max-width: 100%;
   margin: 7.5rem auto 0;
   position: relative;
   z-index: 1;
   background: url(../img/corp_main_img.png) no-repeat top center;
   background-size: cover;
}

/* 움직이는 이미지 */
.move_img_gr1::after {
   content: '';
   display: block;
   aspect-ratio: 164 / 132;
   width: 164px;
   background: url(../img/move_img2.png) no-repeat center;
   background-size: cover;
   position: absolute;
   bottom: 200px;
   right: 0;
   z-index: 0;
   animation: floatanimate1 4s infinite;
}

.move_img_gr1::before {
   content: '';
   display: block;
   aspect-ratio: 183 / 159;
   width: 183px;
   background: url(../img/move_img3.png) no-repeat center;
   background-size: cover;
   position: absolute;
   bottom: 150px;
   left: 20px;
   z-index: 0;
   animation: floatanimate2 4s 0.3s infinite;
}

.move_img_gr2::after {
   content: '';
   display: block;
   aspect-ratio: 144 / 147;
   width: 144px;
   background: url(../img/move_img4.png) no-repeat center;
   background-size: cover;
   position: absolute;
   bottom: -10px;
   right: 200px;
   z-index: 0;
   animation: floatanimate3 4s 0.5s infinite;
}

@keyframes floatanimate1 {
   0% {
      bottom: 200px
   }

   50% {
      bottom: 180px
   }

   100% {
      bottom: 200px
   }
}

@keyframes floatanimate2 {
   0% {
      bottom: 150px
   }

   50% {
      bottom: 135px
   }

   100% {
      bottom: 150px
   }
}

@keyframes floatanimate3 {
   0% {
      bottom: -10px
   }

   50% {
      bottom: -25px
   }

   100% {
      bottom: -10px
   }
}

/* 섹션 공통 여백 */
.corp_pg .cont_sect {
   padding-top: 15.0rem;
   padding-bottom: 15.0rem;
}

.corp_pg .section_tit_wr {
   margin-bottom: 6.0rem;
   text-align: center;
}

.corp_pg .section_tit {
   font-size: 4.5rem;
   font-weight: 700;
   line-height: 1.4;
   white-space: pre-line;
}

.corp_pg .sm_tit {
   font-size: 2.6rem;
   font-weight: 500;
}

.corp_pg .section_tit+.sm_tit {
   margin-top: 1.6rem;
}

.corp_pg .sm_tit+.section_tit {
   margin-top: 1.6rem;
}

/* 까다로운 역량 검증 */
.corp_index .cont_sect.section01 {
   padding-top: 17.0rem;
   padding-bottom: 20.0rem;
}

.corp_index .section01 .section_tit_wr {
   margin-bottom: 7.0rem;
}

.corp_index .section01 .icon_box {
   text-align: center;
}

.corp_index .section01 .icon_box img {
   width: 10.0rem;
   margin-bottom: 3.0rem;
}

.corp_index .section01 .icon_box p {
   font-size: 2.0rem;
   font-weight: 500;
}

/* 어떻게 뽑을까? */
.corp_index .section02 {
   background: var(--gray-900);
   color: #fff;
}

.charat_wr {
   justify-content: space-evenly;
}

.charat_box {
   min-width: 39.0rem;
   margin: 0 2.0rem;
   display: flex;
   flex-direction: column;
}

.charat_box .charat_white_box {
   position: relative;
   background: rgb(255 255 255 / 30%);
   border-radius: 1.5rem 1.5rem 0 0;
   padding: 9.2rem 2.4rem 3.6rem;
   text-align: center;
   margin-top: calc(13.5rem / 2);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   gap: 2.4rem;
   flex-grow: 1;
}

.charat_box .charat_white_box::before {
   content: "";
   display: block;
   width: 13.5rem;
   height: 13.5rem;
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
}

.charat_box .charat_white_box.ch1::before {
   background: url('../img/character_circle01.png') no-repeat center;
   background-size: cover;
}

.charat_box .charat_white_box.ch2::before {
   background: url('../img/character_circle02.png') no-repeat center;
   background-size: cover;
}

.charat_box .charat_white_box .arrow {
   display: block;
   width: 2.2rem;
   height: 2.2rem;
   background: url('../img/white_sm_arrow.png') no-repeat center;
   background-size: cover;
   flex-shrink: 0;
}

.charat_box .charat_white_box p.font_expletus {
   font-size: 3.2rem;
}

.charat_box .btn {
   font-size: 1.6rem;
   border-radius: 0 0 1.5rem 1.5rem;
}

/* 비교 테이블 */
.round_table_style {
   overflow: hidden;
   border-radius: 1.5rem;
   border: 1px solid var(--gray-400);
}

.round_table_style table {
   width: 100%;
   text-align: center;
   line-height: 1.5;
   word-break: keep-all;
}

.round_table_style table colgroup col:nth-child(1) {
   width: 20%;
}

.round_table_style table colgroup col:nth-child(2),
.round_table_style table colgroup col:nth-child(3) {
   width: 40%;
}

.round_table_style thead th {
   padding: 2.4rem;
   font-size: 2.4rem;
}

.round_table_style tbody th,
.round_table_style tbody td {
   padding: 1.2rem;
   font-size: 1.8rem;
}

.round_table_style tbody tr:nth-child(odd) {
   background: var(--gray-100);
}

/* 테이블 가로 스크롤 처리 */
.scroll_table {
   overflow-x: scroll;
}

.corp_pg .round_table_style {
   min-width: 99.0rem;
}

/* 테이블 스크롤 버튼 */
.table_slide_wr {
   position: relative;
}

.btn.table_slide_btn {
   width: 4.0rem;
   height: 4.0rem;
   padding: 0;
   border: 1px solid var(--gray-200);
   box-shadow: 0 0 15px rgb(0 0 0 / 5%);
   position: absolute;
   left: -10px;
   top: 50%;
   transform: translateY(-50%);
   background: rgb(255 255 255 / 50%);
   display: none;
}

.btn.table_slide_btn:hover,
.btn.table_slide_btn:focus,
.btn.table_slide_btn:active {
   background: rgb(255 255 255 / 50%);
   box-shadow: 0 0 15px rgb(0 0 0 / 5%);
}

.btn.table_slide_btn.btn_right {
   left: unset;
   right: -10px;
}

.btn.table_slide_btn.btn_right img {
   transform: scaleX(-1);
}

/* 서비스 이용 방법 */
.cont_sect.section04 {
   padding-bottom: 6.0rem;
}

.service_step_box {
   background: #fff;
   border-radius: 1.5rem;
   box-shadow: 0 0 1rem rgb(19 46 131 / 7%);
   padding: 3.0rem;
   line-height: 1.2;
   word-wrap: break-word;
   flex-basis: 330px;
}

.service_step_box .number {
   display: block;
   font-size: 2.4rem;
   font-weight: 700;
   color: var(--blue);
   margin-bottom: 0.8rem;
}

.service_step_box strong.tit {
   display: block;
   font-size: 2.4rem;
   font-weight: 700;
   margin-bottom: 2.0rem;
}

.service_step_box p.txt {
   font-size: 1.6rem;
   color: var(--gray-800);
   white-space: pre-line;
   line-height: 1.4;
}

.service_step_box~.arrow {
   width: 2.5rem;
   flex-shrink: 0;
}

/* 신청방법 알아보기 버튼 */
.sticky_wr {
   display: inline-flex;
   position: sticky;
   width: 100%;
   left: 0;
   bottom: 3.0rem;
   margin-bottom: 15.0rem;
   z-index: 2;
}

.sticky_btn {
   /* position: sticky;
   left: 50%;
   bottom: 3.0rem;
   transform: translateX(-50%); */
   min-width: 23.0rem;
   max-width: 25.0rem;
   font-size: 1.6rem;
   font-weight: 500;
   /* margin-bottom: 15.0rem; */
   height: auto;
   min-height: var(--height_lg);
   padding: 1.0rem 2.0rem;
}

/* 신청방법 모달 */
#service_info_modal .modal-dialog-scrollable .modal-body {
   max-height: 590px;
}

#service_info_modal .lv_1_num {
   background: var(--blue);
}


/********** 헤드헌팅 페이지 **********/
.headhunt_pg.sub_pg {
   background: #fff;
}

.headhunt_pg .main_sect {
   background: url('../img/headhunt_main_bg.png') no-repeat center;
   background-size: cover;
   color: #fff;
}

.headhunt_pg .sub_sect {   
   background-size: cover;
   color: #fff;
}


.headhunt_pg .main_sect .main_text {
   position: relative;
   z-index: 2;
   text-shadow: 0 0 1px rgb(0 0 0 / 20%);
}

.headhunt_pg .main_sect .main_text span {
   display: inline-block;
   font-size: 2.8rem;
   margin-bottom: 2.0rem;
}

.headhunt_pg .main_sect .main_text .tit {
   font-size: 5.5rem;
   font-weight: 700;
   line-height: 1.4;
   margin-bottom: 1.6rem;
   max-width: 70%;
}

.headhunt_pg .main_sect .main_text p {
   font-size: 2.8rem;
   line-height: 1.4;
   max-width: 70%;
}

.headhunt_pg .main_sect .main_text .download_btn {
   background: #fff;
   margin-top: 4.0rem;
   min-width: 16.0rem;
}

.headhunt_pg .main_sect .main_text .download_btn:hover {
   background: var(--gray-200);
}

.headhunt_pg .main_sect .container {
   position: relative;
   padding-top: 12.0rem;
   padding-bottom: 14.0rem;
}

.headhunt_pg .main_sect .container::before {
   content: "";
   display: block;
   aspect-ratio: 315 / 457;
   width: 31rem;
   background: url('../img/headhunt_main_img01.png') no-repeat center;
   background-size: cover;
   position: absolute;
   right: 50px;
   bottom: 0;
   z-index: 0;
}

.headhunt_pg .main_sect .container::after {
   content: "";
   display: block;
   aspect-ratio: 132 / 96;
   width: 10rem;
   background: url('../img/headhunt_main_img02.png') no-repeat center;
   background-size: cover;
   position: absolute;
   right: 10px;
   bottom: 410px;
   z-index: 0;
   animation: floatanimate5 3.5s infinite;
}

@keyframes floatanimate5 {
   0% {
      bottom: 410px
   }

   50% {
      bottom: 390px
   }

   100% {
      bottom: 410px
   }
}


/* 이런 고민 해보셨나요? */
.headhunt_pg .section01 {
   background: var(--gray-100);
}

.headhunt_pg .section01 .charat_wr {
   display: grid;
   grid-template-columns: auto auto;
   justify-content: space-evenly;
   row-gap: 7.0rem;
}

.headhunt_pg .section01 .charat_box {
   min-width: 38rem;
   max-width: 38rem;
}

.headhunt_pg .section01 .charat_box .charat_white_box {
   background: #fff;
   box-shadow: 0 0 1.5rem rgb(13 40 113 / 7%);
   border-radius: 1.5rem;
   font-size: 2.0rem;
   font-weight: 500;
}

.charat_box .charat_white_box::before {
   width: 12.0rem;
   height: 12.0rem;
}

.headhunt_pg .section01 .charat_wr .charat_white_box.ch1::before {
   background: url('../img/character_circle03.png') no-repeat center;
   background-size: cover;
}

.headhunt_pg .section01 .charat_wr .charat_white_box.ch2::before {
   background: url('../img/character_circle04.png') no-repeat center;
   background-size: cover;
}

.headhunt_pg .section01 .charat_wr .charat_white_box.ch3::before {
   background: url('../img/character_circle05.png') no-repeat center;
   background-size: cover;
}

.headhunt_pg .section01 .charat_wr .charat_white_box.ch4::before {
   background: url('../img/character_circle06.png') no-repeat center;
   background-size: cover;
}

/* 채용이 쉬워집니다 */
.headhunt_pg .section02 .merit_list {
   grid-template-columns: 1fr 1fr;
   gap: 2.0rem;
}

.headhunt_pg .section02 .merit_list>div {
   border-radius: 1.5rem;
   padding: 4.0rem;
   background: #F5F7FB;
   line-height: 1.4;
}

.headhunt_pg .section02 .merit_list>div:nth-child(1),
.headhunt_pg .section02 .merit_list>div:nth-child(4) {
   background: #F2F6FF;
}

.headhunt_pg .section02 .merit_list>div strong {
   font-size: 2.8rem;
   font-weight: 700;
   margin-bottom: 2.0rem;
}

.headhunt_pg .section02 .merit_list>div p {
   font-size: 1.6rem;
   font-weight: 500;
   color: var(--gray-800);
   white-space: pre-line;
   flex-grow: 1;
}

.headhunt_pg .section02 .merit_list>div img {
   width: 12.0rem;
   align-self: end;
   margin-top: 2.0rem;
}

/* 이메일 배너 */
.headhunt_pg .section03 {
   background: url('../img/headhunt_bn_bg.png') no-repeat center;
   background-size: cover;
   padding: 0 !important;
   color: #fff;
}

.headhunt_pg .section03 .container {
   position: relative;
   min-height: 330px;
   padding-top: 2.0rem;
   padding-bottom: 2.0rem;
}

.headhunt_pg .section03 .container .hand_img {
   width: 197px;
   position: absolute;
   right: 50px;
   bottom: 0;
   z-index: 0;
}

.headhunt_pg .section03 .text {
   position: relative;
   z-index: 1;
   text-align: center;
   line-height: 1.3;
}


.headhunt_pg .section03 .text p {
   font-size: 3.8rem;
   font-weight: 500;
   margin-top: 1.0rem;
   margin-bottom: 4.0rem;
}


.headhunt_pg .section03 .apply_btn {
   
   font-size: 2.0rem;
   background: #fff;   
   min-width: 20.0rem;
}

.headhunt_pg .section03 .apply_btn:hover {
   background: var(--gray-200);

}



/********** 반응형 **********/
/**반응형 max 1200 xl**/
@media (max-width: 1199.98px) {}

/* 태블릿, 모바일 시작 사이즈 */
/**반응형 max 992px lg**/
@media (max-width: 991.98px) {

   /* 바텀메뉴 없을 때 플로팅 아이콘 위치 */
   body:not(:has(.bt_menu)) .go_top2,
   body:not(:has(.bt_menu)) .chatbot_wr {
      bottom: 1.6rem;
   }

   body:has(.corp_pg) .ft {
      padding: 0 !important;
   }

   /********** 인적성검사 페이지 **********/
   .corp_index .main_sect .container {
      padding-top: 6.5rem;
   }

   .corp_index .main_sect .main_text span {
      font-size: 2.0rem;
      padding: 0.2rem 1rem;
   }

   .corp_index .main_sect .main_text .tit {
      font-size: 4.0rem;
      line-height: 1.5;
   }

   .corp_index .main_sect .main_text .sm_txt {
      font-size: 2.8rem;
   }

   /* 메인 큰 이미지 */
   .corp_index .main_sect .container::after {
      width: 480px;
      margin-top: 3.5rem;
   }

   /* 움직이는 이미지 */
   .move_img_gr1::after {
      width: 135px;
      right: 1.6rem;
      bottom: 150px;
   }

   .move_img_gr1::before {
      width: 143px;
      bottom: 100px;
      left: 35px;
   }

   .move_img_gr2::after {
      width: 100px;
      right: 150px;
   }

   @keyframes floatanimate1 {
      0% {
         bottom: 150px
      }

      50% {
         bottom: 130px
      }

      100% {
         bottom: 150px
      }
   }

   @keyframes floatanimate2 {
      0% {
         bottom: 100px
      }

      50% {
         bottom: 85px
      }

      100% {
         bottom: 100px
      }
   }

   /* 섹션 공통 여백 */
   .corp_pg .cont_sect {
      padding-top: 6.0rem;
      padding-bottom: 6.0rem;
   }

   .corp_pg .section_tit_wr {
      margin-bottom: 3.0rem;
   }

   .corp_pg .section_tit {
      font-size: 2.6rem;
   }

   .corp_pg .sm_tit {
      font-size: 2.0rem;
   }

   /* 까다로운 역량 검증 */
   .corp_index .cont_sect.section01 {
      padding-top: 6.0rem;
      padding-bottom: 6.0rem;
   }

   .corp_index .section01 .icon_box:nth-child(1),
   .corp_index .section01 .icon_box:nth-child(2) {
      margin-bottom: 5.0rem;
   }

   .corp_index .section01 .icon_box p {
      font-size: 1.8rem;
   }

   /* 어떻게 뽑을까? */
   .charat_wr {
      justify-content: unset;
      flex-direction: column;
      gap: 5.0rem;
   }

   .charat_box {
      min-width: unset;
   }

   .charat_box .charat_white_box {
      padding: 7.8rem 2.4rem 3.6rem;
      margin-top: calc(11rem / 2);
   }

   .charat_box .charat_white_box::before {
      width: 11rem;
      height: 11rem;
   }

   .charat_box .charat_white_box p.fs_22 {
      font-size: 2.0rem;
   }

   .charat_box .charat_white_box p.font_expletus {
      font-size: 3.0rem;
   }

   /* 서비스 이용 방법 */
   .service_step_box {
      width: 100%;
      flex-basis: unset;
   }

   .service_step_box~.arrow {
      transform: rotate(90deg) !important;
      transition: transform 0 !important;
   }

   /* 신청방법 알아보기 버튼 */
   .sticky_wr {
      margin-bottom: 6.0rem;
   }

   /********** 헤드헌팅 페이지 **********/
   .headhunt_pg .main_sect .main_text span {
      font-size: 2.6rem;
      margin-bottom: 1.6rem;
   }

   .headhunt_pg .main_sect .main_text .tit {
      font-size: 3.5rem;
      line-height: 1.5;
      margin-bottom: 1.6rem;
   }

   .headhunt_pg .main_sect .main_text p {
      font-size: 2.2rem;
      line-height: 1.5;
   }

   .headhunt_pg .main_sect .container::before {
      width: 29rem;
      right: 80px;
   }

   .headhunt_pg .main_sect .container::after {
      right: 50px;
      bottom: 390px;
   }

   @keyframes floatanimate5 {
      0% {
         bottom: 390px
      }

      50% {
         bottom: 370px
      }

      100% {
         bottom: 390px
      }
   }

   /* 이런 고민 해보셨나요? */
   .headhunt_pg .section01 .charat_wr {
      grid-template-columns: 1fr 1fr;
   }

   .headhunt_pg .section01 .charat_box {
      min-width: unset;
      max-width: unset;
      width: 100%;
      margin: 0;
   }

   /* 채용이 쉬워집니다 */
   .headhunt_pg .section02 .merit_list>div img {
      width: 10.0rem;
      margin-top: 1.0rem;
   }

   .headhunt_pg .section02 .merit_list>div strong {
      font-size: 2.4rem;
      margin-bottom: 1.5rem;
   }

   /* 이메일 배너 */
   .headhunt_pg .section03 .container {
      min-height: 230px;
      overflow: hidden;
   }

   .headhunt_pg .section03 .container .hand_img {
      width: 150px;
      right: 16px;
      bottom: -20px;
      mix-blend-mode: overlay;
      opacity: 0.4;
   }

   .headhunt_pg .section03 .text p {
      margin-bottom: 3.0rem;
   }

   .headhunt_pg .section03 .text .email_ico {
      width: 5.0rem;
      margin-right: 1.5rem;
   }

}

/**반응형 max 767px md**/
@media (max-width: 767.98px) {

   /********** 인적성검사 페이지 **********/
   /* 비교 테이블 */
   .corp_pg .round_table_style {
      min-width: 93.0rem;
   }

   .round_table_style thead th {
      padding: 2.2rem;
      font-size: 2.2rem;
   }

   .round_table_style tbody th,
   .round_table_style tbody td {
      font-size: 1.6rem;
   }

   .btn.table_slide_btn {
      display: block;
   }

   /********** 헤드헌팅 페이지 **********/
   .headhunt_pg .main_sect .container::before {
      width: 230px;
      right: 50px;
   }

   .headhunt_pg .main_sect .container::after {
      width: 75px;
      right: 30px;
      bottom: 300px;
   }

   @keyframes floatanimate5 {
      0% {
         bottom: 300px
      }

      50% {
         bottom: 315px
      }

      100% {
         bottom: 300px
      }
   }

   /* 이런 고민 해보셨나요? */
   .headhunt_pg .section01 .charat_wr {
      grid-template-columns: 1fr;
      gap: unset;
      row-gap: 4.0rem;
   }

   /* 채용이 쉬워집니다 */
   .headhunt_pg .section02 .merit_list {
      grid-template-columns: 1fr;
   }

   .headhunt_pg .section02 .merit_list>div {
      padding: 3.0rem 2.0rem 2.0rem;
   }

   .headhunt_pg .section02 .merit_list>div:nth-child(1),
   .headhunt_pg .section02 .merit_list>div:nth-child(4) {
      background: #F5F7FB;
   }

   .headhunt_pg .section02 .merit_list>div:nth-child(odd) {
      background: #F2F6FF;
   }

   .headhunt_pg .section02 .merit_list>div strong {
      font-size: 1.8rem;
   }

   .headhunt_pg .section02 .merit_list>div p {
      font-size: 1.5rem;
   }

}

/**반응형 max 576px sm**/
@media (max-width: 575.98px) {

   /********** 인적성검사 페이지 **********/
   .corp_index .main_sect .main_text {
      text-align: left;
   }

   .corp_index .main_sect .main_text span {
      font-size: 1.6rem;
      padding: 0.2rem 1rem;
      margin-bottom: 1.2rem;
   }

   .corp_index .main_sect .main_text .tit {
      font-size: 3.0rem;
   }

   .corp_index .main_sect .main_text .sm_txt {
      font-size: 2.4rem;
   }

   /* 메인 큰 이미지 */
   .corp_index .main_sect .container::after {
      width: 355px;
      margin: 0;
      margin-top: 2.0rem;
   }

   /* 움직이는 이미지 제거 */
   .move_img_gr1::after,
   .move_img_gr1::before,
   .move_img_gr2::after {
      display: none;
   }

   .corp_pg .section_tit {
      font-size: 2.4rem;
   }

   .corp_pg .sm_tit {
      font-size: 1.8rem;
   }

   /* 까다로운 역량 검증 */
   .corp_index .section01 .icon_box img {
      width: 8.0rem;
   }

   /* 어떻게 뽑을까? */
   .charat_box {
      margin: 0;
   }

   .charat_box .charat_white_box p.fs_22 {
      font-size: 1.8rem;
   }

   .charat_box .charat_white_box p.font_expletus {
      font-size: 2.6rem;
   }

   /* 비교 테이블 */
   .round_table_style table colgroup col:nth-child(1) {
      width: 16%;
   }

   .round_table_style table colgroup col:nth-child(2),
   .round_table_style table colgroup col:nth-child(3) {
      width: 42%;
   }

   /* 서비스 이용 방법 */
   .service_step_box .number,
   .service_step_box strong.tit {
      font-size: 2.2rem;
   }

   /* 신청방법 알아보기 버튼 */
   .sticky_btn {
      bottom: 1.5rem;
      min-width: 200px;
      max-width: 230px;
   }

   /********** 헤드헌팅 페이지 **********/
   .headhunt_pg .main_sect {
      overflow: hidden;
   }

   .headhunt_pg .main_sect .container {
      padding-top: 6.5rem;
      padding-bottom: 8.0rem;
   }

   .headhunt_pg .main_sect .main_text span {
      font-size: 2.4rem;
      margin-bottom: 1.2rem;
   }

   .headhunt_pg .main_sect .main_text .tit {
      font-size: 2.8rem;
      margin-bottom: 1.2rem;
      max-width: unset;
   }

   .headhunt_pg .main_sect .main_text p {
      font-size: 1.8rem;
      max-width: 85%;
   }

   .headhunt_pg .main_sect .container::before {
      width: 145px;
      right: 50px;
      bottom: -14px;
   }

   .headhunt_pg .main_sect .container::after {
      width: 55px;
      right: 23px;
      bottom: 170px;
   }

   @keyframes floatanimate5 {
      0% {
         bottom: 170px
      }

      50% {
         bottom: 185px
      }

      100% {
         bottom: 170px
      }
   }

   /* 하단 배너 */

   .headhunt_pg .section03 .text p {
      font-size: 2.4rem;
      margin-bottom: 2.0rem;
   }

   .headhunt_pg .section03 .text span {
      font-size: 1.8rem;
   }
}

/**반응형 max 420px **/
@media (max-width: 419.98px) {
   .headhunt_pg .main_sect .container::before {
      width: 135px;
      right: 30px;
      bottom: -18px;
   }

   .headhunt_pg .main_sect .container::after {
      width: 45px;
      right: 20px;
      bottom: 150px;
   }

   @keyframes floatanimate5 {
      0% {
         bottom: 150px
      }

      50% {
         bottom: 165px
      }

      100% {
         bottom: 150px
      }
   }
}

/**반응형 max 350px **/
@media (max-width: 349.98px) {

   /* 메인 큰 이미지 */
   .corp_index .main_sect .container::after {
      width: 310px;
   }

   /* 비교 테이블 */
   .round_table_style tbody th,
   .round_table_style tbody td {
      font-size: 1.5rem;
   }

   .corp_pg .round_table_style {
      min-width: 85.0rem;
   }

   /* 신청방법 알아보기 버튼 */
   .sticky_btn {
      min-width: unset;
      max-width: 180px;
   }
}