/* BASIC css start */
 

.wp{display: block;}
.mp{display: none;}

.fs_l{}
.fs_m{}
.fs_s{}
.fw600{font-weight: 600;}
.fw800{font-weight: 800;}
.fs_num{}
.fs_key{color: #f96512;}


/*헤더 네비부분*/
.toPnav{background: #f8f8f8; margin: 0 auto; width: 100%; position: fixed; z-index: 500;}
.toPnav ul{width: 30%; margin: 0 auto;}
.toPnav ul li{display: inline-block; width: 49%; text-align: center;}
.toPnav ul li a{display: block; padding: 7% 0; box-sizing: border-box;}
.toPnav ul li span{position: relative; color: #222; font-size: 18px; line-height: 20px; letter-spacing: -1px; transition: 0.3s;}
.toPnav ul li span::after {content: ''; width: 100%; height: 3px; background: #f96512; position: absolute; left: 1px; bottom: -8px; opacity: 0; transition: 0.3s;}
.toPnav ul li span:hover{color: #f96512;}
.toPnav ul li span:hover::after {opacity: 1;}
/*//헤더 네비부분*/


#section01{padding:8% 0 8%;}
.jobMiain{padding: 3% 0 0%; position: relative;}
.jobmaTxt{position: absolute;left: 50%;top: 45%;transform: translateX(-50%);}
.jobmaTxt .fs_m{ font-size: 70px; font-weight: 800; color: #fff; text-align: center; width: 100%; }

#section02{margin: 10% auto 5% }
div#section03 {margin-bottom: 7%;}

.txtBox .fs_m{font-size: 27px; font-weight: 600; letter-spacing: -0.8px; font-weight: 700; color:#f96512}
.txtBox .fs_round{font-size: 20px;margin: 1% 0 0;color: #666;}

.accordionList{margin-top: 3%;}
.accordion {font-size: 1rem;width: 100%;margin: 0 auto;border-radius: 5px;}

.accordion-header,
.accordion-body {background: white;}

.accordion .accordion__item > .accordion-header li{font-size: 17px; display: inline-block; letter-spacing: -1.2px; }
li.jobCate{width: 13%;  text-align: center;}
li.jobName{width: 70%; font-weight: 600;}
li.jobSpece{width: 13%;  text-align: center;}

.accordion-header {padding: 2.5% 1%;background: #fff;color: #333;cursor: pointer;font-size: .7em;letter-spacing: .1em;transition: all .3s;text-transform: uppercase;}

.accordion__item {border-bottom: 1px solid #333;}

.accordion__item .accordion__item {border-bottom: 1px solid rgba(0, 0, 0, 0.08);}

.accordion-header:hover {background: #fff;position: relative;z-index: 5;}

.accordion-body {background: #fcfcfc;color: #353535;display: none;}

.accordion-body__contents {padding: 5% 15% 7%;font-size: 18px;box-sizing: border-box;letter-spacing: -1.2px;}

.accordion-body__contents .jocTit{font-size: 20px; margin-bottom: 4%;}
.accordion-body__contents .jobSubtxt{ margin-bottom: 5%;}
.accordion-body__contents .jobSubtxt>p{ margin-bottom: 1%;}
.accordion-body__contents .jobSubtxt ul li{font-size: 16px; margin-bottom: 1.3%; position: relative;padding-left: 3%; letter-spacing: -0.8px;}
.accordion-body__contents .jobSubtxt ul li:before{content: '-'; position: absolute; left: 1.3%; top: 50%; transform: translateY(-50%);}

.accordion-body__contents .joblistBtn{}
.accordion-body__contents .joblistBtn>div{display: inline-block;width: 26%;border-radius: 30px;}
.accordion-body__contents .joblistBtn>div a{      display: block;text-align: center;font-size: 17px;width: 100%;height: 100%;padding: 8% 0;font-weight: 600;}
.accordion-body__contents .joblistBtn .jobKorea{background: #002151;}
.accordion-body__contents .joblistBtn .jobKorea a{ color: #fff;}
.accordion-body__contents .joblistBtn .saRamin{background: #eaeaff; margin: 0 2% 0;}
.accordion-body__contents .joblistBtn .wanTed{background: #3366ff;}
.accordion-body__contents .joblistBtn .wanTed a{ color: #fff;}

.accordion__item.active:last-child .accordion-header {border-radius: none;}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;     border-top: 2px solid #333;
}

.accordion__item > .accordion-header:after {
    content: "∨";
    font-family: emoji;
    font-size: 20px;
    float: right;
    position: relative;
    top: -19px;
    transition: .3s all;
    transform: rotate(0deg);
right: 25px;}

.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
  background: #fff;color: #333;
}

.accordion__item .accordion__item .accordion-header {
  background: #f1f1f1;
  color: #353535;
}

.nojobSection{width: 60%; margin: 5% auto 5%;}
.nojobSection .txtBox{}
.nojobSection .imgBox{margin-top: 5%;}
.nojobSection .imgBox ul{    width: 76%;     margin: 0 auto;}
.nojobSection .imgBox ul li{display: inline-block; width: 21%; margin-right: 4%;position: relative; text-align: center;}
.nojobSection .imgBox ul li:after {
    content: '';
    position: absolute;
    background: url(http://sleepgongg.img9.kr/brandintro/2023/job/arrow.png) no-repeat center;
    left: 185px;
    background-size: contain;
    width: 28px;
    height: 34px;
    top: 53px;
}
.nojobSection .imgBox ul li:last-child{margin-right: 0;}
.nojobSection .imgBox ul li:last-child:after{content: none;}
.nojobSection .imgBox ul li img{width: 70%;}
.nojobSection .imgBox ul li p.fs_m{text-align: center; margin: 10% auto 0; font-size: 23px; font-weight: 600; color: #333;}


@media screen and (max-width: 1000px) {
  body {
    padding: 1em;
  }
  
  .accordion {
    width: 100%;
  }
}

#section03 .txtBox{width: 60%; margin: 0px auto 1.2%;}

li.welList{display: inline-block; width: 33%;}

.welfareWrap{width: 60%; margin: 0 auto;position: relative;}
.welfareWrap .welList{padding: 0 0.5%; box-sizing: border-box;}
.welfareWrap .welList .welImg{}
.welfareWrap .welList .welImg img{width: 100%;}
.welfareWrap .welList .welTxt{}
.welfareWrap .welList .welTxt .fs_m{    color: #f96512;
    font-size: 20px;
    font-weight: 600;
    margin:5% auto 3%;}
.welfareWrap .welList .welTxt .fs_s{    font-size: 1.3em;
    line-height: 1.25;
    letter-spacing: -0.85px;
}

.welfareWrap .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(http://sleepgongg.img9.kr/brandintro/2023/job/welfare/left.png)no-repeat center; background-size: contain; width: 50px; height: 50px; content: '';    top: 43%;     left: -90px;}
    
.welfareWrap .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(http://sleepgongg.img9.kr/brandintro/2023/job/welfare/right.png)no-repeat center; background-size: contain; width: 50px; height: 50px; content: '';    top: 43%;     right: -90px;}
    

/* BASIC css end */