html { scroll-behavior: smooth; }
.hgroup_side.hg_side_right{display: none;}
.bs_employment { width: 100%; max-width: max(1267.2px, 125vw); margin: 0 auto; position: relative; }
.bs_employment .anchor_box { display: none; position: fixed; top: 5%; left: 50%; transform: translateX(-50%); z-index: 20;}
.bs_employment .anchor_box.active { display: block; }
.bs_employment .anchor_box .anchor_list { display: flex; justify-content: start; border-radius: 30px; background: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 5px 0; }
.bs_employment .anchor_box .anchor_list .anchor_item { border-right: 1px solid #dbdbdbab; min-width: 108px; }
.bs_employment .anchor_box .anchor_list .anchor_item:last-child { border-right: none; }
.bs_employment .anchor_box .anchor_list .anchor_item a { display: block; padding: 3px 20px; font-size: 18px; text-align: center; color: #000; }
.bs_employment .anchor_box .anchor_list .anchor_item a:hover{font-weight: 500;}
.bs_employment .sc_wrap { padding: max(100px, 10.5104166667vw) 0 max(105.6px, 10.4166666667vw); padding-bottom: 0; overflow: hidden; }
.bs_employment .text_area { width: 100%; position: fixed; top: max(180px, 1.5104166667vw); text-align: center; z-index: 11; padding-bottom: max(34.32px, 3.3854166667vw); left: 0; transition: top 0.4s ease; }
.bs_employment .text_area.on { position: absolute; top: max(700px, 1.5104166667vw); }
.bs_employment .text_area .top_text { font-size: max(13.2px, 1.3020833333vw); color: #DA291C; }
.bs_employment .text_area .top_tit { margin-top: max(5.28px, 0.5208333333vw); font-size: max(29.04px, 2.8645833333vw); font-weight: 500; transition: color 0.4s ease-in-out; }
.bs_employment .text_area.on .top_tit { color: #fff; }
.bs_employment .text_area .top_desc { margin-top: max(40.28px, 4.0208333333vw); font-size: max(10.56px, 1.2416666667vw); }
.bs_employment .text_area.on .top_desc { color: #fff; }
.bs_employment .move_box { position: relative; overflow: hidden; max-width: 1200px; margin: 0 auto; border-top-right-radius: 30px;border-top-left-radius: 30px; transition: transform 0.6s ease; transform-origin: center; }
.bs_employment .move_box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
.bs_employment .bg { height: 350px; }
.move_box.fullscreen { transform: scale(1); width: 100%; height: 100vh; border-radius: 0; max-width: none; }
.bs_employment .sc_talent { margin: 0 auto; max-width: 1200px; padding: 100px 0; }
.bs_employment .sc_txt_area { text-align: center; }
.bs_employment .sc_txt_area .t_title { font-size: max(20.2px, 1.9020833333vw); font-weight: 500; color: #DA291C; padding-bottom: 50px; }
.bs_employment .sc_txt_area .t_desc { font-size: max(14.2px, 1.1020833333vw); padding-bottom: 50px; }
.bs_employment .sc_txt_area .t_desc.wh { color: #fff; }
.bs_employment .sc_talent .talent_cont_area .t_cont_list { display: flex; justify-content: space-between; gap: 40px; }
.bs_employment .sc_talent .talent_cont_area .t_cont_list .t_cont_item { width: calc(100% / 3); border-radius: 20px; overflow: hidden; }
.talent_cont_area .t_cont_list .t_cont_item .cont_box { position: relative; height: 300px; padding: 20px 20px 60px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; }
.talent_cont_area .t_cont_list .t_cont_item .cont_box .c_bg { position: relative; }
.talent_cont_area .t_cont_list .t_cont_item .cont_box .c_bg::before { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }
/* 이미지수정 20241202 */
.talent_cont_area .t_cont_list .t_cont_item:nth-child(1) .c_bg { position: absolute; background: url(/asp/images/company/employment/ep_temp01.jpg)no-repeat; background-size: 100% 100%; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: -1; }
.talent_cont_area .t_cont_list .t_cont_item:nth-child(2) .c_bg { position: absolute; background: url(/asp/images/company/employment/ep_temp02.jpg)no-repeat; background-size: 100% 100%; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: -1; }
.talent_cont_area .t_cont_list .t_cont_item:nth-child(3) .c_bg { position: absolute; background: url(/asp/images/company/employment/ep_temp03.jpg)no-repeat; background-size: 100% 100%; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: -1; }
/* ----- */
.talent_cont_area .t_cont_list .t_cont_item .cont_box .tit { font-size: max(18.2px, 1.4020833333vw); font-weight: 500; padding-bottom: 20px; }
.talent_cont_area .t_cont_list .t_cont_item .cont_box .desc { font-size: max(14.2px, 1.0320833333vw); padding-bottom: 20px; }
.sc_selfare { margin: 0 auto; padding: 100px 0; }
.sc_selfare .selfare_cont_area { width: 100%; overflow: hidden; }
.sc_selfare .swiper.selfare { margin: 30px 0 0px; }
.sc_selfare .swiper.selfare .swiper-wrapper { transition-timing-function: linear !important; position: relative; }
.sc_selfare .swiper.selfare .swiper-slide .img_box { position: relative; width: 100%; height: 250px; border-radius: 10px; overflow: hidden; }
.sc_selfare .swiper.selfare .swiper-slide .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: -1; }
.sc_selfare .swiper.selfare .swiper-slide .text_box { padding: 10px; }
.sc_selfare .swiper.selfare .swiper-slide .text_box .se_tit { font-size: max(16.2px, 1.1320833333vw); font-weight: 500; padding-bottom: 30px; }
.sc_selfare .swiper.selfare .swiper-slide .text_box ul{padding: 0 0 0 20px;}
.sc_selfare .swiper.selfare .swiper-slide .text_box .se_desc { font-size: max(11.2px, 0.7320833333vw); list-style-type: disc;}
.sc_jobopening { margin: 0 auto; width: 100%; padding: 100px 0; position: relative; }
.sc_jobopening .info_box{display: flex; justify-content: center;gap: 50px;}
/* 수정부분20241210 */
.sc_jobopening .info_box .img_box{ width: 30%; border-radius: 20px; overflow: hidden;}
/* ---- */
.sc_jobopening .info_box .img_box img{width: 100%;height: 100%;}
/* 수정부분20241210 */
.sc_jobopening .down_btn {width: 31%; padding: 30px 10px;}
/* ---- */
.sc_jobopening .down_btn .link_btn { display: inline-block; padding: 5px 40px 5px 20px; background: #7B4EB9; font-size: 16px; color: #fff; position: relative; border-radius: 10px; margin-bottom: 50px;}
.sc_jobopening .down_btn .link_btn::after { content: ''; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: url(/asp/images/company/employment/download-line.png)no-repeat; background-size: contain; width: 18px; height: 16px; }
.sc_jobopening .t_desc.wh a { color: #000; }
/* 스크롤 이벤트 */
.hidden-section { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.1s; }
.hidden-sectiontwo { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.3s; }
.hidden-sectionthree { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.5s; }
.hidden-sectionfour { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.7s; }
.visible { opacity: 1; transform: translateY(0); }

@media (max-width:1023px){
  .bs_employment .sc_wrap { padding: max(30px, 3.5104166667vw) 0 max(105.6px, 10.4166666667vw); }
  .bs_employment .anchor_box{top: 10%;}
  .bs_employment .anchor_box .anchor_list .anchor_item{min-width: 90px;}
  .bs_employment .anchor_box .anchor_list .anchor_item a{font-size: 14px; padding: 3px 10px;}
  .bs_employment .text_area .top_tit br { display: none; }
  .bs_employment .text_area { top: 100px; width: 90%; left: 50%; transform: translateX(-50%); }
  .bs_employment .text_area.on { position: absolute; top: max(440px, 1.5104166667vw); }
  .bs_employment .text_area .top_text { font-size: max(17px, 1.3020833333vw); }
  .bs_employment .text_area .top_tit { margin-top: max(20.28px, 0.5208333333vw); font-size: max(25.04px, 2.8645833333vw); font-weight: 500; }
  .bs_employment .text_area .top_desc { margin-top: max(20.28px, 4.0208333333vw); font-size: max(14.2px, 1.3020833333vw); }
  .bs_employment .move_box{height: max(450.14px, 47.4609375vw);}
  .bs_employment .move_box img { transform: scale(1); }
  .bs_employment .sc_talent { padding: 50px 10px 0; }
  .bs_employment .sc_txt_area .t_title { font-size: max(22.2px, 2.0020833333vw); }
  .bs_employment .sc_txt_area .t_desc br { display: none; }
  .bs_employment .sc_talent .talent_cont_area .t_cont_list { display: block; }
  .bs_employment .sc_talent .talent_cont_area .t_cont_list .t_cont_item { width: 100%; margin-bottom: 20px; }
  .talent_cont_area .t_cont_list .t_cont_item .cont_box { height: 200px; }
  .sc_selfare { padding: 50px 10px 0; }
  .sc_jobopening { padding: 50px 0; height: 100%; }
  .sc_jobopening .info_box{display: block;}
  .sc_jobopening .info_box .img_box{width: 100%;}
  .sc_jobopening .down_btn{width: 100%;}
  .sc_jobopening .down_btn .link_btn{margin-bottom: 30px;}
  .bs_employment .sc_txt_area { padding: 0 10px; }
   #anchor1:target, #anchor2:target, #anchor3:target{scroll-margin-top: 60px;}
 }

@media (max-width:500px){
  .bs_employment .text_area .top_desc br { display: none; }
  .bs_employment .move_box { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
  /* 수정사항 20241202 */
  .bs_employment .move_box img {width: 100%; height: 100%; transform: scale(1); }
  /* ---- */
 }