@media (max-width: 1700px) {

}



@media (max-width: 1279px) {
    .serviceStep{width: 100%; padding: 80px 15px;}
    .service_wrap .mainInner{width: 100%; padding: 80px 15px;}
    .serviceBuy{padding: 80px 15px;}
    .serviceSaff{padding: 80px 15px; width: 100%;}

    .guide_wrap .mainInner{width: 100%; padding: 60px 15px;}
    .guide_box.last .mainInner{padding: 60px 15px;}
    .guideWarning{margin-bottom: 20px;}

}

@media (max-width: 1200px) {

}

@media (max-width: 1199px) {
    html { font-size: 9px; }

    .header_inner{padding: 10px;}
    .header_inner .gnbBtn{font-size: 0; width: 40px; height: 40px;}
    .header_inner .gnbBtn .btnMenu{width: 40px; height: 40px; margin-bottom:0; font-size: 0;}

    .moGnbWrap{min-width: 100%;}


    .footer_inner{width: 100%; padding: 15px;}



    .mainContents .message .txtBox{font-size: 1.6rem;}
    .mainContents .message .txtBox p{line-height: 2;;}
    .mainContents .message .title .m{font-size: 6rem; }
    .mainContents .message .title .f{font-size : 4rem; margin-top: -3.5rem; margin-bottom: -1rem; }
    .mainContents .message .title .k{font-size : 4rem;}

    .subTitle h2{font-size: 3.5rem;}
    .subTitle .jpText{font-size: 2rem; margin-top: 0;}
    .headhuntList_Wrap .subTitle2{margin-top: 15px;}
    .subTitle2{margin-bottom: 15px;}
    .subTitle3{margin-bottom: 15px;}
    .subTitle3 h3{font-size: 2rem;}
    .subTitle3 h3 .jp{font-size: 1.7rem;}
    .subContents{padding-top: 80px; margin-top:0}
    .subContents .subCont{padding: 40px 0;}
    .inner{width: 100%; padding: 0 12px;}
    .JobSchType{padding: 40px 0; flex-wrap: wrap; gap: 8px;}
    .JobSchType .box{width: calc(50% - 4px); padding: 10px 12px;}
    .JobSchType .box .k{font-size: 1.6rem;}
    .JobSchType .box .j{margin-top: 0; font-size: 1.4rem;}

    .jobList li{width: calc( ( 100% - 40px ) / 3 );}
    .jobList li .top .title{font-size:1.8rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; min-height: unset}
    .headhuntList li{width: calc( ( 100% - 40px ) / 3 );}
    .headhuntList li .top .title{font-size:1.8rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; min-height: unset}
    .noticeBanner{ margin-top: 40px; gap: 0; }
    .noticeBanner li{min-width:100%;}
    .jobBottom{flex-wrap: wrap; margin-top: 40px; gap: 12px;}
    .jobBottom .board{padding: 20px; width: 100%; height: 180px;}
    .jobBottom .board ul{margin-top: 20px;}
    .jobBottom .board ul li + li{margin-top: 15px;}
    .jobBottom .qnaBanner{height: 165px; width: calc( 50% - 6px );}
    .jobBottom .qnaBanner a{padding: 20px;}
    .jobBottom .csBanner{ padding: 20px; height: 165px; width: calc( 50% - 6px );}
    .jobBottom .csBanner .title{margin-bottom: 15px;}
    .jobBottom .csBanner ul li + li{margin-top: 6px;}
    .adBanner{margin-top: 40px; gap: 12px; overflow-x: auto;}
    .adBanner a{min-width: 100%;}

    .jobDetailBox{padding: 20px;}
    .jobDetailBtn_wrap{padding: 16px;position: fixed;bottom:0;width:100%;z-index:3;background:#fff;}
    .jobDetailBtn_wrap a {width: 100%;}
    .jobDetailBtn_wrap a + a {width: 175%;}
    .jobDetail_title .top .company{font-size: 1.8rem;}
    .jobDetail_title .top .company .certificate{font-size: 1.4rem; width: 85px;}
    .jobDetail_title .top .title{font-size: 2.5rem;}
    .jobDetail_title .bottom{padding-top: 20px; gap: 20px; flex-wrap: wrap; margin-top: 20px;}
    .jobDetail_title .bottom > div{width: 100%;}
    .jobDetail_map{height: 300px;}
    .compnyInfo .logo img{height: 40px;}


    .sideBtn_wrap{display: none !important;}
    .regForm{width: 100%;}

    .noticeList ul{gap: 12px;}
    .noticeList ul li{width: 100%; padding: 20px; height: 130px;}
    .noticeDetail{padding: 20px; margin-top: 40px;}
    .noticeDetail .top{padding-bottom: 20px;}
    .noticeDetail .top .title{font-size: 2rem;}
    .noticeDetail .content{margin: 20px 0;}
    .noticeDetail .fileList{padding: 10px;}
    .qnaWirte_wrap{margin-top: 40px;}


    .mypageTab{margin-top: 40px;}
    .mypageTab ul {overflow-x: unset;}
    .mypageTab ul li{min-width: unset; }
    .carrotpoint_wrap{padding: 20px; flex-direction: column; align-items: unset;}
    .carrotpoint_wrap .carrot{margin-top: 10px; padding: 20px; justify-content: center;}


    .tableWrap{overflow-x: auto;}
    .tableWrap::-webkit-scrollbar{display: none;}
    .tableWrap table{min-width: 1000px;}


    .joinForm .form_row .formWrap.photoWrap::-webkit-scrollbar{display:none;}


    .addressWrap .address1 .inputBtn{width: 250px;}
    .addressWrap .address1 > input{width: calc( 100% - 260px);}

    .buyResult_wrap .detailBtn_wrap a{width: 200px;}

    .carrotpoint_wrap .carrot .point strong{ font-size: 3rem;}


    .introSwiper_wrap > .txtBox{font-size: 9rem;}
    .intro_wrap p{font-size: 2rem;}
    .introHover_wrap ul li .e{margin-left: 5rem; font-size: 1.6rem;}
    .introHover_wrap ul li .j{margin-left: 5rem; font-size: 2.4rem;}
    .introHover_wrap ul li .desc{font-size:1.8rem;}
    .introHover_wrap ul li:nth-of-type(1){ background:#fff url(../images/icon_intro01.png) no-repeat right 5rem center;}
    .introHover_wrap ul li:nth-of-type(2){ background:#fff url(../images/icon_intro02.png) no-repeat right 5rem center;}
    .introHover_wrap ul li:nth-of-type(3){ background:#fff url(../images/icon_intro03.png) no-repeat right 5rem center;}
    .introHover_wrap ul li:nth-of-type(4){ background:#fff url(../images/icon_intro04.png) no-repeat right 5rem center;}
    .introHover_wrap ul li:nth-of-type(5){ background:#fff url(../images/icon_intro05.png) no-repeat right 5rem center;}

    .serviceImg_wrap > p{font-size: 7rem;}


    .mainContents{padding: 60px 0px;}
    .hotKeyword{padding: 0 0 60px;}
    .mainJob_wrap{padding: 60px 0;}
    .mainService{padding: 60px 0;}
    .mainLineBanner{margin-bottom: 60px;}
    .mainCs_wrap{padding: 60px 0;}
    .mainLetter{padding: 60px 0;}
    .mainInquiry{padding: 60px 0 0;}

    .mainNotice_wrap{margin:-60px 0 60px }

}

@media (max-width: 1099px) {


    .compnayJp .company_box .mainInner{width: calc( 100% - 120px);}
    .compnayJp .company_box:not(.ribbon) .mainInner{width: 100%;}
    .mainInner{width: 100%; padding-left:  15px; padding-right:  15px;}
    .mainJob_wrap .mainInner{ padding-left:  0px; padding-right:  0px; }

    .compnayKor .mainInner,
    .compnayJp .mainInner{width: 100%; padding: 0 15px;}
    .compnayKor .company_box,
    .compnayJp .company_box{ padding: 60px 0;}

    .compnayKor .introTop{font-size: 5.5rem; }
    .compnayKor .introTop .mainInner{height: 350px; }
    .compnayJp .introTop{font-size: 6rem; height: 350px;}
    .compnayJp .introTop p strong{font-size: 7rem;}
    .compnayJp .introTop .introBtn button,
    .compnayKor .introTop .introBtn button{width: 80px; font-size: 1.4rem;}
    .compnayKor .company_box p{font-size: 2.2rem;}

    .mainLineBanner a{width: 100%;}
    .letterInner{width: 600px;}


    .compnayJp .introTop::after{ transform: scaleX(-1) scale(0.6); bottom: -30px;}

    .compnayJp .company_box strong, .compnayKor .company_box strong{font-size: 3.5rem}
    .compnayJp .company_box p{font-size: 2.4rem}
    .compnayJp .company_box.ribbon .start::before{transform: scale(0.6)}
    .compnayJp .company_box.ribbon .end::after{transform: scale(0.6) scaleX(-1);}


    .serviceTop{padding: 0 15px;}
    .serviceTop .t{font-size:5.5rem}
    .serviceTop .t img{height: 5.5rem;}

    .compnayKor .introTop .mainInner{height: 350px;}
    .compnayJp .introTop{height: 350px;}
    .serviceTop .mainInner{height: 350px }



    .serviceTop .c{font-size:2.4rem}
    .serviceStep{padding: 60px 15px;}
    .serviceStep .t{font-size:3.5rem;}
    .serviceStep .stepBox_wrap .stepBox .txt{font-size: 1.6rem;}
    .service_wrap .mainInner{padding: 0px 15px; }
    .serviceStep .stepBox_wrap{gap: 12px;}
    .serviceStep .stepBox_wrap .stepBox{width: calc( (100% - 24px) / 3 ); padding: 20px;}
    .serviceBuy{padding: 40px 15px;}
    .serviceBuy .buyTop .t{font-size: 3.5rem;}
    .serviceBuy .buyTop .c{font-size: 2rem;}
    .serviceBuy .buyBottom .t{font-size: 3.5rem;}
    .serviceSaff .t{font-size: 3.5rem;}
    .serviceBuy .buyBottom .buyBox div img{width: 80%;}
    .serviceBuy .buyBottom .buyBox ul li{font-size: 2.4rem; height: 70px; }
    .serviceBuy .buyBottom .buyBox ul li.link{height: 100px; font-size: 2.6rem;}
    .serviceBuy .buyBottom .buyBox ul li.link img{height: 80px;}
    .serviceBuy .buyBottom .buyBox ul li + li{margin-top: 14px;}
    .serviceSaff{padding: 60px 15px;}

    .serviceSaff .rabbit_wrap{flex-wrap: wrap; gap: 50px 0; align-items: flex-start}
    .rabbitBox{width: 50%; justify-content: unset; }
    .rabbitBox .chat{position: relative}
    .rabbitBox .chat img{width: 70%; }
    .rabbitBox:nth-of-type(even){margin-bottom: 0;}
    .rabbitBox:nth-of-type(1){height: unset;}
    .rabbitBox:nth-of-type(2){height: unset;}
    .rabbitBox:nth-of-type(3){height: unset;}
    .rabbitBox:nth-of-type(4){height: unset;}
    .rabbitBox:nth-of-type(1) .chat{margin-left: 0; left: 60px;}
    .rabbitBox:nth-of-type(2) .chat{margin-left: 0;}
    .rabbitBox:nth-of-type(2) .chat img{width: 100%}
    .rabbitBox:nth-of-type(3) .chat{margin-left: 0; left: 50px}
    .rabbitBox:nth-of-type(4) .chat{margin-left: 0;}


}


@media (max-width: 1000px) {
    .mainContents{padding: 40px 0;}
    .hotKeyword{padding: 0 15px 40px;}
    .mainJob_wrap{padding: 40px 15px;}
    .mainService{padding: 40px 15px;}
    .mainLineBanner{margin-bottom: 40px;}
    .mainCs_wrap{padding: 40px 15px;}
    .mainInquiry{padding: 40px 15px 0;}
    .footerInfo .fLogo{width: 400px;}
    .footerInfo .fAddress_wrap{width: calc(100% - 400px);}

    .mainNotice_wrap{margin:-40px 0 60px }

    .compnayJp  .company_box.ribbon .end::after{right: -80px; bottom: -50px;}


    .guide_box{padding: 0;}
    .guide_box.bg1{padding: 0;}
    .guide_box.bg2{padding: 0;}

    .hotKeyword .keywordBox_wrap .keywordBox{gap: 10px}
    .hotKeyword .keywordBox_wrap .keywordBox.type1 > a{width: calc( ( 100% - 50px ) / 6 );}
    .hotKeyword .keywordBox_wrap .keywordBox.type2 > a{width: calc( ( 100% - 20px ) / 3 );}

}

@media (max-width: 900px) {

    .wrap{overflow: hidden; padding-top: 100px;}
    .header_inner{height: auto; padding: 15px;}
    .header_inner .menuWrap{display: none;}
    .header_inner h1 img{height: 60px;}
    .gnbBtn{display: block;}
    .mainTitle h3{font-size: 2.6rem;}
    .mainTitle .jpText{font-size: 2.6rem;}
    .mainService > div .txt{font-size: 2rem;}
    .mainService > div .more{font-size: 2.2rem;}

    .mainVenture .mainInner > div img{height: 20px;}
    .hotKeyword .keywordBox_wrap{gap: 7px; }

    .footerTop{flex-direction: column-reverse; justify-content: unset; padding:10px 0 25px; gap: 20px;}
    .footerTop .footSns{justify-content: center;}
    .footerTop .footMenu {height: auto;}
    .footerTop .footMenu a{flex-grow: 1; text-align: center;}
    .footerTop .footMenu a span{display: block;}
    .footerInfo{padding: 25px 0}
    .footerInfo .fLogo{width: 300px;}
    .footerInfo .fAddress_wrap{width: calc(100% - 300px);}


    .compnayJp .introTop::after{ transform: scaleX(-1) scale(0.5); bottom: -40px;}


    .serviceSaff .rabbit_wrap{align-items: flex-start}
    .rabbitBox .img img{width: 200px;}

    .rabbitBox:nth-of-type(even){margin-bottom: unset;}
    .rabbitBox:nth-of-type(1),
    .rabbitBox:nth-of-type(2),
    .rabbitBox:nth-of-type(3),
    .rabbitBox:nth-of-type(4){height: unset;}

    .schSelect .category2 label{ width: calc( 100% / 2 )}

    .guideTop{padding: 40px 15px;}
    .guideTop .t{font-size: 4rem;}
    .guideTop .t img{height: 4rem;}
    .guideTop .c{font-size: 2rem;}
    .guide_box .t{font-size: 3.5rem; margin-bottom: 40px;}

    .guideProcess{gap: 12px;}
    .guideProcess > div:not(.arrow){padding: 15px;}
    .guideProcess > div:not(.arrow) > .c{font-size: 2rem;}
    .guideProcess > div:not(.arrow) > .c br{display: none;}

    .guideBtn a{width: 300px; font-size: 2.4rem; height: 70px; line-height: 70px;}


    .mainPopup p img{max-height: 500px;}



    .guide_box{padding: 0;}
    .guide_box.bg1{padding: 0;}
    .guide_box.bg2{padding: 0;}

    .hotKeyword .keywordBox_wrap .keywordBox > a .jp{font-size: 1.3rem}

}

@media (max-width: 767px) {

    html { font-size: 8.5px; }

    body.main .header{background: #fff; border-bottom:1px solid #ddd ;}
    .mainVisual{height: 85vh;}
    .mainContents{padding: 30px 0 60px;}
    .mainVisual .photoWrap .photoBox ul li{height: 150px;}
    .mainContents .message .txtBox + .txtBox{margin-top: 40px;}
    .mainContents .message .txtBox{font-size: 1.5rem; letter-spacing: -1.5px;}
    .mainContents .bgPhotoWrap .bg02{display: none;}
    .mainContents .bgPhotoWrap .bg03{right: 60px;}

    .footer_inner .footerInfoWrap .flexWrap{display:block;}
    .mainNotice_wrap{margin:-30px 0 60px }

    .mainNotice_wrap .rabbit{width: 100px;}
    .mainNotice_wrap .rabbit img{height: 100px;}
    .mainNotice_wrap .mainNotice{width: calc( 100% - 100px );  }
    .mainNotice_wrap .mainNotice ul li{  height: 100px; line-height: 100px; font-size: 2rem; }



    .jobList{gap: 12px;}
    .jobList li{width: calc(50% - 6px);}
    .jobList li a{padding: 20px;}
    .jobList li .photo{margin: -20px -20px 0px -20px;}

    .headhuntList{gap: 12px;}
    .headhuntList li{width: calc(50% - 6px);}
    .headhuntList li a{padding: 20px;}
    .headhuntList li .photo{margin: -20px -20px 0px -20px;}

    .jobBottom .qnaBanner{width: 100%;}
    .jobBottom .csBanner{ width: 100%;}
    .infoList li{width: 100%;}
    .jobDetail_map{height: 200px;}
    .compnyInfo{margin-bottom: 20px; padding-bottom: 20px; display: flex; align-items: flex-start; flex-direction: column-reverse; }
    .compnyInfo .name{font-size: 2.5rem; margin-top: 5px;}
    .compnyInfo .logo img{height: 25px;}

    .photoList .c{flex-wrap: wrap;}
    .photoList .c div{width: calc( (100% -  15px ) / 2 ); height: 200px;}


    .mypageTab ul{overflow-x: auto;}
    .mypageTab ul::-webkit-scrollbar{display: none;}
    .mypageTab ul li{min-width: 150px; line-height: 60px; height: 60px;}
    .mypageTab ul li a {height: 60px; font-size: 1.5rem;}
    .mypageTab ul li:nth-child(1).on::before{left: 0;}
    .mypageTab ul li:nth-last-child(1).on::before{right: 0;}

    .joinForm{margin-top: 40px;}
    .joinForm_inner{padding: 20px;}
    .termWrap .allChk{padding-bottom: 20px; margin-bottom: 20px;}
    .termWrap .termBox + .termBox{margin-top: 15px;}

    .hpInputCert input[type=text]{ width: calc( 100% - 116px);}
    .totalText.mb20{margin-bottom: 10px !important;}
    .detailBtn_wrap.mt60,
    .boardTop_wrap.mt60{margin-top: 40px !important;}

    .regForm:not(.resume) .regForm_inner:nth-of-type(3) .form_row .unitTxt{display: none;}

    .regForm .form_row + .form_row,
    .form_row + .form_row{margin-top: 30px;}
    .form_row .mt10{margin-top: 5px !important;}
    .mypageReg_wrap{margin-top: 40px;}
    .regForm_inner{padding: 20px;}
    .regForm .form_row{flex-direction: column; align-items: flex-start; gap: 5px;}
    .regForm .form_row .title .jp{margin-left: 3px;}
    .regForm .form_row .formWrap{gap: 5px;}
    .regForm.resume .form_row .title{width: 100%; justify-content: flex-start; flex-direction: row;}
    .regForm.resume .form_row .formWrap{width: 100%;}
    .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: 100%; }
    .regForm .photoNotice{left:0 !important;}
    .regForm .formNotice{left:0 !important;}

    .regForm .form_row .formWrap{width: 100%; align-items: flex-start;     flex-direction: column;}
    .regForm .form_row .formWrap.subwayWrap{width: 100%; align-items: flex-start;     flex-direction: row;}
    .regForm .form_row .formWrap.subwayWrap .wrap_autocomplete{width: calc( 100% - 85px); }
    .regForm .form_row .formWrap.subwayWrap .ml20{width: 80px;}

    .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: 100%; }
    .workdayChk_wrap + .notBox,
    .workdayChk_wrap + .notBox,
    .notBox{margin-left: 0;}
    .workdayChk_wrap{width: 100% !important; display: flex; gap: 5px 0; flex-wrap: wrap;}
    .inputText + .notBox,
    .formWrap > .ml20{margin-left: 0 !important;}
    .formWrap .tabRadio.w240{width: 100% !important;}
    #payType + .inputText{width: 100% !important;}


    .addressWrap .address1{flex-wrap: wrap; gap: 5px; margin: 5px 0;}
    .addressWrap .address1 .inputBtn{width: 100%; gap: 5px;}
    .addressWrap .address1 > input{width: 100%}
    .detailBtn_wrap a{width: 180px;}
    .carrotState_wrap{padding: 20px 0; margin-top: 40px;}
    .carrotState_wrap .point{font-size: 3rem;}
    .carrotState_wrap .point strong{font-size: 3.5rem;}
    .carrotState_wrap .point::before{margin: 0 15px;}
    .itemSelectBox{margin-top: 40px !important; flex-wrap: wrap;}
    .itemSelectBox label{width: 100%;}
    .itemSelectBox label:nth-of-type(1){border-radius: 8px 8px 0 0;}
    .itemSelectBox label:nth-of-type(2){border-radius: 0 0 8px 8px ;}
    .itemSelectBox label i.icon{border-radius: 0 0 0 8px; }
    .itemSelectBox input[type=radio]:checked + label i.icon{}
    .itemCountBox{padding: 20px;}
    .itemCountBox .itemCount{width: 100%; }
    .itemCountBox .itemCount .row{flex-direction: column; gap: 10px; align-items: flex-start; height: auto;}
    .itemCountBox .itemCount .row .tit{width: 100%;}
    .itemCountBox .itemCount .row .cont{width: 100%; text-align: left !important;}
    .countBox input[type=text]{width: 80px;}
    .itemCountBox .itemCount .row + .row{margin-top: 20px;}
    .waringBox{padding: 20px;}
    .waringBox .t{margin-bottom: 20px;}
    .elmanyBox, .inputBtn, .hpInput, .postInput, .hpInputCert,
    .inputPlus{gap: 5px;}
    .valueInput{padding: 0px !important;}
    .regForm .form_row.borderTop{padding-top: 20px;}
    .boardTop_right{gap: 5px;}
    .boardTop_right a, .boardTop_right button{width: auto; padding: 0 15px;}
    .form_row input[type=text], .form_row input[type=password]{padding: 0 10px;}
    .dateInput{background: url(../images/icon_date.svg) no-repeat right 10px center !important;}
    select{padding: 0 10px; background: url(../images/icon_select.svg) no-repeat right 5px center;}

    .schWrap{margin: 40px 0;}
    .schWrap .schBox{display: inline-flex; padding: 0 15px 0 10px; align-items: center;}
    .schWrap .schBox select{width: 80px;}
    .schWrap .schBox input[type=text]{width: calc( 100% - 25px) ;}
    .schWrap .schBox input[type=text].dateInput{width: 115px; margin: 0 10px; background: url(../images/icon_date.svg) no-repeat right 3px center !important;}

    .buyResult_wrap{padding: 60px 20px;}
    .buyResult_wrap > p{font-size: 2rem;}
    .buyResult_wrap .detailBtn_wrap{flex-direction: column;}
    .schSelect_wrap .top{padding: 12px;}
    .schSelect{flex-direction: row; height: auto;     flex-wrap: wrap;}
    .schSelect_wrap[aria-label=subway] .schSelect .category1{border-right: 0;}
    .schSelect .category1{width: 100% !important;  height: 120px !important;  border-right: 0;}
    .schSelect .category1 li{width: calc(100% / 3)!important; padding: 0 30px;}
    /*     .schSelect_wrap[aria-label=subway] .schSelect .category1 li{padding: 0 30px;} */
    .schSelect .category2{width: 100% !important; border-top: 1px solid #ddd; height: 120px;     align-content: flex-start;}
    /*     .schSelect_wrap[aria-label="subway"] .schSelect .category1{width: 50%;} */
    .schSelect .category2 label,
    .schSelect_wrap[aria-label="job"] li{width: calc(100% / 2);}
    .schSelect_wrap .searchWrap span.jp {display:block;}
    .schSelect .category3{width: 100%; border-right: 0}
    .schSelect .category3 + .category3 .t{border-top: 1px solid #bbb;}
    .schSelect .category3 .c label,
    .category4 label{font-size: 1.5rem;}
    .schSelect_wrap[aria-label=pay] .top{flex-direction: column}
    .schSelect_wrap .top > .payBox select{width: 90px;}
    .schSelect_wrap .top > .payBox input[type=text]{width: calc(100% - 130px);}
    .schSelect_wrap .top > .payBox span{width: 40px;}
    .schSelect_wrap .top > .payday { display: flex; align-items: flex-start; gap: 5px; flex-direction: column; margin-top: 20px;}

    .schCondition{padding: 12px; gap: 8px;}
    .schCondition > div{font-size: 1.5rem;}

    .tableWrap table thead th{height: 54px;}
    .tableWrap table tbody td{padding: 14px 16px;}
    .tableWrap table thead th .jp{margin-top: 0;}

    .jobDetailBox > .title{padding-bottom: 20px; margin-bottom: 20px; font-size: 2.5rem;}
    .applicantBox{ flex-wrap: wrap; flex-direction: column-reverse; }
    .applicantBox .info{width: 100%;}
    .applicantBox .photo{margin-bottom: 10px;}
    .boardTop_right.sizeM a{width: 75px;}



    .swiperBox_wrap, .introHover_wrap, .intro_wrap{margin-top: 40px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(1){ width: 420px; height: 520px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(2){ width: 420px; height: 520px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(3){ width: 420px; height: 520px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(3) .rabbit{display: none;}
    .swiperBox_wrap > .swiperBox:nth-of-type(4){ width: 420px; height: 520px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(5){ width: 420px; height: 520px; }

    .introSwiper_wrap > .txtBox{font-size: 7rem;}
    .intro_wrap p{font-size: 1.8rem;}
    .serviceTxt2_wrap p{font-size: 1.8rem;}
    .introHover_wrap ul li {padding: 20px; gap: 0; height: 150px;}
    .introHover_wrap ul li + li {margin-top: 2rem;}
    .introHover_wrap ul li br{display: none;}
    .introHover_wrap ul li .e{margin-left: 0rem; font-size: 1.6rem;}
    .introHover_wrap ul li .j{margin-left: 0rem; font-size: 2.4rem;}
    .introHover_wrap ul li .desc{font-size:1.6rem;}
    .introHover_wrap ul li:nth-of-type(1){ background:#fff url(../images/icon_intro01.png) no-repeat right 2rem center; background-size: auto 40px;}
    .introHover_wrap ul li:nth-of-type(2){ background:#fff url(../images/icon_intro02.png) no-repeat right 2rem center; background-size: auto 40px;}
    .introHover_wrap ul li:nth-of-type(3){ background:#fff url(../images/icon_intro03.png) no-repeat right 2rem center; background-size: auto 40px;}
    .introHover_wrap ul li:nth-of-type(4){ background:#fff url(../images/icon_intro04.png) no-repeat right 2rem center; background-size: auto 40px;}
    .introHover_wrap ul li:nth-of-type(5){ background:#fff url(../images/icon_intro05.png) no-repeat right 2rem center; background-size: auto 40px;}


    .serviceStep_wrap, .serviceTxt2_wrap{margin-top: 8rem;}
    .serviceTxt_wrap{margin-top: 4rem;}
    .serviceImg_wrap > p{font-size: 3.5rem;}
    .serviceTxt_wrap{flex-direction: column; justify-content: center; flex-wrap: wrap; align-items: center;}
    .serviceTxt_wrap .btxt{font-size: 2rem; margin: 1rem; text-align: center;}
    .serviceTxt_wrap .btxt br{display: none;}
    .serviceTxt_wrap .stxt{font-size: 1.6rem;  text-align: center;}
    .serviceTxt_wrap .stxt br{display: none;}

    .serviceStep .stepBox_wrap .stepBox{padding: 24px;}
    .serviceStep .stepBox_wrap .stepBox .txt{font-size: 1.6rem}

    .serviceStep_wrap > .tit,
    .serviceTxt2_wrap > .tit,
    .serviceStaff_wrap > .tit{font-size: 2.2rem;}
    .serviceImg_wrap{margin-top: 4rem;}
    .serviceStep_wrap .boxList{margin-top: 30px;}
    .serviceStep_wrap .boxList{gap: 20px;}
    .serviceStep_wrap .boxList li{width: calc( (100% - 20px) / 2 ); padding: 30px; height: 140px;}
    .serviceStep_wrap .boxList li .step{font-size: 1.6rem;}
    .serviceStep_wrap .boxList li .desc{margin-top: 1.5rem; font-size: 1.8rem;}
    .serviceStaff_wrap{margin-top: 8rem;}
    .serviceTxt2_wrap > .tit{margin-bottom: 30px;}

    .serviceStaff_wrap .staffList {flex-wrap: wrap; gap: 80px 30px;}
    .serviceStaff_wrap .staffList li{width: calc( ( 100% - 30px) / 2);}
    .serviceStaff_wrap .staffList li .img {height: 150px;}
    .serviceStaff_wrap .staffList li .img img{height: 100%;}
    .serviceStaff_wrap .staffList li .name{margin-top: 2rem; font-size: 2.4rem;}

    .footerInfo{justify-content: unset; flex-direction: column;}
    .footerInfo .fAddress_wrap{width: 100%; justify-content: unset; gap: 50px;}
    .mainVenture .mainInner > div{gap: 40px;}

    .new_mainVisual .visualCopy{left: 20px;}
    .new_mainVisual .visualCopy .t{font-size: 3.6rem;}
    .new_mainVisual .visualCopy .t span{font-size: 3.8rem;}
    .new_mainVisual .visualCopy .d{font-size: 2rem;}



    .hotKeyword .keywordBox_wrap .keywordBox > a{height: 90px; gap: 5px}
    .hotKeyword .keywordBox_wrap .keywordBox{gap: 7px}
    .hotKeyword .keywordBox_wrap .keywordBox.type1 > a{width: calc( ( 100% - 14px ) / 3 );}
    .hotKeyword .keywordBox_wrap .keywordBox.type2 > a{width: calc( ( 100% - 7px ) / 2 );}

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

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

}

@media (max-width: 700px) {


    .mainTitle h3{font-size: 2.4rem;}
    .mainTitle .jpText{font-size: 2.4rem;}
    .mainService > div .txt{font-size: 1.8rem;}
    .mainService > div .more{font-size: 2rem;}
    .mainService > div .txt{height: 150px;}
    .mainService > div .more{height: 60px; line-height : 60px }


    .hotKeyword .keywordBox_wrap{flex-direction: column;}

    .mainFormBox.txtarea > div textarea{height: 120px;}
    .mainVenture .mainInner > p{font-size: 2rem;}

    .letterInner{width: 90%; padding: 0 25px;}
    .letterInner .wordBox.big{margin: 45px 0px 60px;}
    .letterInner .wordBox p{font-size: 14px;}
    .letterInner .wordBox.start::before{transform: scale(0.5); left: -70px;}
    .letterInner .wordBox.from::after{transform: scale(0.5);  right: -65px;}
    .mainVenture .mainInner > div{flex-wrap: wrap; }

    .mainCs_wrap {flex-direction: column;}
    .mainCs_wrap .mainCs{width: 100%; display: flex; flex-wrap: wrap; gap: 10px; height: auto; padding: 12px}
    .mainCs_wrap .mainCs .tit{width: 100%;}
    .mainCs_wrap .mainCs .mainCsBox{width: calc( 50% - 10px );}
    .mainCs .mainCsBox .t{font-weight: 600;}
    .mainCs_wrap .mainCs .mainCsBox:nth-last-child(1){width: 100%;}
    .mainCs_wrap .mainNotice{width: 100%; padding: 12px}

    .new_mainVisual .visualCopy .t{font-size: 3rem;}
    .new_mainVisual .visualCopy .d{font-size: 1.8rem;}

    .compnayKor .company_box.end .mainInner{width: 100%;}
    .compnayKor .company_box{padding: 60px 0;}
    .compnayJp .company_box{ padding: 60px 0;}

    .compnayKor .introTop{font-size: 3.5rem; }
    .compnayKor .introTop .mainInner{height: 280px;}
    .compnayJp .introTop{font-size: 3.5rem;  height: 280px;}
    .compnayJp .introTop p strong{font-size: 5rem;}
    .compnayKor .company_box,
    .compnayKor .company_box p.bold{font-size: 2.2rem;}
    .compnayKor .company_box p br{display: none;}
    .compnayJp .company_box strong,
    .compnayKor .company_box strong{font-size: 2.6rem; margin-bottom: 20px;}
    .compnayKor .company_box.end p:nth-of-type(2){font-size: 3rem;}
    .compnayKor .company_box p,
    .compnayKor .company_box, .compnayKor .company_box p.bold{font-size: 2rem;}

    .serviceTop .c{margin-top: 20px;}
    .compnayJp .introTop::after{ transform: scale(0.35) scaleX(-1) ; right: -20px; bottom: -60px;}

    .serviceTop .t{font-size: 3.5rem}
    .serviceTop .t img{height: 3.5rem}
    .serviceTop{padding: 0px 15px; }
    .serviceTop .mainInner{height: 280px }
    .serviceStep{padding: 40px 15px;}
    .service_wrap .mainInner{padding: 20px 0px;}
    .serviceBuy{padding: 20px 15px;}
    .serviceStep .stepBox_wrap{margin-top: 30px; gap: 12px;}
    .serviceStep .stepBox_wrap .stepBox{ width: calc( (100% - 12px) / 2 ); height: 170px;}
    .serviceBuy .buyBottom .buyBox{flex-direction: column; align-items: unset; justify-content: unset; flex-wrap: wrap;}
    .serviceBuy .buyBottom .buyBox div{display: none;}
    .serviceBuy .buyBottom .buyBox ul{width: 100%;}
    .serviceBuy .buyBottom .buyBox ul li.link a{justify-content: flex-start; width: 100%;}
    .serviceBuy .buyBottom .buyBox ul li.link a::after{margin-left: auto;}
    .serviceBuy .buyBottom{margin-top: 60px;}
    .serviceBuy .buyBottom .buyBox{margin-top: 40px;}


    .guideProcess > div:not(.arrow) > .c{font-size: 1.8rem;}
    .guideTable_wrap{padding: 20px;}

    .detailBtn_wrap a{width: calc( 100% / 3 );}


    .mainFormBox > label{width: 220px;}
    .mainFormBox > div{width: calc( 100% - 220px );}

    .mainPopup img{ max-width: 500px}

    .rabbitBox .img{margin-top: 40px;}
    .rabbitBox .img p{margin-top: 20px;}
    .rabbitBox .img img{width: 150px;}
    .rabbitBox .chat{display: none; }
    .rabbitBox .chatBox{display: block; width: 80%; left: 10%; position: relative; border-radius: 20px; border: 3.5px solid #2FC4BE; padding: 20px; font-weight: 600; font-family: "meiryo", sans-serif;}
    .rabbitBox .chatBox P + P{margin-top: 10px;}
    .rabbitBox .chatBox::after {
        content: '';
        position: absolute;
        bottom: -22px;
        left: 50%;
        border-width: 10px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
        transform: translateY(-3.5px);
    }
    .rabbitBox .chatBox::before {
        content: '';
        position: absolute;
        bottom: -25px;
        left: calc( 50% - 2px);
        border-width: 12px;
        border-style: solid;
        border-color: #2FC4BE transparent transparent transparent;
    }

    .compnayJp .company_box.ribbon .start::before{transform: scale(0.5)}
    .compnayJp .company_box.ribbon .end::after{transform:scale(0.5) scaleX(-1)}
    .compnayJp .company_box .mainInner{width: calc( 100% - 100px); }
    .compnayJp  .company_box.ribbon .end::after{right: -80px; bottom: -150px;}

}
@media (max-width: 600px) {
    .carrotState_wrap .carrotImg{display: none;}
    .carrotState_wrap .carrotState{width: 100%; justify-content: center; padding: 20px;}
}
@media (max-width: 500px) {
    .loginForm{width: 100%; padding: 0 12px;}
    .joinForm,
    .joinForm.join_step02{width: 100%; padding: 0 12px;}

    .layerPopup_inner{padding: 20px 20px 28px; width:90%; min-width: 90%;}
    .popupTitle{margin-bottom: 28px;}
    .selectResume{width: 100%;}
    .messageBox{width: 90%;}
    .messageBox.messageBox02{width: 100%;}
    .messageBox .i_box{display: flex;gap:3px;justify-content: flex-end; margin-top: 5px;}
    .messageBox .i_box label{font-size: 13px;font-weight: 500;}

    ul.radio_box li:not(:last-child){margin-bottom: 5px;}
    ul.radio_box li input{display: none;}
    ul.radio_box li label{display: block; width: 100%;line-height: 35px;text-align: center; border-radius: 4px; font-size: 13px;font-weight: 500;border: 1px solid #999;color: #999;transition: .2s;}
    ul.radio_box li label:hover{background: #999;color: #fff;}
    ul.radio_box li input:checked + label{background: #999;color: #fff;}

    .amount_box{display: flex; margin: 20px 0;align-items: flex-end;justify-content: space-between;}
    .amount_box strong{font-size: 15px;}
    .amount_box p{font-size: 13px;font-weight: 500;}


    .pay_btn_wrap{display: flex;align-items: center;justify-content: center;gap:5px;}
    .pay_btn_wrap button{width: 100px;height: 35px;border-radius: 4px;background: #2FC4BE;color: #fff;font-size: 13px;}
    .pay_btn_wrap button:nth-child(1){color: #2FC4BE;background: transparent;border: 1px solid #2FC4BE;}
    


    .sample_wrap{flex-direction: column;}
    .sample_wrap .sampleList{width: 100%;}
    .sample_wrap .sampleList ul {display: flex; flex-wrap: wrap; gap: 8px; height: 100px; overflow-y: auto;}
    .sample_wrap .sampleList ul li{width: calc(50% - 4px) ;}
    .sample_wrap .sampleList ul li + li{margin-top: 0;}
    .sample_wrap .sampleTxt{width: 100%; height: 200px; overflow-y: auto;}
    .sample_wrap .sampleList ul::-webkit-scrollbar,
    .sample_wrap .sampleTxt::-webkit-scrollbar{display: none;}
    .photoThumbWrap{max-width:340px;}
    /*     .boardTop_wrap .deadline{width: 100%;} */
    .regForm .form_row .desc{margin-left: 0;}

    .mainNotice_wrap{margin: -60px 0 60px}
    .mainNotice_wrap .rabbit{display: none}
    .mainNotice_wrap .mainNotice{width: 100%; overflow: unset  }
    .mainNotice_wrap .mainNotice ul li{  height: 60px; line-height: 60px; font-size: 1.8rem; }
    .mainNotice_wrap .mainNotice .pageWrap{right: 50%; transform: translateX(50%); bottom: -20px; }



    .introSwiper_wrap{height: 440px}
    .swiperBox_wrap{gap: 20px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(1){ width: 400px; height: 440px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(2){ width: 400px; height: 440px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(3){ width: 400px; height: 440px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(4){ width: 400px; height: 440px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(5){ width: 400px; height: 440px; }
    .introSwiper_wrap > .txtBox{font-size: 4rem;}
    .intro_wrap p{font-size: 1.5rem;}
    .introHover_wrap ul li {padding: 20px; gap: 0; height: 130px;}
    .introHover_wrap ul li .e{margin-left: 0rem; font-size: 1.5rem;}
    .introHover_wrap ul li .j{margin-left: 0rem; font-size: 2rem;}
    .introHover_wrap ul li .desc{font-size:1.5rem;}


    .serviceStep_wrap .boxList{gap: 20px 0;}
    .serviceStep_wrap .boxList li{width: 100%; padding: 20px; height: auto;}


    .letterInner .wordBox.big p{font-size: 30px;}
    .letterInner .wordBox.big p:nth-of-type(2){margin-left: 30px;}
    .letterInner .wordBox.big p:nth-of-type(3){margin-left: 50px;}


    .mainService > div .txt{font-size: 1.6rem;}
    .mainService > div .more{font-size: 1.8rem;}
    .mainCs .mainCsBox .t{width: 50px;}
    .mainCs .mainCsBox .c{width: calc( 100% - 50px);}



    .compnayJp .company_box strong, .compnayKor .company_box strong{font-size: 2.5rem}
    .compnayJp .company_box p{font-size: 1.8rem}
    .compnayJp .introTop{font-size: 3rem;}
    .compnayJp .introTop p strong{font-size: 3.5rem}
    .compnayKor .introTop{font-size: 3rem;}
    .compnayKor .company_box p{font-size: 1.8rem}
    .compnayKor .company_box, .compnayKor .company_box p.bold{font-size: 1.8rem}

    .serviceTop .t{font-size: 3rem;}
    .serviceTop .t img{height: 3rem;}
    .serviceTop .c{font-size: 2rem;}
    .serviceStep .t,
    .serviceBuy .buyTop .t{font-size: 2.5rem;}
    .serviceBuy .buyTop .c{font-size: 1.8rem;}
    .serviceBuy .buyBottom .buyBox ul li{font-size: 1.8rem;}
    .serviceBuy .buyBottom .buyBox ul li span{width: 30px; height: 30px; line-height: 30px; font-size: 2rem;}
    .serviceBuy .buyBottom .buyBox ul li.link{height: 70px; font-size: 2rem;}
    .serviceBuy .buyBottom .buyBox ul li.link img{height: 56px;}

    .serviceSaff .rabbit_wrap{gap: 50px 0;}
    .rabbitBox .img p{margin-top: 10px; font-size: 2.5rem}



    .guideProcess{flex-wrap: wrap;}
    .guideProcess > div:not(.arrow){width: 100%; display: flex; justify-content: center; flex-direction: column; height: 120px;}
    .guideProcess > div:not(.arrow) > .c{font-size: 2.4rem;}
    .guideProcess > div.arrow { width: 100%; text-align: center; transform: rotate(90deg); }

    .mainTitle h3{font-size: 2rem}
    .jobList li .bottom{font-size: 1.5rem}
    .jobList li a{padding: 12px;}
    
    .headhuntList li .bottom{font-size: 1.5rem}
    .headhuntList li a{padding: 12px;}

    .footerTop .footMenu{flex-wrap: wrap}
    .footerTop .footMenu a{width: 100%; display: flex; justify-content: center}




    .mainFormBox {flex-wrap: wrap; height: unset;}
    .mainFormBox > label{width: 100%; padding: 24px; border-bottom: 1px solid rgba( 229, 229, 229, 0.3);}
    .mainFormBox > div{width: 100%; }
    .mainFormBox > div input{border-radius: 0 0 8px 8px;}

    .mainPopup img{ max-width: 450px}

    .rabbitBox .img img{width: 120px;}
    .rabbitBox .chat img{width: 90%;}
    .rabbitBox:nth-of-type(1) .chat{margin-left: 0; left: 0px}
    .rabbitBox:nth-of-type(2) .chat{margin-left: 0;}
    .rabbitBox:nth-of-type(3) .chat{margin-left: 0; left: 0px}
    .rabbitBox:nth-of-type(4) .chat{margin-left: 0; left: 0px}

    .rabbitBox .chatBox{width: 90%; left: 5%; padding: 15px}



    .hotKeyword .keywordBox_wrap .keywordBox > a .ko{font-size: 1.5rem}
    .hotKeyword .keywordBox_wrap .keywordBox > a .jp{ font-size: 1.3rem}
}


@media (max-width: 460px) {

    .letterInner .wordBox.big p{font-size: 23px;}
    .letterInner .wordBox.big{margin-bottom: 50px;}
    .letterInner .wordBox.big p:nth-of-type(2){margin-left: 10px;}
    .letterInner .wordBox.big p:nth-of-type(3){margin-left: 30px;}

    .hotKeyword .keywordBox_wrap .keywordBox{flex-wrap: wrap;}
    .hotKeyword .keywordBox_wrap .keywordBox > a{width: calc( (100% - 10px ) / 2 ); font-size: 1.6rem}


    .footerInfo .fAddress_wrap{flex-wrap: wrap; gap: 10px; flex-direction: column;}

    .new_mainVisual .visualCopy .t{font-size: 2.8rem;}
    .new_mainVisual .visualCopy .t span{font-size: 3rem}
    .new_mainVisual .visualCopy .d{font-size: 1.6rem;}

    .compnayKor .company_box.end p:nth-of-type(2){font-size: 2.6rem;}
    .compnayKor .introTop{font-size: 3rem;}
    .compnayJp .introTop{font-size: 3rem;}
    .compnayJp .introTop p strong{font-size: 3.5rem;}
    .compnayKor .company_box,
    .compnayKor .company_box p.bold{font-size: 2rem;}

    .compnayKor .company_box p{font-size: 1.8rem;}

    .mainService{flex-wrap: wrap; gap: 20px;}
    .mainService > div{width: 100%;}
    .mainService > div .txt{font-size: 2rem;}
    .mainService > div .more{font-size: 2.2rem;}


    .mainPopup img{max-width: 400px}

}

@media (max-width: 400px) {


    html { font-size: 8px; }
    .detailBtn_wrap a{width: calc( 50% - 12px);}
    .subTitle3 h3 .jp{font-size: 1.5rem}
    .btn .jp{font-size: 1.2rem;}




    .introSwiper_wrap{height: 380px}

    .swiperBox_wrap > .swiperBox:nth-of-type(1){ width: 340px; height: 380px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(2){ width: 340px; height: 380px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(3){ width: 340px; height: 380px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(4){ width: 340px; height: 380px;}
    .swiperBox_wrap > .swiperBox:nth-of-type(5){ width: 340px; height: 380px; }

    .guideBtn a{width: 100%;}
    .mainCs_wrap .mainCs .mainCsBox{width: 100%;}


    .mainPopup img{max-width: 350px}
    .rabbitBox .img img{width: 100px;}
}


@media (max-width: 320px) {

    .mainPopup img{max-width: 300px}
}

@media screen and (min-width: 768px) {
    .new_btn_box button.new_btn_st03 {
        margin-top: 3px;
    }
}