/* 메인비쥬얼 */
.new_mainVisual{ width: 100%; overflow: hidden; position: relative; background: rgba(248, 178, 184, 0.1); }
.new_mainVisual .swiper-wrapper .swiper-slide img{width: 100%;  object-fit: cover; max-height: 675px; min-height: 350px;}
.new_mainVisual .visualCopy{display: inline-block; position: absolute; left: 60px; bottom: 40px; font-family: 'Meiryo', sans-serif; z-index: 1;}
.new_mainVisual .visualCopy .t{font-size: 4.8rem;  font-weight: 600; color: #fff;}
.new_mainVisual .visualCopy .t span{font-size: 6.8rem; color: #fff; font-weight: 600;}
.new_mainVisual .visualCopy .d{font-size: 2.4rem; font-weight: 600; color: #fff; }
.new_mainVisual .visualCopy .d span{font-size: 2.8rem; }
.new_mainVisual .swiper-pagination{position: absolute !important;}
.new_mainVisual .swiper-pagination .swiper-pagination-bullet{background: #fff; opacity: 0.5;}
.new_mainVisual .swiper-pagination .swiper-pagination-bullet-active{background: #2FC4BE; opacity: 1;}

/* 메인 컨텐츠타이틀 */
.mainTitle{text-align: left; margin-bottom: 2.4rem;}
.mainTitle h3{font-size: 2.8rem; font-weight: 700;}
.mainTitle .jpText{font-size: 2.8rem; font-family: 'Meiryo', sans-serif; font-weight: 400;}


/* 메인컨텐츠 */
.mainContents{width: 100%;  position: relative;}
.mainInner{width: 1100px; margin: 0 auto;}

.mainNotice_wrap{padding: 40px 0; background: rgba(248, 178, 184, 0.1); }
.mainNotice_wrap .mainInner{display: flex; align-items: center; justify-content: center;}
.mainNotice_wrap .rabbit{width: 150px;}
.mainNotice_wrap .rabbit img{height: 150px;}
.mainNotice_wrap .mainNotice{width: calc( 100% - 150px ); position: relative; overflow: hidden; }
.mainNotice_wrap .mainNotice ul{}
.mainNotice_wrap .mainNotice ul li{ text-align: center; height: 150px; line-height: 150px; font-size: 2.4rem; font-weight: 700; padding: 0 30px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.mainNotice_wrap .mainNotice .pageWrap{position: absolute; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; gap: 5px; z-index: 5;}
.mainNotice_wrap .mainNotice .pageWrap button{display: inline-block;}
.mainNotice_wrap .mainNotice .pageWrap .swiper-pagination{margin-top: 0;}
.mainNotice_wrap .mainNotice .pageWrap .swiper-pagination-current{font-weight: 700; color: #2FC4BE}

.hotKeyword{padding: 80px 0;}
.hotKeyword .keywordBox_wrap{display: flex; gap: 20px; flex-wrap: wrap}
.hotKeyword .keywordBox_wrap .keywordBox{display: flex; gap: 20px; flex-wrap: wrap; flex-grow: 1; }
.hotKeyword .keywordBox_wrap .keywordBox > a{ height: 105px;  border-radius: 8px; padding: 0 10px;  display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 1.6rem; flex-direction: column; border: 3px solid rgba( 40, 40, 40, 0.3 );}
.hotKeyword .keywordBox_wrap .keywordBox.type1 > a{width: calc( ( 100% - 100px ) / 6 );}
.hotKeyword .keywordBox_wrap .keywordBox.type2 > a{width: calc( ( 100% - 40px ) / 3 );}

.hotKeyword .keywordBox_wrap .keywordBox > a .ko{text-align: center}
.hotKeyword .keywordBox_wrap .keywordBox > a .jp{text-align: center; font-size: 1.4rem}

.hotKeyword .keywordBox_wrap .keywordBox.type1 > a:nth-child(3),
.hotKeyword .keywordBox_wrap .keywordBox.type1 > a:nth-child(4){border: 3px solid rgba( 47, 196, 190, 0.6 );}
.hotKeyword .keywordBox_wrap .keywordBox.type2 > a:nth-of-type(odd){border: 3px solid rgba( 47, 196, 190, 0.6 );}
/*
.hotKeyword .keywordBox_wrap .keywordBox > a:nth-child(1), .hotKeyword .keywordBox_wrap .keywordBox > a:nth-child(4){border: 3px solid rgba( 47, 196, 190, 0.6 );}
.hotKeyword .keywordBox_wrap .keywordBox > a:nth-child(2), .hotKeyword .keywordBox_wrap .keywordBox > a:nth-child(3){border: 3px solid rgba( 40, 40, 40, 0.3 );}
*/

.mainJob_wrap{background: rgba(248, 178, 184, 0.1); padding: 80px 0; }
.mainJob_wrap .jobList:nth-of-type(1){margin-bottom: 80px;}

.mainService{padding: 80px 0; display: flex; justify-content: space-between;}
.mainService > div{width: calc( (100% - 20px) / 2 ); border-radius: 8px; }
.mainService > div .txt{height: 179px; font-size: 2.2rem; display: flex; align-items: center; justify-content: center; line-height: 150%; text-align: center;}
.mainService > div .more{height: 80px; text-align: center; line-height: 80px;  font-size: 2.4rem; font-weight: 600; color: #fff;}

.mainService > div:nth-of-type(1){border: 2px solid #ef95a4;}
.mainService > div:nth-of-type(1) .more{background: #ef95a4;}
.mainService > div:nth-of-type(2){border: 2px solid #999}
.mainService > div:nth-of-type(2) .more{background: #999; co}

.mainLineBanner{background: rgba( 229, 229, 229, 0.3); margin-bottom: 80px;}
.mainLineBanner a{display: flex; width: 1100px; height: 100px; flex-wrap: wrap; margin: 0 auto; flex-direction: column; text-align: center; justify-content: center; gap: 12px;}
.mainLineBanner a span{width: 100%; font-size: 2rem; font-weight: 600;}


.mainLetter{background: rgba(248, 178, 184, 0.1); padding: 80px 0;}
.letterInner{ width: 600px; background: url(../images/bg_msgLine.png) repeat-y; padding: 0 40px;}
.letterInner .wordBox.start{position: relative;}
.letterInner .wordBox.start::before{content: url(../images/icon_ribbon.svg); position: absolute; left: -100px; top : -36px; }
.letterInner .wordBox.from{padding: 64px 0; text-align: right; position: relative;}
.letterInner .wordBox.from::after{content: url(../images/icon_ribbon.svg); position: absolute; right: -100px; top : 30px; transform: scaleX(-1); }

.letterInner .wordBox p{line-height: 32.5px; font-size: 16px; font-family: "Noto Sans JP", sans-serif;}
.letterInner .wordBox.space{margin-top: 30px;}
.letterInner .wordBox.big{ margin: 45px 60px 60px; }
.letterInner .wordBox.big p{ font-size: 32px; font-weight: 500; color: #F8B2B8; line-height: 1; font-family: "Noto Sans JP", sans-serif;}
.letterInner .wordBox.big p + p {margin-top: 15px;}
.letterInner .wordBox.big p:nth-of-type(2){margin-left: 50px;}
.letterInner .wordBox.big p:nth-of-type(3){margin-left: 100px;}

.mainCs_wrap{padding: 80px 0; display: flex;  gap: 20px;}
.mainCs_wrap .mainCs{ border-radius: 8px ; border: 2px solid rgba( 229, 229, 229, 0.3); height: 234px; width: 300px; padding: 24px;}
.mainCs_wrap .mainCs .tit{font-size: 1.8rem; font-weight: 600; margin-bottom: 20px;}
.mainCs_wrap .mainCs .tit span{font-weight: 400;}
.mainCs .mainCsBox{display: flex; margin-bottom: 8px;}
.mainCs .mainCsBox.div{margin-bottom: 15px;}
.mainCs .mainCsBox .t{width: 80px;}
.mainCs .mainCsBox .c{width: calc(100% - 80px);}

.mainCs_wrap .mainNotice{border-radius: 8px ; border: 2px solid rgba( 229, 229, 229, 0.3); height: 234px; width: calc( 100% - 320px);  padding: 24px;}
.mainCs_wrap .mainNotice .tit{font-size: 1.8rem; font-weight: 600; margin-bottom: 20px;}
.mainCs_wrap .mainNotice .tit span{font-weight: 400;}
.mainNoticeList{}
.mainNoticeList li{}
.mainNoticeList li a{display: flex; align-items: center; justify-content: space-between; line-height: 1;}
.mainNoticeList li a .subject{width: calc(100% - 80px); font-size: 1.6rem; font-weight: 500;  height: 18px; font-weight: 500; font-family: 'Meiryo', sans-serif;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.mainNoticeList li a .date{width: 80px; font-size: 1.4rem; color: #666; text-align: right;}
.mainNoticeList li + li{margin-top: 22px;}

.mainVenture{ background: rgba( 229, 229, 229, 0.3); padding: 40px 0;}
.mainVenture .mainInner > p{font-size: 2.4rem; font-weight: 500; text-align: center; padding: 0 20px;}
.mainVenture .mainInner > p + p{margin-top: 12px;}
.mainVenture .mainInner > div{display: flex; gap: 80px; justify-content: center; margin-top: 40px;}
.mainVenture .mainInner > div img{height: 24px;}

.mainInquiry{padding: 80px 0;}
.mainFormBox{display: flex; border-radius: 8px; border: 2px solid rgba( 229, 229, 229, 0.3); height: 64px; overflow: hidden; background: #fff; margin-bottom: 12px; }
.mainFormBox > label{width: 264px; display: flex; line-height: 1; align-items: center; padding-left: 24px; font-size: 1.6rem; font-weight: 600; position: relative;}
.mainFormBox > label::after{content: ""; display: block; position: absolute; height: 16px; width: 1px; background-color: rgba( 229, 229, 229, 0.3); right: 0; top: 50%; transform: translateY(-50%);}
.mainFormBox > label > span{font-weight: 400;}
.mainFormBox > label > b{font-weight: bold; color: #2FC4BE; padding-left: 5px;}
.mainFormBox > div{width: calc( 100% - 264px );}
.mainFormBox > div input{border: 0; width: 100%; height: 60px; border-radius: 0 8px 8px 0; padding: 0 16px;}
.mainFormBtn {text-align: right;}
.mainFormBtn > button{background: #2FC4BE; width: 120px; height: 40px; line-height: 40px; color: #fff; font-size: 1.6rem; font-weight: bold; border-radius: 6px;}

.mainFormBox.txtarea{flex-direction: column; height: auto; }
.mainFormBox.txtarea > label{width: calc( 100% - 48px ); padding: 24px 0; border-bottom: 1px solid rgba( 229, 229, 229, 0.3); margin: 0 auto;}
.mainFormBox.txtarea > label::after{display: none;}
.mainFormBox.txtarea > div{width: 100%; padding: 24px;}
.mainFormBox.txtarea > div textarea{border: 0; width: 100%; height: 160px; border-radius: 0 0 8px 8px; }




/* 채용공고 */
.JobSchType{display: flex; gap: 16px; padding: 80px 0;}
.JobSchType .box{width: calc( (100% - 64px) / 6 ); background: #fff url(../images/icon_close.svg) right 20px center no-repeat; border: 1px solid #bbb; border-radius: 12px; padding: 22px 36px 22px 24px; }
.JobSchType .box .k{font-size: 1.8rem; font-weight: 700; }
.JobSchType .box .j{font-family: 'Meiryo', sans-serif; font-size: 1.4rem; margin-top: 4px;}
.JobSchType .box.on{ border: 2px solid #2FC4BE; color: #2FC4BE; background: #fff url(../images/icon_open.svg) right 20px center no-repeat; }


.jobList.mainJob li a{}
.jobList{display: flex; gap:20px; flex-wrap: wrap;}
.jobList li{width: calc( (100% - 60px) / 4 ); }
.jobList li a{padding: 24px; border-radius: 16px;   display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #bbb; background: #fff; }
.jobList li .photo{margin: -24px -24px 0px -24px; height: 150px; overflow: hidden; border-radius: 16px 16px 0 0 ; background: #f5f5f5 url(../images/img_rabbit_gr.svg) no-repeat center; border-bottom: 1px solid #bbb; position: relative;}
.jobList li .photo img{position: absolute; width: 110%; height: 110%; object-fit: cover;  left: 50%; top: 50%; transform: translate(-50%, -50%);}
.jobList li .top{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.jobList li .top .dayWrap{display: flex; align-items: center;  font-weight: 500;}
.jobList li .top .dayWrap .icon{font-size: 1.4rem;}
.jobList li .top .dayWrap .icon.new{color: #FB8041;}
.jobList li .top .dayWrap .icon.dead{color: #ED4535;}
.jobList li .top .dayWrap .dday{display: flex; align-items: center; color: #9999; font-size: 1.2rem;}
.jobList li .top .dayWrap .dday::before{content: ""; display: inline-block; width: 2px; height: 2px; border-radius: 50%; background: #ddd; margin:0 4px;}
.jobList li .top .title{margin-top: 8px; font-size: 1.8rem; font-weight: 700; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 40px; line-height: 20px; overflow: hidden; min-height: 40px;}
.jobList li .bottom {color: #666; font-weight: 500;}
.jobList li .bottom > div + div{margin-top: 6px; }
.jobList li .bottom .location{/*font-size: 1.4rem;*/ }
.jobList li .bottom .day{}
.jobList li .bottom .workday{}
.jobList li .bottom .salary{}
.jobList li .bottom .salary .type{ font-weight: 600;}
.jobList li .bottom .salary .type.time{ color: #08CBCB;}
.jobList li .bottom .salary .type.week{color: #C851FD;}
.jobList li .bottom .salary .type.month{ color: #5170EB;}
.jobList li .bottom .salary .type.year{}
.jobList li .bottom .salary strong{margin:0 2px 0 4px;}
.jobList li .bottom .company{background: url(../images/icon_location.svg) no-repeat left center; padding-left: 20px;}
.jobList li .bottom .location{background: url(../images/icon_location.svg) no-repeat left center; padding-left: 20px;}
.jobList li .bottom .workday{background: url(../images/icon_workday.svg) no-repeat left center; padding-left: 20px;}
.jobList li .bottom .salary{background: url(../images/icon_pay.svg) no-repeat left center; padding-left: 20px; }
.jobList li .bottom .language{background: url(../images/icon_kor.png) no-repeat left center; padding-left: 20px;}
.jobList li .bottom .calendar{background: url(../images/icon_calendar.png) no-repeat left center; padding-left: 20px; }
.jobList li .bottom .gender{background: url(../images/icon_gender.png) no-repeat left center; padding-left: 20px; }
.jobList li .bottom .date{float:right;}
/*채용공고 공지 배너 */
.noticeBanner{display: flex; margin-top: 80px;  width:100%; gap: 10px; }
.noticeBanner li{ height: 80px; border-radius: 8px; overflow: hidden; width: calc( (100% - 30px) / 4 );border : 1px solid #ddd;
    display: flex; align-items: center; justify-content: center; background: #fff;   font-size: 1.4rem; font-weight: 700;
    padding :20px;
}
.swiper-pagination {position: unset !important; margin-top:5px;}
.swiper-pagination .swiper-pagination-bullet-active{background:#2FC4BE !important;}
/* 채용공고하단 */
.jobBottom{display: flex; gap: 20px; margin-top: 40px;}
.jobBottom > div{border-radius: 16px; height: 220px;}
.jobBottom .board{ width: calc( 100% - 640px ); background: #F5F5F5; padding: 32px;}
.jobBottom .board .title{line-height: 1;  display: flex; justify-content: flex-start; align-items: center;}
.jobBottom .board .title h3{font-size: 2rem;  font-weight: 700;}
.jobBottom .board .title span{font-size: 1.8rem;  font-weight: 400; font-family: 'Meiryo', sans-serif; }
.jobBottom .board .title .more{display: inline-block; margin-left: auto; width: 32px; height: 32px; background: url(../images/icon_bdmore.png) no-repeat; text-indent: -9999px;}
.jobBottom .board ul{margin-top: 32px;}
.jobBottom .board ul li{display: flex; align-items: center; justify-content: space-between; line-height: 1; }
.jobBottom .board ul li .subject{width: calc(100% - 80px);  height: 18px; font-weight: 500; font-family: 'Meiryo', sans-serif;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.jobBottom .board ul li .date{width: 80px; font-size: 1.4rem; color: #999; text-align: right;}
.jobBottom .board ul li + li{margin-top: 25px;}

.jobBottom .qnaBanner{background: #996d59 url(../images/icon_qnabn.svg) no-repeat right 30px bottom 30px; }
.jobBottom .qnaBanner a{display: block; height: 100%; width: 300px; padding: 32px;}
.jobBottom .qnaBanner .title{line-height: 1; color: #fff;}
.jobBottom .qnaBanner .title h3{font-size: 2.4rem;  font-weight: 700;}
.jobBottom .qnaBanner .title .more{display: inline-block;  margin-top: 13px; display: flex; align-items: center;}
.jobBottom .qnaBanner .title .more::after{content: url(../images/icon_qnabtn.png); display: inline-block; margin-left: 8px;}

.jobBottom .csBanner{background: #EF95A4; width: 300px; padding: 32px;}
.jobBottom .csBanner .title{line-height: 1; font-size: 2rem; color: #fff; margin-bottom: 28px;}
.jobBottom .csBanner .title h3{  font-weight: 700; display: inline;}
.jobBottom .csBanner .title span{font-weight: normal; font-family: 'Meiryo', sans-serif; }
.jobBottom .csBanner ul{}
.jobBottom .csBanner ul li{display: flex; font-size: 1.5rem; color: #fff; line-height: 1.2;}
.jobBottom .csBanner ul li + li{margin-top: 15px;}
.jobBottom .csBanner ul li .t{width: 80px;}
.jobBottom .csBanner ul li .t span{font-family: 'Meiryo', sans-serif;}
.jobBottom .csBanner ul li .c{width: calc(100% - 80px);  font-weight: 600;}

/* 채용공고 하단 배너 */
.adBanner{display: flex; gap: 20px; margin-top: 80px;}
.adBanner a{ height: 100px; border-radius: 8px; overflow: hidden; width: calc( (100% - 40px) / 3 ); 
    display: flex; align-items: center; justify-content: center; background: #F06C5F;  color: #fff; font-size: 2.4rem; font-weight: 700;
}

/* 채용공고 상세 */
.jobDetailBox{background: #fff; border-radius: 20px; padding: 40px; border: 1px solid #ddd;}
.jobDetail_day{display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center;}
.jobDetail_day .date{font-size: 1.6rem; color: #666;}
.jobDetail_day .share{}
.jobDetail_day .share ul{display: flex; justify-content: flex-start; gap: 8px;}
.jobDetail_day .share ul li{ background: #fff; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #bbb; color: #999; cursor: pointer;}

.jobDetail_title{}
.jobDetail_title .top{}
.jobDetail_title .top .company{font-size: 2rem; font-weight: 500;}
.jobDetail_title .top .company .certificate{font-style: normal; border: 1px solid #666; color: #666; display: inline-block;  width: 94px; height: 26px; line-height: 26px; font-size: 1.6rem; font-weight: 500; padding: 0 0 0 10px; background: url(../images/icon_company.svg) right 8px center no-repeat;}
.jobDetail_title .top .title{ font-size: 3.2rem; font-weight: 700; color: #332A26; margin-top: 10px;}
.jobDetail_title .bottom{border-top: 1px solid #ddd; margin-top: 32px; padding-top: 40px; display: flex; gap: 40px;}
.jobDetail_title .bottom > div{width: calc( (100% - 80px) / 3);}
.jobDetail_title .bottom > div .t{font-size: 1.6rem; color: #666;}
.jobDetail_title .bottom > div .t span{font-size: 1.5rem;}
.jobDetail_title .bottom > div .c{font-weight: 700; font-size: 2rem; color: #2FC4BE; margin-top: 10px;}

.jobDetailBox > .title{font-size: 3.2rem; font-weight: 700; margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid #ddd;}
.applicantBox{display: flex; justify-content: space-between;}
.applicantBox .info{width: calc( 100% - 172px);}
.applicantBox .info .name{font-size: 2rem; font-weight: 700; margin-bottom: 28px;}
.applicantBox .photo{width: 140px; height: 164px; background: #f5f5f5 url(../images/img_rabbit_gr.svg) no-repeat center; border-radius: 8px; border: 1px solid #ddd;}
.applicantBox .photo img{height:100%;	width:100%; object-fit: contain;}

.infoList{display: flex; gap:28px 40px; flex-wrap: wrap;}
.infoList li{width: calc( 50% - 20px);}
.infoList li .t{font-size: 1.6rem; color: #666;}
.infoList li .t span{font-size: 1.5rem;}
.infoList li .c{color: #332A26; font-size: 1.6rem; margin-top: 5px; font-weight: 500; margin-top: 10px;}
.infoList li .c .type{width: 39px; height: 26px; line-height: 26px; text-align: center; display: inline-block; border-radius: 13px; font-size: 1.3rem; font-weight: 500; margin-right: 8px;}
.infoList li .c .type.time{ color: #08CBCB; border: 1px solid #08CBCB;}
.infoList li .c .type.week{color: #C851FD; border: 1px solid #C851FD;}
.infoList li .c .type.month{color: #5170EB; border: 1px solid #5170EB; }
.infoList li .c .pay{font-weight: 700; font-size: 2rem;}


.photoList{margin-top:28px; }
.photoList .t{font-size: 1.6rem; color: #666;}
.photoList .c{display: flex; flex-wrap: wrap; gap: 15px; margin-top: 5px;}
.photoList .c div{width: calc( (100% -  45px ) / 4 ); height: 200px;}
.photoList .c div img{width: 100%; height: 100%; object-fit: fill;}



.jobDetail_map{width: 100%; height: 360px; border-radius: 8px; overflow: hidden; background-color: #ddd; margin-top: 28px;
    display: flex; align-items: center; justify-content: center; font-size: 5rem; color: #fff; font-weight: 700;
}

.jobDetail_text{color: #332A26; font-size: 1.6rem; font-weight: 500; margin-bottom: 28px; }

.waringList{margin-top: 28px;}
.waringList li{font-size: 1.4rem; color: #666;}
.waringList li + li{margin-top: 8px;}

.compnyInfo{border-bottom: 1px solid #ddd; padding-bottom: 32px; margin-bottom: 40px; display: flex; justify-content: space-between; align-items: center;}
.compnyInfo .name{font-size: 3.2rem; font-weight: 700;}
.compnyInfo .logo{}
.compnyInfo .logo img{ height: 60px;}

.jobDetailBtn_wrap{display: flex; gap: 8px; justify-content: center; padding: 16px 0; box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.08);}
.jobDetailBtn_wrap a{width: 240px; height: 56px;  font-weight: 700; font-size: 1.6rem;}
.jobDetailBtn_wrap a .jp{}

.detailBtn_wrap{display: flex; gap: 8px; justify-content: center;}
.detailBtn_wrap a{width: 240px; height: 56px;  font-weight: 700; font-size: 1.6rem;}
.detailBtn_wrap a .jp{}

.detailBtn_wrap.bh60 a{ height: 60px; }

/* 로그인 */
.loginForm{width: 400px; margin: 80px auto 0;}
.loginForm{}
.loginForm .loginType{display: flex;  overflow: hidden; }
.loginForm .loginType > div{width: 50%;  }
.loginForm .loginType > div:nth-of-type(1) label{ border-radius: 8px 0 0 8px; overflow: hidden;}
.loginForm .loginType > div:nth-of-type(2) label{border-radius: 0 8px 8px 0; overflow: hidden;}
.loginForm .loginType > div label{  display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; font-size: 1.5rem; border: 1px solid #ddd;}
.loginForm .loginType > div label span{font-family: 'Meiryo', sans-serif; font-size: 1.5rem;}
.loginForm .loginType input[type=radio]:checked + label{ color:#332A26; font-weight: 700; background: #fff; border: 2px solid #2FC4BE;}
.loginForm .loginType input[type=radio]:not(:checked) + label{ background: #f5f5f5; color: #999; }

.loginForm .loginInput{margin-top: 20px;}
.loginForm .loginInput input{width: 100%; height: 56px; line-height: 56px; border-radius: 8px; padding: 0 16px;}
.loginForm .loginInput input + input{margin-top: 6px;}
.loginForm .loginRemember{margin: 20px 0; color: #666;}
.loginForm .loginRemember label{font-weight: 500; font-size: 1.4rem;}
.loginForm .loginRemember label span{font-family: 'Meiryo', sans-serif;}

.loginForm .loginSubmit{}
.loginForm .loginSubmit a{display: inline-block; height: 60px; display: flex; align-items: center; background: #2FC4BE; justify-content: center; color: #fff; flex-direction: column; border-radius: 8px; line-height: 1;}
.loginForm .loginSubmit a span{ font-weight: 700;}
.loginForm .loginSubmit a span.jp{font-weight: 400;}
.loginForm .loginSubmit button{width:100%; display: inline-block; height: 60px; display: flex; align-items: center; background: #2FC4BE; justify-content: center; color: #fff; flex-direction: column; border-radius: 8px; line-height: 1;}
.loginForm .loginSubmit button span{ font-weight: 700;}
.loginForm .loginSubmit button span.jp{font-weight: 400;}

.loginForm .loginFind{margin-top: 24px; display: flex; justify-content: center; font-size: 0; border-bottom:1px solid #ddd ; padding-bottom: 32px;}
.loginForm .loginFind a{font-size: 1.4rem; font-weight: 600; color: #666;}
.loginForm .loginFind a span{font-family: 'Meiryo', sans-serif; font-weight: 500;}
.loginForm .loginFind a:nth-of-type(1)::after{content: ""; display: inline-block; background: #bbb; width: 1px; height: 14px; margin: 0 8px; vertical-align: middle;}
.loginForm .loginJoin{}

.loginForm .loginJoin{margin-top: 32px;}
.loginForm .loginJoin p{text-align: center;  margin-bottom: 24px;}
.loginForm .loginJoin a{display: inline-block; height: 60px; display: flex; align-items: center; background: #fff; justify-content: center;  flex-direction: column; border-radius: 8px; line-height: 1;   font-weight: 700; border: 1px solid #bbb;}
.loginForm .loginJoin a span{font-family: 'Meiryo', sans-serif; font-weight: 500;}


/* 회원가입 */
.joinForm {width: 400px; margin: 80px auto 0;}

.join_step01{}
.join_step01 > div{ }
.join_step01 > .biz{margin-top: 20px;}
.join_step01 div .top{padding: 40px; border-radius: 16px 16px 0 0; background: #fff;  border: 1px solid #ddd; border-bottom: 0; font-size: 2.2rem;  position: relative;}
.join_step01 div .top strong{font-weight: 700;}
.join_step01 div .bottom{height: 60px; display: flex; align-items: center; justify-content: center; color: #fff;  border-radius: 0 0 16px 16px; font-size: 1.8rem; font-weight: 700;}
.join_step01 div .bottom span{font-weight: 400; }
.join_step01 div.normal .bottom{ border: 1px solid #2FC4BE; background: #2FC4BE;}
.join_step01 div.biz .bottom{border: 1px solid #6C341E; background: #996D59;}
.join_step01 div.normal .top::after{ content: ""; display: inline-block; position: absolute; top: 40px; right: 40px;  width: 60px; height: 60px; background: #f6fbfc  url(../images/icon_normalmb.svg) no-repeat center; border-radius: 24px;}
.join_step01 div.biz .top::after{ content: ""; display: inline-block; position: absolute; top: 40px; right: 40px;  width: 60px; height: 60px; background: #F7EDE8 url(../images/icon_bizmb.svg) no-repeat center;  border-radius: 24px;}

.joinForm.join_step02{width: 460px;}
.joinForm.join_step02 + .join_step02{margin-top: 40px;}
.joinForm_inner{padding: 30px; background: #fff; border: 1px solid #bbb; border-radius: 16px; }
.joinForm .form_row .formWrap .photoBox{width: 140px; height: 164px; border: 1px solid #ddd; background: #f5f5f5; position: relative; border-radius: 8px;}
.joinForm .form_row .formWrap .photoBox input[type=file]{display: none;}
.joinForm .form_row .formWrap .photoBox label{width: 100% ; height : 124px; display: block; background: url(../images/img_rabbit_gr.svg) no-repeat center; border-radius: 8px 8px 0 0; overflow: hidden;}
.joinForm .form_row .formWrap .photoBox label img{width: 100%; height: 100%; object-fit: cover;}
.joinForm .form_row .formWrap .photoBox .photoAdd{width: 100%; height: 40px; font-size: 1.3rem; font-weight: 700; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); color: #fff; border-radius: 0 0 8px 8px;}
.joinForm .form_row .formWrap .photoBox .photoAdd .jp{font-weight: 500;}
.joinForm .form_row .formWrap .photoBox .photoDel{display: none; position: absolute; right: -5px; top: -5px; width: 20px; height: 20px; z-index: 1; border-radius: 50%; background:#666 url(../images/icon_plus.svg) no-repeat center; background-size: 10px; transform: rotate(45deg); text-indent: -9999px;}
.joinForm .photoNotice{width: 100%;position: relative;margin: 20px 0;color:#ED4535;	}
.joinForm .formNotice{width: 100%;position: relative;margin: 20px 0;color:#ED4535;	}
.photoThumbWrap {display:flex; flex-direction: row !important; gap:5px; max-width:460px; overflow-x:scroll; overflow-y:clip; padding-top:20px; width:100%;height:200px;}
.photoThumbWrap .photoLabel{width:160px;height:160px;position:relative; }
.photoThumbWrap .photoLabel img{width:160px;height:160px;}
.photoThumbWrap .photoLabel .photoDel{position: absolute; right: -5px; top: -5px; width: 20px; height: 20px; z-index: 1; border-radius: 50%; background:#666 url(../images/icon_plus.svg) no-repeat center; background-size: 10px; transform: rotate(45deg); text-indent: -9999px;}
.form_row .title .photoAdd{width: 100px; line-height:40px; height: 40px; font-size: 1.3rem; font-weight: 700; margin-left:10px; display:inline-block;	background: #666666; color: #fff; border-radius: 8px;}



.termWrap .allChk{border-bottom: 1px solid #ddd; padding-bottom: 28px; margin-bottom: 28px; font-weight: 700;}
.termWrap .termBox{ }
.termWrap .termBox + .termBox{ margin-top: 20px; }
.termWrap .termBox .title{ font-size: 1.5rem; font-weight: 500; display: flex; justify-content: flex-start;  gap: 10px; word-break: break-all;}
.termWrap .termBox .title.req{font-weight: 600;}
.termWrap .termBox .title input{width: 20px;}
.termWrap .termBox .title label{width: calc(100% - 40px);}
.termWrap .termBox .title label span{font-weight: 400;}
.termWrap .termBox .title button{margin-left: auto; background: url(../images/icon_close.svg) no-repeat center; width: 20px; height: 20px;}
.termWrap .termBox .title button.on{rotate:180deg;}
.termWrap .termBox .term{height: 140px; padding: 12px; margin-top: 12px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 12px; display: none; overflow: hidden; overflow-y: auto;}
.termWrap .termWarning{margin-top:20px;color:#ED4535; }
.termWrap .termWarning2{color: #2FC4BE; font-weight: 300; margin-top: 5px;}
.termWrap .termBox .termTit{margin-bottom: 20px; font-size: 1.6rem; font-weight: 600;}

.termWrap > .txtBox:nth-of-type(1){margin-top: 100px;}
.termWrap > .txtBox > .tit{font-size:2.4rem; font-weight:600; margin-bottom:2rem; color:#111;}
.termWrap > .txtBox > p{font-size:15px;}
.termWrap > .txtBox > p + p{margin-top:10px;}
.termWrap > .txtBox .day{margin-top:10px; text-align: right; font-size: 15px;}
.termWrap > .txtBox + .txtBox{margin-top:4rem;}
.termWrap > .txtBox > table{margin-top:20px; width:100%; margin-bottom: 20px;}
.termWrap > .txtBox > table > thead th{padding:10px 0; border:1px solid #d3d3d3; border-top:2px solid #6C341E; background:#eee;}
.termWrap > .txtBox > table > tbody tr{border-top:1px solid #bbb;}
.termWrap > .txtBox > table > tbody td{border:1px solid #d3d3d3; background: #fff; padding: 8px 15px;}


.term .termWrap > .txtBox > .tit{font-size:1.4rem;}
.term .termWrap > .txtBox:nth-of-type(1){margin-top: 0;}
.term .termWrap > .txtBox > p{font-size:1.2rem;}
.term .inner{width: 100%; }

.form_row{}
.form_row + .form_row{margin-top: 32px;}
.form_row .title{margin-bottom: 10px; font-weight: 500; color: #666;}
.form_row .title .jp{}
.form_row .title .req{color: #ED4535;}
.form_row input[type=text],
.form_row input[type=tel],
.form_row input[type=password]{width: 100%; height: 52px; line-height: 52px; border-radius: 8px; padding: 0 16px; font-size: 1.5rem;}
.form_row select{width: 100%; height: 52px; line-height: 52px; border-radius: 8px; font-size: 1.5rem;}
.form_row .valid{margin-top: 10px; font-size: 1.2rem; font-weight: 500;}
.form_row .valid > p{padding-left: 20px; position: relative; color: #999; font-size: 1.2rem;}
.form_row .valid .k::before{content:""; display: inline-block; position: absolute; top: 0; left: 0; width: 20px; height: 20px;  background: url(../images/icon_valid_off.png) no-repeat left top; }
.form_row .valid .j{ font-family: 'Meiryo', sans-serif; }
.form_row .valid.success > p{color: #5170EB;}
.form_row .valid.success .k::before{background: url(../images/icon_valid_success.png) no-repeat left top;}
.form_row .valid.faild > p{color: #ED4535;}
.form_row .valid.faild .k::before{background: url(../images/icon_valid_faild.png) no-repeat left top;}


/* 입력폼종류 */
.inputBtn{display: flex; gap: 8px;}
.inputBtn input[type=text]{width: calc( 100% - 116px);}
.inputBtn button{width: 108px;}
.inputPlus{display: flex; gap: 8px;}
.inputPlus input[type=text]{width: calc( 100% - 60px);}
.inputPlus button{width: 52px;}

.hpInput{display: flex; gap: 8px;}
.hpInput input[type=text]{width: calc( 100% - 108px);}
.hpInput select{width: 108px;}
.hpInputCert{display: flex; gap: 8px;}
.hpInputCert input[type=text]{width: calc( 100% - 232px);}
.hpInputCert select{width: 108px;}
.hpInputCert button{width: 108px;}
.postInput{display: flex; gap: 8px;}
.postInput input[type=text]{width: calc( 100% - 116px);}
.postInput button{width: 108px;}
.inputText{width: 268px !important; display: flex; gap: 8px;}
.inputText span{width: 20px; display: flex; align-items: center;}
.inputText input[type=text]{width: calc( 100% - 28px);}
.elmanyBox{display: flex; gap: 8px; align-items: center;}
.elmanyBox > span{width: 10px; text-align: center;}
.elmanyBox.el2 > :not(span) {width : calc( (100% - 18px) / 2 ) }

.formBtn_wrap{}
.formBtn_wrap a{height: 60px; font-size:1.6rem;}

/* 자동완성 */
.wrap_autocomplete{position: relative;display: inline-block;}
.wrap_autocomplete .autocomplete_items{display:none;}
.wrap_autocomplete.on .autocomplete_items {overflow : visible;display:block;position: absolute;border: 1px solid #bbb;
border-bottom: none;border-top: none;z-index: 99;top: 100%;left: 0;right: 0; }
.autocomplete_items div:first-child{border-top: 1px solid #bbb;}
.autocomplete_items div {padding: 10px;cursor: pointer;background-color: #fff;border-bottom: 1px solid #bbb;}
.autocomplete_items div.on {background-color: #2FC4BE; color:#fff;}
.autocomplete_items {background-color: DodgerBlue !important;color: #332A26;}

/* 메세지창 */
.descBox{background: #f5f5f5; padding: 28px 20px; text-align: center; margin: 24px 0 28px; border-radius: 8px; overflow: hidden;}
.descBox > p{font-size: 1.4rem; font-weight: 500;}
.descBox .k{}
.descBox .j{font-family: 'Meiryo', sans-serif;}
.descBox.carrot{padding: 20px;}
.descBox.carrot > p{color: #666; font-weight: 500;}
.descBox.carrot > p + p{margin-top: 8px;}
.descBox.carrot > p strong{color: #332A26; font-weight: 600; margin-left: 4px;}


/* 이력서 선택 */
.selectResume{width: 400px; margin-bottom: 28px}
.selectResume li{position: relative;}
.selectResume li + li{margin-top: 8px;}
.selectResume li label{display: flex; width: 100%; justify-content: flex-end; gap: 8px; height: 52px; align-items: center;  border: 1px solid #ddd; border-radius: 8px; padding: 0 40px 0 12px ; margin-right: 0;}
.selectResume li label .title{width: calc( 100% - 68px ); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: auto;}
.selectResume li label .date{width: 60px; font-size: 1.2rem; color: #999; text-align: right;}
.selectResume li input[type=radio] {position: absolute; right: 12px; top: 50%; transform: translateY(-50%);}
.selectResume li input[type=radio]:checked + label {border: 2px solid #2FC4BE;}
.selectResume input{}


/* 공지사항 */
.schWrap{text-align: center; margin: 80px 0 60px;}
.schWrap .schBox{border: 2px solid #6C341E; border-radius: 28px; overflow: hidden; background: #fff; display: inline-block; padding: 0 20px;}
.schWrap .schBox select{border: 0; height: 52px; width: 104px;}
.schWrap .schBox input[type=text]{height: 52px; width: 300px; border: 0;  margin:0 20px;}
.schWrap .schBox input[type=text].dateInput{width: 200px;}
.schWrap .schBox button{width: 25px; height: 52px; background: url(../images/icon_schBtn.svg) no-repeat center;}
.schWrap .schBox span{color: #000; font-size: 1.8rem;}

.totalText{font-size: 1.6rem; font-weight: 500; color: #666; }
.totalText strong{font-weight: 700;}
.totalText strong span{color: #08CBCB;}
.deadline{color: #666; font-size: 1.6rem;}

.noticeList{}
.noticeList ul{display: flex; gap: 20px; flex-wrap: wrap;}
.noticeList ul li{width: calc( 50% - 10px); height: 160px; border-radius: 16px; background: #fff; background: #fff; border: 1px solid #ddd; padding: 32px; display: flex; flex-direction: column; justify-content: space-between; }
.noticeList ul li .title{font-size: 2.2rem; font-weight: 700; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 54px;  overflow: hidden; word-break: break-all; }
.noticeList ul li .title a{}
.noticeList ul li .info{font-size: 0;}
.noticeList ul li .info .category{ color: #2FC4BE; font-weight: 700; font-size: 1.6rem;}
.noticeList ul li .info .date{ font-weight: 500; color: #999; font-size: 1.6rem;}
.noticeList ul li .info span::after{content: ""; display: inline-block; vertical-align: middle; width: 2px; height: 2px; border-radius: 50%; background: #ddd; margin: 0 6px;}

.noticeDetail{ background: #fff; border: 1px solid #ddd; border-radius: 20px; padding: 60px; margin-top: 80px; }
.noticeDetail .top{padding-bottom: 32px; border-bottom: 1px solid #ddd;}
.noticeDetail .top .title{font-size: 2.2rem; font-weight: 700;  word-break: break-all;}
.noticeDetail .top .info{font-size: 0; margin-top: 24px;}
.noticeDetail .top .info .category{ color: #2FC4BE; font-weight: 700; font-size: 1.6rem;}
.noticeDetail .top .info .date{ font-weight: 500; color: #999; font-size: 1.6rem;}
.noticeDetail .top .info span::after{content: ""; display: inline-block; vertical-align: middle; width: 2px; height: 2px; border-radius: 50%; background: #ddd; margin: 0 6px;}
.noticeDetail .content{margin: 32px 0; }
.noticeDetail .fileList{background: #f5f5f5; padding: 10px 20px; border-radius: 8px; overflow: hidden;}
.noticeDetail .fileList li{display: flex; align-items: center;}
.noticeDetail .fileList li + li{margin-top: 8px;}
.noticeDetail .fileList li .name{font-size: 1.4rem; margin-right: 12px;}
.noticeDetail .fileList li a{background: #fff; width: 93px; height: 28px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; font-weight: 600; color: #332A26;}


/* 마이페이지 등록 */
.mypageReg_wrap{display: flex; justify-content: space-between; gap: 20px; margin-top: 60px;}
.sideBtn_wrap{width: 240px; position: sticky; top: 150px	; align-self: flex-start;}
.sideBtn_wrap .btn{ width: 100%; height: 60px; display: flex; align-items: center;}
.sideBtn_wrap .btn + .btn{margin-top: 12px;}

.regTitleBox{ }
.regTitleBox .top{ border-radius: 16px 16px 0 0; background: #fff; border: 1px solid #ddd; border-bottom: 0; height: 60px; display: flex; justify-content: space-between; align-items: center; padding: 0 16px;}
.regTitleBox .top .t{font-size: 2.0rem; font-weight: 700;}
.regTitleBox .top .t .jp{font-size: 1.8rem; font-weight: 400;}
.regTitleBox .top .word{color: #999; display: flex;  align-items: center;}
.regTitleBox .top .word button{width: 88px; height: 36px; margin-left: 16px;}
.regTitleBox input[type=text], .regTitleBox textarea{width: 100%; height: 60px; font-size: 1.5rem; border-radius: 0 0 16px 16px ;   padding: 0 16px;}
.regTitleBox textarea{height: 200px; padding:20px 16px;}

.regForm{width: calc(100% - 260px);}
.regForm_inner{padding: 30px; background: #fff; border: 1px solid #ddd; border-radius: 16px;}
.regForm .form_row{display: flex; align-items: center; gap: 8px;}
.regForm .form_row.borderTop{border-top: 1px solid #ddd; padding-top: 30px; margin-top: 30px;}
.regForm .form_row + .form_row{margin-top: 20px;}
.regForm .form_row .title{margin-bottom: 10px; width: 110px; font-size: 1.5rem; font-weight: bold; color: #332A26; margin-bottom: 0; }
.regForm .form_row .title .jp{font-weight: 500;}
.regForm .form_row .title .req{color: #ED4535;}
.regForm .form_row .formWrap{width: calc(100% - 110px); display: flex; gap: 8px; align-items: center;} 
.regForm .form_row .formWrap > select,
.regForm .form_row .formWrap > input[type=text], .regForm .form_row .formWrap > input[type=password],
.regForm .form_row .formWrap > .elmanyBox{width: 240px; font-size: 1.6rem; font-weight: 500;}
.regForm .form_row .unitTxt{font-weight: 500;}
.formWrap_parent{width: 100%;}
.formWrap_parent > div + div{margin-top: 8px;}
.regForm .form_row .desc{color: #666; margin-left: 8px;}

.regForm.resume .form_row .title{width: 160px;  display: flex; justify-content: center; flex-direction: column;}
.regForm.resume .form_row .formWrap{width: calc(100% - 160px);} 
.regForm.resume .form_row .formWrap > select,
.regForm.resume .form_row .formWrap > input[type=text], 
.regForm.resume .form_row .formWrap > input[type=password],
.regForm.resume .form_row .formWrap > .elmanyBox, 
.regForm.resume .form_row .formWrap > .tabRadio{width: 375px; }
/* .regForm .form_row .formWrap .photoBox{width: 140px; height: 164px; border: 1px solid #ddd; background: #f5f5f5; position: relative; border-radius: 8px;} */
/* .regForm .form_row .formWrap .photoBox input[type=file]{display: none;} */
/* .regForm .form_row .formWrap .photoBox label{width: 100% ; height : 124px; display: block; background: url(../images/img_rabbit_gr.svg) no-repeat center; border-radius: 8px 8px 0 0; overflow: hidden;} */
/* .regForm .form_row .formWrap .photoBox label img{width: 100%; height: 100%; object-fit: cover;} */
/* .regForm .form_row .formWrap .photoBox .photoAdd{width: 100%; height: 40px; font-size: 1.3rem; font-weight: 700; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); color: #fff; border-radius: 0 0 8px 8px;} */
/* .regForm .form_row .formWrap .photoBox .photoAdd .jp{font-weight: 500;} */
/* .regForm .form_row .formWrap .photoBox .photoDel{display: none; position: absolute; right: -5px; top: -5px; width: 20px; height: 20px; z-index: 1; border-radius: 50%; background:#666 url(../images/icon_plus.svg) no-repeat center; background-size: 10px; transform: rotate(45deg); text-indent: -9999px;} */
/* .regForm .photoNotice{width: 100%;left: 150px;position: relative;margin: 20px 0;color:#ED4535;	} */
.regForm .formNotice{width: 100%;left: 166px;position: relative;margin: 20px 0;color:#ED4535;	}

.regForm.resume .form_row .formWrap_parent.career .formWrap{width: 100%; flex-direction: column;}
.regForm.resume .form_row .formWrap_parent.career .formWrap + .formWrap{margin-top: 20px;}
.career .careerAdd{ text-align: center; margin-top: 20px; font-size: 1.6rem; font-weight: 500; }
.career .careerAdd button{ color: #2FC4BE; }
.career .careerAdd button::before{content: url(../images/icon_circleplus.svg);  vertical-align: middle; margin-right: 5px;}
 
.addressWrap{width: 100%;}
.addressWrap .address1{display: flex; gap: 10px; margin: 8px 0;}
.addressWrap .address1 .inputBtn{width: 400px;}
.addressWrap .address1 > input{width: calc( 100% - 410px);}
.addressWrap .address2 {width: 100%; }
.addressWrap .address2 input[type=text]{}

.notBox input[type=checkbox] + label{background: url(../images/icon_chk_off.png) no-repeat left center; padding-left: 18px;}
.notBox input[type=checkbox]:checked + label{ color: #2FC4BE; background: url(../images/icon_chk_on.png) no-repeat left center;}
.notBox input[type=radio] + label{background: url(../images/icon_chk_off.png) no-repeat left center; padding-left: 18px;}
.notBox input[type=radio]:checked + label{ color: #2FC4BE; background: url(../images/icon_chk_on.png) no-repeat left center;}
.notBox{margin-left: 52px;}
.inputText + .notBox{margin-left: 24px;}
.editBox_wrap{border: 1px solid #ddd; background: #f5f5f5; padding: 30px;}
.workdayChk_wrap{/*width: calc(100% - 110px) !important; */font-size: 0;}
.workdayChk_wrap + .notBox{margin-left: 30px;}
.workdayChk_wrap label{border: 1px solid #ddd; color: #999; display: inline-block; padding: 0 14px; height: 30px; line-height: 30px; font-size: 1.4rem; font-weight: 600; border-radius: 15px;}
.workdayChk_wrap label + label{margin-left: 10px;}
.workdayChk_wrap input[type=checkbox]{display: none;}
.workdayChk_wrap input[type=checkbox]:checked + label{border: 1px solid #332A26; color: #332A26; font-weight: 700;}
.workdayChk_wrap input[type=radio]:checked + label{border: 1px solid #332A26; color: #332A26; font-weight: 700;}


/* 마이페이지 이력서 */
.carrotpoint_wrap{background: #f5f5f5; border: 1px solid #ddd; border-radius: 16px; padding: 32px; margin-top: 60px; display: flex; justify-content: space-between; align-items: center;}
.carrotpoint_wrap .txt{font-size: 1.6rem; font-weight: 500; color: #332A26;}
.carrotpoint_wrap .txt .k{}
.carrotpoint_wrap .txt .j{font-family: 'Meiryo', sans-serif; margin-top: 6px;}
.carrotpoint_wrap .carrot{background: #fff; border-radius: 12px; height: 88px; display: flex; align-items: center; padding: 20px 32px;}
.carrotpoint_wrap .carrot .txt{height: 48px; display: flex; justify-content: center; flex-direction: column; font-size: 2rem; font-weight: 700; text-align: center; background: url(../images/icon_carrot.png) no-repeat left center / 40px auto; padding-left: 50px;}
.carrotpoint_wrap .carrot .txt .jp{display: block; font-size: 1.6rem; font-weight: 400;}
.carrotpoint_wrap .carrot .point{font-size: 3.4rem; display: flex; align-items: center;}
.carrotpoint_wrap .carrot .point::before{content: ""; display: inline-block; height: 24px; width: 1px; background: #ddd; margin: 0 32px; vertical-align: middle;}
.carrotpoint_wrap .carrot .point strong{ font-size: 4rem; font-weight: 700;}

.carrotBtn_wrap{}
.carrotBtn_wrap a{ height: 160px; display: flex; align-items: center; justify-content: center; }
.carrotBtn_wrap a > p{line-height: 1.3;}
.carrotBtn_wrap a .b{font-weight: 700; font-size: 2rem; }
.carrotBtn_wrap a .s{font-weight: 500; font-size: 1.4rem;}
.carrotBtn_wrap a > p.jp{font-weight: 400;}


/* 자기소개서 샘플 */
.sample_wrap{display: flex; justify-content: space-between; gap: 16px;}
.sample_wrap .sampleList{width: 108px;}
.sample_wrap .sampleList ul{}
.sample_wrap .sampleList ul li{ border: 1px solid #bbb; border-radius: 8px; height: 36px; font-size: 1.4rem; font-weight: 500; display: flex; align-items: center; justify-content: center; color: #999; cursor: pointer;}
.sample_wrap .sampleList ul li + li{margin-top: 8px;}
.sample_wrap .sampleList ul li.on{background: #996D59; color: #fff;}
.sample_wrap .sampleTxt{width: 580px; height: 344px; padding: 20px; background: #f5f5f5; border-radius: 8px; border: 1px solid #ddd; }
.sample_wrap .sampleTxt .sampleTxt_inner{font-size: 1.4rem; line-height: 140%;}


/* 당근구매 */
.carrotState_wrap{ display: flex; align-items: center; justify-content: center; margin-top: 60px; gap: 30px; }
.carrotState_wrap .carrotImg{}
.carrotState_wrap .carrotImg img{ height: 160px;}
.carrotState_wrap .carrotState{padding:50px;  display: flex; border-radius: 16px; background: #fff;  border: 1px solid #EF95A4; }
.carrotState_wrap .carrotState .txt{height: 48px; display: flex; justify-content: center; flex-direction: column;  font-size: 2rem; font-weight: 700; text-align: center; }
.carrotState_wrap .carrotState .txt .jp{display: block; font-size: 1.6rem; font-weight: 400;}
.carrotState_wrap .carrotState .point{font-size: 3.4rem; display: flex; align-items: center;}
.carrotState_wrap .carrotState .point::before{content: ""; display: inline-block; height: 24px; width: 1px; background: #ddd; margin: 0 32px; vertical-align: middle;}
.carrotState_wrap .carrotState .point strong{ font-size: 4rem; font-weight: 700;}

.itemSelectBox{ display: flex;}
.itemSelectBox label:nth-of-type(1){border-radius: 8px 0 0 8px;}
.itemSelectBox label:nth-of-type(2){border-radius: 0 8px 8px 0 ; border-left: 0;}
.itemSelectBox label{background: #f5f5f5; color: #999; height: 84px; width: 50%; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 1.6rem; font-weight: 500; position: relative;}
.itemSelectBox label i.icon{position: absolute; right: -1px; top: -1px; background: #ED4535; color: #fff; text-align: center; font-size: 1.4rem; font-weight: 700; border-radius: 0 8px 0 8px; width: 70px; height: 26px; line-height: 26px; } 
.itemSelectBox input[type=radio]{display: none;}
.itemSelectBox input[type=radio] + label{margin: 0;}
.itemSelectBox input[type=radio]:checked + label{font-weight: bold; background: #fff; color: #332A26; border: 2px solid #2FC4BE;}

.itemCountBox{background: #fff; padding: 32px 0; border-radius: 16px; border: 1px solid #ddd; margin-top: 24px;}
.itemCountBox .itemCount{width: 460px; margin: 0 auto;}
.itemCountBox .itemCount .row{display: flex; align-items: center; height: 52px; font-size: 1.8rem;}
.itemCountBox .itemCount .row .tit{width: 200px;  font-weight: 700; color: #332A26; }
.itemCountBox .itemCount .row .tit .jp{font-weight: 500;}
.itemCountBox .itemCount .row .cont{width: calc( 100% - 200px); text-align: right; position: relative;}
.itemCountBox .itemCount .row .cont strong{font-size: 2rem;}
.itemCountBox .itemCount .row .cont .carrot{position: absolute; color: #ED4535; font-size: 1.6rem; line-height: 52px; margin-left: 16px; width: 100px; text-align: left;}
.itemCountBox .itemCount .row .cont .carrot i{font-style: normal;} 
.itemCountBox .itemCount .row + .row{margin-top: 12px;}

.countBox{display: inline-flex; gap: 6px;}
.countBox button{width: 52px; height: 52px; border-radius: 8px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
.countBox .plus{}
.countBox .minus{}
.countBox input[type=text]{width: 124px; height: 52px; border-radius: 8px; border: 1px solid #ddd; text-align: center;}
.waringBox{background: #f5f5f5; padding: 40px;  border-radius: 16px; overflow: hidden; margin-top: 24px; border: 1px solid #ddd;}
.waringBox .t{font-weight: 1.6rem; font-weight: 700; margin-bottom: 32px;}
.waringBox ul li{font-size: 1.4rem; font-weight: 500; line-height: 150%;}
.waringBox ul.j li{font-family: 'Meiryo', sans-serif;}
.waringBox ul + ul{margin-top: 12px;}
.buyResult_wrap{background: #fff; border-radius: 16px; border: 1px solid #ddd; padding: 80px 0; display: flex; align-items: center; flex-direction: column; margin-top: 60px;}
.buyResult_wrap > p{font-size: 2.4rem; color: #332A26;}
.buyResult_wrap > p.k{font-weight: 700;}
.buyResult_wrap > p.j{font-weight: 500; margin-top: 12px;}


/* qna */
.qnaWirte_wrap{ margin-top: 60px;}
.qnaWirte_wrap input[type=text]{ border-radius: 16px 16px 0 0; width: 100%; height: 60px; line-height: 60px; padding: 0 16px; border-bottom: 0;}
.qnaWirte_wrap input[type=text]:focus{border-bottom: 1px solid #2FC4BE; height: 61px;}
.qnaWirte_wrap input[type=text]:focus + textarea{border-top: 0;}
.qnaWirte_wrap textarea{height: 200px; padding:20px 16px; border-radius: 0 0 16px 16px; }
.answer{display: none;}
.answer td{background: #FBEBEE; cursor: pointer; }
.answer td .q, 
.answer td .a{text-align: left; display: flex; gap: 10px; color: #332A26;  padding:0 70px;}
.answer td .q{}
.answer td .a{margin-top: 12px; font-size: 1.5rem; }
.answer td .t{font-size: 1.6rem; font-weight: 700;}
.answer td .c{}

/* 통합검색 */
.jobSch_wrap{display:none;background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid #bbb ; margin-top: 12px;}
.jobSch_wrap:has(> .schSelect_wrap.on){display:block;}
.schSelect_wrap{border-radius:16px 16px 0 0 ;  border-bottom: 0;}
.schSelect_wrap .top{background: #F5F5F5; padding:16px; border-bottom: 1px solid #bbb; display: flex;}
.schSelect_wrap .top > .schBox {border: 1px solid #ddd; width: calc( 100% - 50px); height: 52px; display: flex; border-radius: 8px; overflow: hidden;}
.schSelect_wrap .top > .schBox input[type=text]{width: calc( 100% - 52px); border: 0; height: 50px;  padding: 0 16px;}  
.schSelect_wrap .top > .schBox button{width: 52px;  background: #fff url(../images/icon_search.svg) no-repeat center; text-indent: -9999px;} 
.schSelect{ width: 100%;  height: 220px; display: flex;}
.schSelect .category1{width: 420px; display: flex; flex-wrap: wrap; align-content: flex-start; height: 220px; overflow-y: auto; border-right: 1px solid #bbb; }
.schSelect .category1 li{width: 50%; height: 50px; display: flex; align-items: center; padding: 0 16px; cursor: pointer; font-weight: 600; font-size: 1.4rem; color: #666; }
.schSelect .category1 li.on{background: #f6fcfc url(../images/icon_category_on.svg) no-repeat right 16px center; color: #2FC4BE; }
.schSelect_wrap[aria-label=subway] .schSelect .category1{width: 210px; display: flex; flex-wrap: wrap; height: 220px; overflow-y: auto; border-right: 1px solid #bbb; }
.schSelect_wrap[aria-label=subway] .schSelect .category1 li{width: 100%; height: 40px; line-height: 40px; padding: 0 16px; cursor: pointer; font-weight: 600; font-size: 1.4rem; color: #666; } 
.schSelect_wrap[aria-label=subway] .schSelect .category2{width: calc(100% - 210px); display: flex; flex-wrap: wrap; height: 220px; overflow-y: auto;} 
.schSelect .category2{width: calc(100% - 420px); display: flex; gap: 10px 0; flex-wrap: wrap; align-content: flex-start; height: 220px; overflow-y: auto; padding-top: 10px;}
.schSelect .category2 label{width: calc(100% / 3 ); height: 50px; padding: 0 16px; cursor: pointer; font-weight: 600; font-size: 1.4rem; color: #666; margin-right: 0;}
/* .schSelect .category2.subway label{width: calc(100% / 3 ); height: unset; line-height: unset; padding: 0 16px; cursor: pointer; font-weight: 600; font-size: 1.4rem; color: #666; margin-right: 0;} */
/* .schSelect .category2.subway label:nth-of-type(n+4){margin-top:10px;} */
/* .schSelect .category2.subway label span{height:unset;} */
.schSelect .category2  input[type=checkbox]{display: none;}
.schSelect .category2  input[type=checkbox]:checked + label > span{ color: #2FC4BE; border: 1px solid #2FC4BE;}
.schSelect .category2  label span{display: inline-flex; align-items: center; height: 50px; line-height: ; padding: 0 12px; border-radius: 15px; border: 1px solid transparent;}
.schSelect .category3{width: calc(100% / 3); border-right: 1px solid #bbb;}
.schSelect .category3:nth-last-of-type(1){border-right: 0;}
.schSelect .category3 .t{height: 48px; line-height: 48px; text-align: center; background: #f5f5f5; font-size: 1.5rem; font-weight: 700; border-bottom: 1px solid #bbb;}
.schSelect .category3 .t .jp{font-weight: 400; font-size: 1.3rem;} 
.schSelect .category3 .c{display: flex; gap: 8px; flex-wrap: wrap; padding: 16px; }
.schSelect .category3 .c input[type=checkbox]{display: none;}
.schSelect .category3 .c input[type=checkbox]:checked + label{ color: #2FC4BE; border: 1px solid #2FC4BE;}
.schSelect .category3 .c label{display: inline-block; height: 30px; line-height: 30px; padding: 0 12px; border-radius: 15px; border: 1px solid #ddd; margin-right: 0; color: #999;}
.schSelect_wrap[aria-label=pay] .top{background: #fff; justify-content: space-between;}
.schSelect_wrap .top > .payBox{display: flex; gap: 8px; align-items: center;}
.schSelect_wrap .top > .payBox select,
.schSelect_wrap .top > .payBox input[type=text]{height: 52px; width: 200px; border-radius: 8px; padding: 0 16px;}
.schSelect_wrap .top > .payBox span{font-size: 1.5rem; font-weight: 500;}
.schSelect_wrap .top > .payday{display: flex; align-items: center; gap: 24px;}
.schSelect_wrap .top > .payday .t{font-weight: 700; font-size: 1.5rem;}
.schSelect_wrap .top > .payday .t .jp{font-weight: 400; font-size: 1.3rem;}
.category4 {display: flex; gap: 8px; flex-wrap: wrap; }
.category4  input[type=radio]{display: none;}
.category4  input[type=radio]:checked + label{ color: #2FC4BE; border: 1px solid #2FC4BE;}
.category4  label{display: inline-block; height: 30px; line-height: 30px; padding: 0 12px; border-radius: 15px; border: 1px solid #ddd; margin-right: 0; color: #999; margin-right: 0 !important;}

.schSelect_wrap[aria-label=pay] .top{border-bottom: 0;}

.schCondition{border-radius:  0 0 16px 16px; padding: 20px 16px; border-top: 1px solid #bbb; display: flex; flex-wrap: wrap; gap: 12px; }
.schCondition > div{}
.schCondition > div span{color: #2FC4BE;}
.schCondition > div button{background: url(../images/icon_sDelete.svg) no-repeat center; width: 16px; height: 16px; text-indent: -99999px;}





/* 회사소개
.intro_wrap{margin-top: 80px;}
.intro_wrap p{font-family: 'Meiryo', sans-serif; font-size: 2.4rem; line-height: 2.5; color: #332A26; text-align: center;}
.introHover_wrap{margin-top: 80px;}
.introHover_wrap ul{}
.introHover_wrap ul li{display: flex; align-items: flex-start;  justify-content: center; height: 200px; border-radius: 20px; gap: 20px; flex-direction: column; cursor: pointer; }
.introHover_wrap ul li .e{font-size: 1.8rem; margin-left: 8rem;}
.introHover_wrap ul li .j{font-size: 3.2rem; margin-left: 8rem; font-family: 'Meiryo', sans-serif; font-weight: bold;}
.introHover_wrap ul li .desc{display: none; color: #fff; font-size: 2.2rem; line-height: 1.3; font-weight: 500;}
.introHover_wrap ul li:hover{align-items: center; justify-content: center;}
.introHover_wrap ul li:hover .desc{display: block;}
.introHover_wrap ul li + li{margin-top: 4rem;}
.introHover_wrap ul li:hover .e,
.introHover_wrap ul li:hover .j{display: none;}
.introHover_wrap ul li:nth-of-type(1){ background:#fff url(../images/icon_intro01.png) no-repeat right 80px center;}
.introHover_wrap ul li:nth-of-type(2){ background:#fff url(../images/icon_intro02.png) no-repeat right 80px center;}
.introHover_wrap ul li:nth-of-type(3){ background:#fff url(../images/icon_intro03.png) no-repeat right 80px center;}
.introHover_wrap ul li:nth-of-type(4){ background:#fff url(../images/icon_intro04.png) no-repeat right 80px center;}
.introHover_wrap ul li:nth-of-type(5){ background:#fff url(../images/icon_intro05.png) no-repeat right 80px center;}
.introHover_wrap ul li:nth-of-type(1):hover{background: url(../images/bg_intro01_on.png) no-repeat;}
.introHover_wrap ul li:nth-of-type(2):hover{background: url(../images/bg_intro02_on.png) no-repeat;}
.introHover_wrap ul li:nth-of-type(3):hover{background: url(../images/bg_intro03_on.png) no-repeat;}
.introHover_wrap ul li:nth-of-type(4):hover{background: url(../images/bg_intro04_on.png) no-repeat;}
.introHover_wrap ul li:nth-of-type(5):hover{background: url(../images/bg_intro05_on.png) no-repeat;}
.introSwiper_wrap{}
.swiperBox_wrap{display: flex; gap: 60px; overflow: hidden;     justify-content: center; margin-top: 80px; position: relative; left: 50%; transform: translateX(-50%);}
.swiperBox_wrap > .swiperBox{  position: relative;  flex: 0 0 auto;}
.swiperBox_wrap > .swiperBox .swiper{border-radius: 80px; height: inherit; width: inherit;}
.swiperBox_wrap > .swiperBox img{height: 100%; width: 100%; object-fit: cover;}
.swiperBox_wrap > .swiperBox::after{content: ""; position: absolute; height: 50%; width: 100%; bottom: 0;
    background: rgb(248,240,241);
    border-radius: 0 0 75px 75px;
    background: linear-gradient(180deg, rgba(248,240,241,0) 0%, rgba(248,240,241,1) 100%);
    z-index: 999;
}
.swiperBox_wrap > .swiperBox:nth-of-type(1){ width: 420px; height: 520px;}
.swiperBox_wrap > .swiperBox:nth-of-type(2){ width: 420px; height: 680px;}
.swiperBox_wrap > .swiperBox:nth-of-type(3){ width: 420px; height: 380px; margin-top: auto; position: relative;}
.swiperBox_wrap > .swiperBox .rabbit{position: absolute; bottom: calc( 100% - 20px); right: 20px;  z-index: 1;}
.swiperBox_wrap > .swiperBox:nth-of-type(4){ width: 420px; height: 560px;}
.swiperBox_wrap > .swiperBox:nth-of-type(5){ width: 420px; height: 520px; margin-top: auto;}

.introSwiper_wrap > .txtBox{ font-size: 13rem; margin-top: -100px; position: relative; z-index: 1000;  font-family: 'Meiryo', sans-serif; font-weight: 900; text-align: center; color: #332A26;}
*/

/* 서비스소개 */
.serviceImg_wrap{margin-top: 80px; position: relative;}
.serviceImg_wrap > p{position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 8rem; color: #6C341E; font-family: 'Meiryo', sans-serif; font-weight : 900;  }
.serviceImg_wrap  img{width: 100%; object-fit: cover;}

.serviceTxt_wrap{margin-top: 80px; display: flex; align-items: flex-end; justify-content: space-between; font-family: 'Meiryo', sans-serif; line-height: 1.5;  }
.serviceTxt_wrap .btxt{font-size: 3.2rem; font-weight: 900;  color: #332A26;}
.serviceTxt_wrap .stxt{font-size: 2rem; }

.serviceStep_wrap{margin-top: 160px; }
.serviceStep_wrap > .tit{font-size: 3.2rem; font-weight: 700; color: #332A26; text-align: center; font-family: 'Meiryo', sans-serif; }
.serviceStep_wrap .boxList{display: flex; flex-wrap: wrap; gap: 24px; margin-top: 60px;}
.serviceStep_wrap .boxList li{flex: 0 0 auto; width: calc( (100% - 48px) / 3 ); height: 178px; padding: 40px; background: #fff; border-radius: 12px; box-shadow: 0 0 20px rgba(108, 227, 246, 0.2);}
.serviceStep_wrap .boxList li .step{ font-size: 1.8rem; font-weight: 700; color: #2FC4BE;}
.serviceStep_wrap .boxList li .desc{font-size: 2rem; font-weight: 700;  color: #332A26; margin-top: 28px; font-family: 'Meiryo', sans-serif;}


.serviceTxt2_wrap{margin-top: 160px;}
.serviceTxt2_wrap > .tit{font-size: 3.2rem; font-weight: 700; margin-bottom: 60px; color: #332A26; text-align: center; font-family: 'Meiryo', sans-serif; }
.serviceTxt2_wrap p{font-family: 'Meiryo', sans-serif; font-size: 2rem; line-height: 2.5; color: #332A26; text-align: center;}


.serviceStaff_wrap{margin-top: 160px;}
.serviceStaff_wrap > .tit{font-size: 3.2rem; font-weight: 700; margin-bottom: 60px; color: #332A26; text-align: center; font-family: 'Meiryo', sans-serif; }
.serviceStaff_wrap .staffList{display: flex; justify-content: center; gap: 12px;}
.serviceStaff_wrap .staffList li{width: 280px;  text-align: center;}
.serviceStaff_wrap .staffList li .name{font-size: 2.8rem; font-weight: 700; color: #6C341E; margin-top: 40px;}
.serviceStaff_wrap .staffList li .img{}
.serviceStaff_wrap .staffList li .img img{ height: 100%; object-fit: cover;}



/* 회사소개 */
.company_wrap{}
.company_wrap .mainInner{width: 1280px;}
.company_wrap[aria-controls="ko"] .compnayKor{display: block;}
.company_wrap[aria-controls="ko"] .langControl.jp {background: #777;}
.company_wrap[aria-controls="ko"] .compnayJp{display: none;}
.company_wrap[aria-controls="jp"] .compnayKor{display: none;}
.company_wrap[aria-controls="jp"] .langControl.ko {background: #999;}
.company_wrap[aria-controls="jp"] .compnayJp{display: block;}


.compnayKor .introTop{background: #8b8b8b; position: relative; text-align: center; font-size: 6.5rem; font-weight: 700; color: #fff;}
.compnayKor .introTop .mainInner{display: flex; align-items: center; justify-content: center; height: 420px;}
.compnayKor .introTop .introBtn{position: absolute; left: 20px; top: 20px; font-size: 0; display: flex; gap: 10px;}
.compnayKor .introTop .introBtn button{background: #2FC4BE; color: #fff; width: 100px; height: 36px; line-height: 36px; border-radius: 8px;}
.compnayKor  .company_box{padding: 150px 0;}
.compnayKor  .company_box.bg1{background: #e9e9e9;}
.compnayKor  .company_box.bg2{background: #f8f8f8;}
.compnayKor  .company_box strong{font-size: 4rem; margin-bottom: 40px; display: block; font-weight: 700;}
.compnayKor  .company_box p{font-size: 2.4rem; font-weight: 500;}
.compnayKor  .company_box p + p{margin-top: 50px;}
.compnayKor  .company_box p.bold{font-weight: 600; font-size: 3rem;}
.compnayKor  .company_box.end .mainInner{width: 700px;}
.compnayKor  .company_box.end p{ text-align: center; position: relative;  font-weight: 700;}
.compnayKor  .company_box.end p:nth-of-type(1){ text-align: left;}
.compnayKor  .company_box.end p:nth-of-type(2){ color: #2FC4BE;  font-weight: 900; font-size: 4rem;}
.compnayKor  .company_box.end p:nth-of-type(3){ text-align: right;}
.compnayKor  .company_box.end p + p{margin-top: 10px;}

.compnayJp .introTop{background: #fef7f8; position: relative; height: 420px; display: flex; align-items: center; justify-content: center;  font-size: 6rem; font-weight: 700; color: #332A26;}
.compnayJp .introTop::after{ content: url(../images/bg_rabiit.png);  position: absolute; right: 30px; bottom: 10px; transform: scaleX(-1) scale(0.8);}
.compnayJp .introTop p strong{color: #ef95a4; font-size: 7rem;}
.compnayJp .introTop .introBtn{position: absolute; left: 20px; top: 20px; font-size: 0; display: flex; gap: 10px;}
.compnayJp .introTop .introBtn button{background: #ef95a4; color: #fff; width: 100px; height: 36px; line-height: 36px; border-radius: 8px;}
.compnayJp  .company_box{padding: 150px 0; font-family: "meiryo", sans-serif;  }
.compnayJp  .company_box.bg1{background: #fce8e9;}
.compnayJp  .company_box.bg2{background: #fbd8db;}
.compnayJp  .company_box.bg3{background: #fac9cd;}
.compnayJp  .company_box .mainInner{width: 1280px;}
.compnayJp  .company_box strong{font-size: 4.8rem; margin-bottom: 40px; display: block; font-weight: 700;}
.compnayJp  .company_box p{font-size: 2.8rem; line-height: 130%; position: relative;}
.compnayJp  .company_box p + p{margin-top: 40px;}
.compnayJp  .company_box.ribbon{}
.compnayJp  .company_box.ribbon .start::before{content: url(../images/icon_ribbon.svg); transform: scale(0.8); position: absolute; left: -80px; top : -36px; }
.compnayJp  .company_box.ribbon .end::after{content: url(../images/icon_ribbon.svg);  position: absolute;  top : -30px; right: -60px; transform:scale(0.8) scaleX(-1); }



/* 서비스소개 */
.service_wrap{font-family: "meiryo", sans-serif; line-height: 130%;}
.service_wrap .mainInner{width: 1280px;}

.serviceTop .mainInner{display: flex; align-items: center; justify-content: center; height: 420px;}
.serviceTop{background: rgba(229, 229, 229, 0.3); text-align: center;}
.serviceTop .t{font-size: 6rem; font-weight: 700;}
.serviceTop2 .c{padding: 50px 15px; font-size: 2.8rem; text-align: center}

.serviceStep{width: 1280px; margin: 0 auto; padding: 124px 0;}
.serviceStep .t{font-size: 4.8rem; font-weight: 700; text-align: center;}
.serviceStep .stepBox_wrap{margin-top: 60px; display: flex; gap: 24px; flex-wrap: wrap;}
.serviceStep .stepBox_wrap .stepBox{width: calc( (100% - 48px) / 3 ); border: 3px solid #2FC4BE; border-radius: 20px; padding: 32px; height: 169px;}
.serviceStep .stepBox_wrap .stepBox .num{font-size: 1.6rem; font-weight: 700; color: #2FC4BE;}
.serviceStep .stepBox_wrap .stepBox .txt{margin-top: 20px; font-size: 1.8rem; font-weight: 700;}

.serviceBuy{background: rgba(229, 229, 229, 0.3); padding: 120px 0; }
.serviceBuy .buyTop{text-align: center;}
.serviceBuy .buyTop .t{font-size: 4.8rem; font-weight: 700;}
.serviceBuy .buyTop .c{font-size: 2.8rem; margin-top: 4rem;}

.serviceBuy .buyBottom{margin-top: 120px;}
.serviceBuy .buyBottom .t{ font-size: 4rem;  font-weight: 700; color: #2FC4BE; text-align: center; }
.serviceBuy .buyBottom .buyBox{margin-top: 60px; display: flex; justify-content: space-between; align-items: center;}
.serviceBuy .buyBottom .buyBox ul{width: 480px;}
.serviceBuy .buyBottom .buyBox ul li{background: #fff; border-radius: 20px; height: 96px; display: flex; padding: 24px 28px; align-items: center; font-size: 2.8rem; font-weight: 500; gap: 20px;}
.serviceBuy .buyBottom .buyBox ul li + li{margin-top: 28px;}
.serviceBuy .buyBottom .buyBox ul li span{ width: 48px; height: 48px; display: inline-block; line-height: 48px; background-color: #def5f4; color: #2FC4BE; font-size: 2.2rem; font-weight: 700; border-radius: 50%; text-align: center;}
.serviceBuy .buyBottom .buyBox ul li.link{background: #2FC4BE; height: 137px; font-size: 3.2rem; font-weight: 700; color: #fff; padding:0 30px;}
.serviceBuy .buyBottom .buyBox ul li.link a{display: flex; align-items: center;}
.serviceBuy .buyBottom .buyBox ul li.link a::after{content: ""; display: inline-block; background: #fff url(../images/serviceArrow.png) no-repeat center; width: 28px; height: 28px; border-radius: 50%; margin-left: 12px;}
.serviceBuy .buyBottom .buyTxt{margin-top: 60px; font-size: 1.6rem; color: #666; text-align: center;}

.serviceSaff{ width: 1280px; margin: 0 auto; padding: 120px 0; }
.serviceSaff .t{font-size: 4.8rem; font-weight: 700; text-align: center;}
.serviceSaff .rabbit_wrap{margin-top: 60px; display: flex; align-items: flex-end;}
.rabbitBox{width: 25%; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.rabbitBox:nth-of-type(even){margin-bottom: 120px;}
.rabbitBox:nth-of-type(1){height: 600px;}
.rabbitBox:nth-of-type(2){height: 885px;}
.rabbitBox:nth-of-type(3){height: 660px;}
.rabbitBox:nth-of-type(4){height: 825px;}
.rabbitBox:nth-of-type(1) .chat{margin-left: 20px;}
.rabbitBox:nth-of-type(2) .chat{margin-left: -120px;}
.rabbitBox:nth-of-type(3) .chat{margin-left: -40px;}
.rabbitBox:nth-of-type(4) .chat{margin-left: -100px;}
.rabbitBox .chat{ }
.rabbitBox .chatBox{display: none }
.rabbitBox .img{ text-align: center;}
.rabbitBox .img p{color: #2FC4BE; font-size: 3.2rem; font-weight: 700; margin-top: 40px;}





/* 이용방법 */
.guide_wrap{color: #282828;}
.guide_wrap .mainInner{width: 1280px;}
.guideTop {padding: 80px 0; text-align: center;}
.guideTop .t{ font-size: 6rem; font-weight: bold;  margin-bottom: 60px;}
.guideTop .c{font-size: 2.8rem;}
.guide_wrap .desc{font-size: 1.6rem; margin-top: 40px; text-align: center;}
.guide_wrap .desc.red{color: #ED4535;}
.guide_box{padding: 80px 0;}
.guide_box.bg1{background: #EDF7F7; padding: 80px 0;}
.guide_box.bg2{background: rgba(229, 229, 229, 0.3); padding: 80px 0;}
.guideProcess{margin-top: 40px; display: flex; align-items: center; gap: 24px;}
.guideProcess > div:not(.arrow){width: 370px; height: 132px;  background: #fff; text-align: center; padding: 24px 20px; border: 1px solid rgba(47,196,190,0.5); border-radius: 20px;}
.guideProcess > div:not(.arrow) > .num{ font-size: 1.6rem; font-weight: 500; color: #2FC4BE;}
.guideProcess > div:not(.arrow) > .c{font-size: 2.4rem; font-weight: 700; margin-top: 12px; text-align: center; line-height: 120%;}
.guideProcess.mint > div:not(.arrow){  background: #EDF7F6; }
.guideTable_wrap{padding: 40px; background: #fff; border-radius: 16px; margin-top: 60px;}
.guideTable_wrap .tableTit{font-size: 1.6rem}
.guideTable_wrap .guideTable{margin-top: 16px;}
.guideTable_wrap .guideTable .row{display: flex; gap: 10px;}
.guideTable_wrap .guideTable .row .tit{width: 120px; padding: 20px; display:  flex; align-items: center; border-bottom: 1px solid #bbb; justify-content: center; font-weight: 600;}
.guideTable_wrap .guideTable .row .cont{width: calc( 100% - 130px ); padding: 20px 0; border-bottom: 1px solid #bbb;}
.guideTable_wrap .guideTable .row:nth-of-type(1) .tit{border-top: 2px solid #bbb;}
.guideTable_wrap .guideTable .row:nth-of-type(1) .cont{border-top: 2px solid #bbb;}
.guide_box .t{ font-size: 4.8rem; font-weight: bold; margin-bottom: 60px; text-align: center;}
.guideWarning{ background: #FAF4F3; margin-top: 40px; padding: 20px; border:1px solid rgba(237,69,53,0.5); display: flex; align-items: center; justify-content: center; border-radius: 20px; flex-direction: column; text-align: center; margin-bottom: 80px;}
.guideWarning .tip{ color: #ED4535; font-size: 1.6rem; font-weight: bold; margin-bottom: 10px;}

.guideBtn{margin-top: 80px; }
.guideBtn a{background: #2FC4BE; height: 88px; line-height: 88px; width: 480px; display: flex; align-items: center; justify-content: center; margin: 0 auto;  color: #fff; font-size: 2.8rem; font-weight: 700;  border-radius: 12px;}
.guideBtn a::after{content: ""; display: inline-block; background: #fff url(../images/serviceArrow.png) no-repeat center; width: 28px; height: 28px; border-radius: 50%; margin-left: 12px;}






/* 헤드헌팅 공고 */
.headhuntList{display: flex; gap:20px; flex-wrap: wrap;}
.headhuntList li{width: calc( (100% - 60px) / 4 ); }
.headhuntList li a{padding: 24px; border-radius: 16px;   display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #bbb; background: #fff; }
.headhuntList li .top{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.headhuntList li .top .title{margin-top: 8px; font-size: 1.8rem; font-weight: 700; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 40px; line-height: 20px; overflow: hidden; min-height: 40px;}
.headhuntList li .bottom {color: #666; font-weight: 500;}
.headhuntList li .bottom > div + div{margin-top: 6px; }