@charset "UTF-8";
.hd_pc{box-shadow: 2px 2px 19px rgba(0,0,0,0.07);}
.container-xl, .container-lg, .container-md, .container-sm, .container{max-width: 1150px;}

@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
.fix_slide{position: fixed; width: 150px;; left: calc(50% + 700px); transform: translateX(-50%); top: 550px; z-index: 1000; padding-bottom: 5rem; transition: top 0.4s ease;}

.fix_slide.slide-up {
  top: 55px;
}

.fix_slide li{text-align: center; padding-top: 7rem; background: url('../img/main/fix_01.png') no-repeat center top; margin-right: 0;}
.fix_slide li strong{display: block; font-family: 'Paperlogy-8ExtraBold'; font-size: 2rem; color: #171717;}
.fix_slide li strong span{display: block; font-family: 'Paperlogy-4Regular'; font-weight: 400; margin-top: 0.6rem;}
.fix_slide li a{display: inline-block; color: #fff; padding: 0.6rem 2rem; font-size: 1.5rem; background: #2c459c; border-radius: 5rem; margin-top: 2rem;}
.fix_slide .swiper-pagination .swiper-pagination-bullet{margin: 0 0.3rem;}
.fix_slide .swiper-pagination .swiper-pagination-bullet-active{background: #63707f;}

.main_wrap{max-width: 1150px; margin: 0 auto; padding: 0 1rem;}
.wide_bnr_wr{margin-top: 4rem;}
.wide_bnr_wr img{width: 100%;}

.main_wrap .h3{font-size: 2rem; font-weight: 400; color: #25272a; margin-bottom: 2rem; position: relative; padding-left: 3.2rem; letter-spacing: -0.7px;}
.main_wrap .h3::before{position: absolute; content: ""; left: 1px; top: 0; background: url('../img/main/not01.png') no-repeat center center; width: 22px; height: 20px; background-size: contain;}
.emp_tab_wrap .h3::before{background-image: url('../img/main/not02.png'); height: 30px; top: -6px;}
.main_wrap.h3 b{font-weight: 800;}

.main_job_section{display: flex; justify-content: space-between; align-items: flex-end; margin-top: 2.5rem;}

@media (max-width: 991.98px){
  .main_container {margin-top: 8rem;}
}
@media (max-width: 400px){
  .main_container {margin-top: 7rem;}
}


/* 대기업채용공고 */
.major_wrap{width: 70%; position: relative;}
.mj_list{width: 100%; position: relative; border-radius: 1.4rem; border: 1px solid #e5e5e5; border-radius: 1.4rem; position: relative; background: #fff; box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.06); z-index: 1; border-top: 3px solid #e76b7a;}
.mj_list > ul > li{border-right: 1px dashed #e5e5e5;}


.mj_list > ul > li > a{display: block; padding: 3rem 3.3rem;}
.mj_list > ul .logo img{height: 33px; max-width: 130px; object-fit: contain;}
.mj_list > ul .info .name{color: #6e757f; font-size: 1.5rem; font-weight: 500; margin-top: 2rem;}
.mj_list > ul .info .title{color: #0c0c0c; font-size: 1.6rem; font-weight: 700; margin-top: 1.5rem; line-height: 2.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; min-height: 43px;}


.mj_list > ul > li > a:hover .info .title{text-decoration: underline;}

.mj_list > ul .date{text-align: right; margin-top: 2rem;}
.mj_list > ul .date span{display: inline-block; color: #628bde; font-size: 1.3rem; padding: 0.3rem 0.7rem; border-radius: 5rem; border: 1px solid; background: #f2f8ff; font-weight: 500;}

.slide_btn a{position: absolute; top: 53%; left: -2%; z-index: 100; display: block; text-indent: -9999px; background: url('../img/main/major_arrow.png') no-repeat; width: 3.4rem; height: 3.4rem; background-size: 200% auto; background-position: left center;}
.slide_btn a.next{background-position: right center; left: inherit; right: -2%;}

.slide_btn a.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
  filter: grayscale(1); /* 선택사항 */
}

.more_btn{position: absolute; top: 5px; right: 0; color: #7b818e; font-size: 1.5rem; padding-right: 1.6rem;}
.more_btn::before{position: absolute; content: "+"; right: 0; top: -5px; font-size: 2rem; font-weight: 200;}

/* 바로가기 */
.quick_link{width: 27%;}
.quick_link > a{display: block; width: 100%; font-size: 1.7rem; transition: 0.2s;}

.quick_link > a span{font-size: 1.4rem; display: block; color: #3e475b; font-weight: 400; margin-top: 1rem;}

.quick_link .q_e7{padding: 1.6rem 2rem; border: 1px solid #e8a0a0; border-radius: 5rem; position: relative;}
.quick_link .q_e7::before{position: absolute; content: ""; background: url('../img/main/link01_02.png') no-repeat center bottom; width: 9.3rem; height: 8.2rem; right: 0; bottom: 0; background-size: contain;}
.quick_link .q_e7 strong{color: #ef4d4d; position: relative; padding-left: 2.5rem;}
.quick_link .q_e7 strong::before{position: absolute; content: ""; background: url('../img/main/link01_01.png') no-repeat; width: 1.8rem; height: 1.8rem; left: 0; top: 1px; background-size: contain;}

.quick_link .quick{padding: 2.3rem 1.5rem 2.3rem 9rem; border-radius: 1.4rem; border: 1px solid #f8eff8; background: linear-gradient(50deg, #f3f7ff, #faf2f6); padding-left: 9rem; position: relative; margin-top: 1.3rem;}
.quick_link .quick::before{position: absolute; content: ""; background: url('../img/main/link02.png') no-repeat; background-size: contain; width: 5.2rem; height: 5.2rem; left: 2rem; top: 50%; transform: translateY(-50%);} 
.quick_link .quick.q02{background: linear-gradient(50deg, #e3f5fd, #e4faf8); border-color: #e9faf9;}
.quick_link .quick.q02::before{background-image: url('../img/main/link03.png');}

.quick_link > a:hover{box-shadow: 2px 2px 10px rgba(221, 4, 4, 0.2)}
.quick_link > a.q01:hover{box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.06); border-color: #c3b8d3;}
.quick_link > a.q02:hover{box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.06); border-color: #6db6cd;}


@media (max-width: 1149px) {
  .main_job_section{flex-wrap: wrap;}
  /* 대기업공고 */
  .major_wrap{width: 100%; margin-bottom: 2rem;}
  .mj_list > ul > li > a{padding: 2rem 3.6rem;}
  .mj_list > ul .logo img{max-width: 80px;}
  .mj_list > ul .info .name{font-size: 1.4rem; margin-top: 1.5rem;}
  .mj_list > ul .info .title{font-size: 1.5rem; font-weight: 600; margin-top: 1.5rem; min-height: 39px}
  .slide_btn a{left: -1%;}
  .slide_btn a.next{right: -1%;}

  /* 바로가기 */
  .quick_link{width: 100%; display: flex; justify-content: space-between; gap: 1rem;}
  .quick_link > a{font-size: 1.6rem;}
  .quick_link .quick{padding: 8rem 2rem 2rem; text-align: center; margin-top: 0;}
  .quick_link .quick::before{background-position: center top; top: 1.4rem; transform: translateX(-50%); left: 50%;}
  .quick_link .q_e7{border-radius: 1.4rem; padding: 8rem 2rem 2rem; text-align: center;}
  .quick_link .q_e7::before{width: 5.2rem; height: 5.2rem; right: inherit; background-position: center bottom; top: 1.4rem; transform: translateX(-50%); left: 50%; background-image: url('/img/main/link01_02_mb.png'); background-color: #fbf0f0; border-radius: 5rem;}
  .quick_link .q_e7 strong{padding-left: 0;}
  .quick_link .q_e7 strong::before{display: none;}
  .quick_link > a span{display: none;}
}

@media (max-width: 500px) {
  .main_wrap .h3{font-size: 1.8rem;}
  .more_btn{font-size: 1.4rem;}
  .mj_list{border-top: 1px solid #dfe7f7;}
  .mj_list > ul > li > a{padding: 2rem 2.5rem 2rem;}
  .mj_list > ul .info .name{margin-top: 1rem;}
  .mj_list > ul .info .title{margin-top: 1rem;}
  .mj_list > ul .date{margin-top: 1.3rem;}
  .mj_list > ul .date span{font-size: 1.2rem; padding: 0.3rem 0.44rem;}
  .slide_btn a{width: 2.7rem; height: 2.7rem; left: -2%;}
  .slide_btn a.next{right: -2%;}
  .quick_link > a{font-size: 1.4rem;}
  .quick_link > a strong{font-weight: 500 !important; display: block;}
  .quick_link .q_e7{padding-bottom: 1.2rem;}
  .quick_link .quick{padding: 7.8rem 1rem 1rem;}
}


/* 외국인이라면, 기업이라면 */
.foreign{display: flex; margin-top: 2.5rem;}
.foreign .fo_box{width: 50%; min-height: 155px; padding: 2rem 30rem 2rem 5rem; position: relative; display: flex; align-items: center; overflow: hidden;}
.foreign .fo_box::before{position: absolute; content: ''; background: url('../img/main/vis01.png') no-repeat right bottom; height: 155px; width: 300px; right: 2rem; bottom: 0; background-size: contain;}
.foreign .fo_box.box2::before{background-image: url('../img/main/vis02.png'); background-size: contain;}

.foreign .fo_box h4{font-size: 2rem; color: #212223; font-weight: 700; letter-spacing: -0.7px; line-height: 1.3;}
.foreign .fo_box h4 span{display: block;}
.foreign .fo_box h4 strong{display: inline-block; background: #212223; color: #fff; font-weight: 800; padding: 0 0.3rem; margin-right: 1px;}
.foreign .fo_box.box1{background: #e0eeff; border-radius: 1.4rem 0 0 1.4rem;}
.foreign .fo_box.box2{background: #e5e2ff; border-radius: 0 1.4rem 1.4rem 0;}
.foreign .fo_box > div{position: relative; z-index: 2;}
.foreign .fo_box > div > span{display: inline-block; margin-top: 2rem; font-size: 1.5rem; color: #77818e; position: relative;}
.foreign .fo_box > div > span img{width: 14px; padding: 0 0 1px 2px;}
/* .foreign .fo_box > div > span::before{position: absolute; content: ""; background: url('../img/main/vis_arrow.png') no-repeat; width: 1.5rem; height: 1.2rem; right: -2.5rem; background-size: 200% auto;} */
.foreign .fo_box.box2 > div > span{ font-size: 1.5rem; color: #7871ae;}

.foreign .fo_box:hover > div > span{text-decoration: underline;}
@media (max-width: 1149px) {
  .foreign .fo_box{min-height: 135px; padding: 1rem 20.5rem 1rem 3rem; overflow: hidden;}
  .foreign .fo_box::before{width: 250px; height: 100%; right: 0;}
  .foreign .fo_box h4{font-size: 1.8rem;}
  .foreign .fo_box > div > span{margin-top: 1.3rem;}
}
@media (max-width: 991.98px) {
  .foreign .fo_box{min-height: 118px; padding: 1rem 16rem 1rem 3rem;}
  .foreign .fo_box::before{width: 200px; right: -19px;}
}
@media (max-width: 766px) {
  .foreign{flex-wrap: wrap; margin-top: 1rem;}
  .foreign .fo_box{width: 100%; min-height: 90px; border-radius: 1.4rem !important;}
  .foreign .fo_box::before{width: 163px;}
  .foreign .fo_box.box1{margin-bottom: 1rem;}
  .foreign .fo_box h4{font-size: 1.6rem; font-weight: 600;}
  .foreign .fo_box h4 strong{font-weight: 600;}
  .foreign .fo_box > div > span{font-size: 1.4rem !important; margin-top: 1rem;}
}
@media (max-width: 480px) {
  .foreign .fo_box::before{width: 153px; right: 0;} 
  .foreign .fo_box h4{font-size: 1.5rem;}
}
@media (max-width: 345px) {
  .foreign .fo_box{height: auto; padding: 1.5rem 2rem !important;}
  .foreign .fo_box::before{display: none;}
}

/* 실시간채용공고 */
.main_emp_wr { padding: 4.5rem 0 7rem 0; background: #f6f8fa; margin-top: 4.5rem; }
.emp_tab_wrap { display: flex; align-items: center; margin-bottom: 3rem; position: relative; z-index: 200; }
.emp_tab_wrap .h3 { margin-bottom: 0; }
#emp_tab { display: flex; align-items: center; margin-left: 2rem; }
#emp_tab > li { margin-right: 1.3rem; }
#emp_tab > li > a { display: block; background: #fff; color: #737881; font-weight: 400; padding: 0.7rem 1.5rem; border-radius: 5rem; letter-spacing: -0.7px; font-size: 1.6rem; }
#emp_tab > li.on > a { background: #d0021b; color: #fff; font-weight: 700; position: relative; z-index: 200; }

.emp_item { border: 1px solid #dbe0e8; border-radius: 1.4rem; background: #fff; transition: 0.2s ease; }
.emp_item a { display: block; padding: 2.5rem; height: 100%; }
.item_top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.6rem; }
.emp_logo { width: 76px; height: 40px; border-radius: 0.5rem; }
.emp_logo img { width: auto; height: 100%; object-fit: contain; }
.main_bookmark { background: none; border: none; cursor: pointer;}
.main_bookmark img { width: 20px; height: 20px; }
.item_body { margin-bottom: 1.6rem; }
.item_body .name { font-size: 1.2rem; color: #666; font-weight: 200; margin-bottom: 1rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.item_body .tit { font-size: 1.6rem; font-weight: 600; line-height: 1.2; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 40px;}
.item_bottom { display: flex; align-items: center; gap: 0.5rem; }
.item_bottom > span { font-size: 1.2rem; font-weight: 500; padding: 0.3rem 0.8rem; border-radius: 1.4rem; }
/* .item_bottom .dday { background: #eff4fd; color: #4f75e3; } */
.item_bottom .dday { background: #f3f3f3; color: #737373; }
.item_bottom .e7visa { background: #fff2f2; color: #d0021b; }
#emp_list { position: relative; }
#emp_list .more_btn { top: -4rem; }

/* 모바일 화면에서 세로로 1개씩 나열 */
@media (max-width: 991.98px) {
  #emp_wrap {padding-bottom: 3rem;}
  .emp_tab_wrap{flex-wrap: wrap; margin-bottom: -3rem;}
  #emp_tab{margin-left: 0; width: 100%; margin-top: 2rem;}
  .emp_cont {padding-top: 5rem;}

  .emp_cont .swiper-slide {display: flex; flex-direction: column; gap: 1.2rem;}
  .emp_item {width: 100%; display: flex; flex-direction: column; gap: 1.5rem;}
  .emp_item a{min-height: 170px;}
  .item_body .tit {font-size: 1.5rem; white-space: nowrap; text-overflow: ellipsis; min-height: auto;}
  .emp_pagination {text-align: center; position: absolute; top: 1rem; right: 6rem; width: 46px; height: 20px; left: inherit; color: #7b818e; font-size: 1.4rem; font-weight: 300;}
  .emp_pagination .swiper-pagination-current {color: #d0021b;}
   #emp_list .more_btn{top: 1rem; z-index: 200;}
}

/* PC에서 4개씩 가로로 나열 */
@media (min-width: 991.97px) {
  .emp_swiper { all: unset; }
  .emp_cont {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }

  .emp_item {
    all: unset;
    display: block;
    border: 1px solid #dbe0e8;
    border-radius: 1.4rem;
    background: #fff;
    transition: 0.2s ease;
    width: 100%;
    overflow: hidden;
  }

  .emp_item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(255, 234, 234, 0.7);
    border-color: #d0021b;
  }

  .emp_pagination { display: none !important; }
}

@media (max-width: 500px) {
  .emp_tab_wrap .h3::before { height: 25px; }

}

@media (max-width: 480px) {
  #emp_tab > li > a{font-size: 1.5rem; padding: 0.5rem 1.4rem;}
  .emp_item a { padding: 1.5rem 2rem 2rem 2rem; min-height: 150px;}
  .emp_logo { width: 68px; height: 34px; }
}

/* 공지사항*/
.notice_wrap { border-top: 1px solid #dce4e9; padding-top: 0.3rem; }
.notice { width: 100%; height: 70px; display: flex; justify-content: space-between; align-items: center; }
.notice .left { width: 52%; display: flex; justify-content: space-between; align-items: center; }
.notice_tit {width: 77px; font-size: 1.6rem; font-weight: 600; position: relative; padding-right: 2rem; margin-right: 3rem;}
.notice_tit::before { position: absolute; content: ""; background: url('../img/main/f_arrow.png') no-repeat center center; right: 0; top: 2px; width: 12px; height: 13px; background-size: contain; }
.notice .left .notice_txt{display: flex; align-items: center; width: calc(100% - 100px); justify-content: space-between;}

.not_slide_box{width: calc(100% - 100px); }
.not_slide_box .tit_h2 {margin-bottom: 1.8rem;} 
.not_slide_wr {display: flex; align-items: center; justify-content: space-between; width: 100%; border-radius: 1rem;} 
.swiper-container.not_slide_container { overflow: hidden; height: 2.6rem; flex-grow: 1; } 
.not_slide_container .swiper-slide { display: flex; align-items: center; height: 2.6rem; font-size: 1.7rem; font-weight: 500; } 
.not_slide_container .swiper-slide > a{ display: flex; width: 100%; height: 100%; align-items: center; flex-grow: 1; padding-right: 1.8rem; justify-content: space-between;} 
.notice .left .txt{width: 86%; font-size: 1.6rem; color: #5e6670; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 3rem;}
.notice .left .date {font-size: 1.5rem; font-weight: 300; color: #7f7f7f; }
.not_slide_btn .faq_button { display: flex; align-items: center; justify-content: center; width: 0.9rem; padding: 0.2rem; margin: 0.4rem; box-sizing: unset; } 
.not_slide_btn .faq_button img { width: 100%; } 
.not_slide_btn .swiper-button-next, .not_slide_btn .swiper-button-prev { position: unset; }

/* sns바로가기 */
.notice .right { display: flex; justify-content: space-between; align-items: center; }
.notice .right > ul { display: flex; justify-content: space-between; align-items: center; }
.notice .right > ul.link li{ margin-right: 3rem; }
.notice .right > ul.link .notice_tit{margin-right: 0;}
.notice .right > ul.sns li a { display: block; text-indent: -9999px; width: 35px; height: 35px; background: url('../img/main/sns.png') no-repeat center left; background-size: 300% auto;}
.notice .right > ul.sns li a.youtube { background-position-x: 50%; }
.notice .right > ul.sns li a.facebook { background-position-x: right;}

@media (max-width: 991.98px) {
  .notice{flex-wrap: wrap;  height: auto;}
  .notice > div{width: 100% !important;}
  .notice_tit{width: 63px; font-size: 1.4rem; margin-right: 0;}
  .notice_tit::before{width: 7px; height: 8px;}
  .notice .left{padding: 1.2rem 0; border-bottom: 1px dashed #dce4e9;}
  .notice .left .notice_txt{width: calc(100% - 80px);}
  .notice .left .txt{margin-right: 1rem;}
  .notice .left .txt, .notice .left .date{font-size: 1.4rem;}
  .notice .right > ul.sns li a{width: 28px;}
  
  .not_slide_box{width: calc(100% - 90px);}
}



/* 영어, 베트남어 공통 */

/* 바로가기 */
.main_container.eng .quick_link .q_e7::before,
.main_container.vnm .quick_link .q_e7::before{display: none;}

.main_container.eng .quick_link > a,
.main_container.vnm .quick_link > a{font-size: 1.6rem; padding-left: 2.5rem;}

.main_container.eng .quick_link .quick::before,
.main_container.vnm .quick_link .quick::before{display: none;}
@media (max-width: 1149px) {
  .main_container.eng .quick_link .q_e7::before,
  .main_container.vnm .quick_link .q_e7::before,
  .main_container.eng .quick_link .quick::before,
  .main_container.vnm .quick_link .quick::before{display: block;}
}
@media (max-width: 991.98px) {
  .main_container.eng .quick_link > a, .main_container.vnm .quick_link > a{font-size: 1.4rem;}
}
@media (max-width: 500px) {
  .main_container.eng .quick_link > a, .main_container.vnm .quick_link > a{padding: 8rem 1rem 1rem;}
}


/* 외국인이라면? 기업이라면? */
.main_container.eng .foreign .fo_box,
.main_container.vnm .foreign .fo_box {
  padding-left: 4rem; padding-right: 16rem;
}
.main_container.eng .foreign .fo_box::before,
.main_container.vnm .foreign .fo_box::before {
  right: -16px;
  width: 240px;
}
.main_container.eng .foreign .fo_box h4,
.main_container.vnm .foreign .fo_box h4 {
  font-size: 1.8rem;
}
@media (max-width: 991.98px) {
  .main_container.eng .foreign .fo_box, .main_container.vnm .foreign .fo_box{padding: 1rem 3rem 1rem 3rem;}
  .main_container.eng .foreign .fo_box::before,
  .main_container.vnm .foreign .fo_box::before {display: none;}
}
@media (max-width: 480px) {
  .main_container.eng .foreign .fo_box h4, .main_container.vnm .foreign .fo_box h4{font-size: 1.6rem;}
}

/* 실시간채용공고 */
.main_container.eng .emp_pagination,
.main_container.vnm .emp_pagination{right: 8rem;}

/* 공지사항 */
.main_container.vnm .notice .left .notice_tit{width: 100px;}
.main_container.vnm .notice .left .not_slide_box{width: calc(100% - 136px);}
@media (max-width: 991.98px) {
  .main_container.vnm .notice .left .notice_tit{width: 76px;}
  .main_container.vnm .notice .left .notice_txt{width: calc(100% - 96px);}
}