/*visual*/
.main_visual{width:100%;height:777px;position: relative;     margin-top: 110px;     overflow: hidden;}
.main_visual .visual_list{height:100%}
.main_visual .visual_list li{ transition: opacity 0.5s ease-in-out;opacity:0;text-align:center;width:100%;height:100%;display:flex;align-items: center;justify-content: center;background-size:cover !Important}
.main_visual .visual_list li h4{font-size:64px;color:#fff;font-weight:600;line-height:normal;letter-spacing:-1px;}
.main_visual .visual_list li p{padding:20px 0 50px 0;color:#fff;font-size:24px;display:block;font-weight:200;line-height:32px}
.main_visual .visual_list li .black h4, .main_visual .visual_list li .black p{color:#111}
.main_visual .visual_list li button{font-size:16px;font-weight:700;color:#111;text-align:left;background:#fff url(/pages/kjcareer/img/main/arrow_black.png) no-repeat 85% center;border-radius:10px;width:200px;height:55px;padding:0 25px}

.main_visual .visual_list li.active{opacity: 1;}
.main_visual .visual_button button{position: absolute;top:45%;width:70px;height:70px;}
.main_visual .visual_button .visual_prev{background:url(/pages/kjcareer/img/main/visual_prev.png) no-repeat center center;left:55px}
.main_visual .visual_button .visual_next{background:url(/pages/kjcareer/img/main/visual_next.png) no-repeat center center;right:55px}

.main_visual .visual_navi{position: relative;display:flex;justify-content:center;bottom:80px}
.main_visual .visual_navi ul{display:flex;gap:15px;align-items: center}
.main_visual .visual_navi ul li{color:#fff;}
.main_visual .visual_navi ul li a{display:block;}

.main_visual .visual_navi .visual_stop{width:38px;height:38px;background:url(/pages/kjcareer/img/main/visual_btn_stop.png) no-repeat center center;}
.main_visual .visual_navi .visual_play{width:38px;height:38px;background:url(/pages/kjcareer/img/main/visual_btn_play.png) no-repeat center center;}
.main_visual .visual_navi a.off{width:8px;height:8px;background:#fff;border-radius:50%}
.main_visual .visual_navi a.on{width:120px;height:8px;background:#fff;border-radius:10px}


/*careermate*/
.career_mate {background:#f5f5f5;padding:100px 0}
.career_mate h3{font-size:45px;color:#111;text-align:center;line-height:normal;letter-spacing:-1px;}
.career_mate h3 span{font-weight:800;background: linear-gradient(90deg, #673AFF 0%, #4C98FF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}
.career_mate > p{text-align:center;font-size:16px;margin:20px 0 50px}
.mate_banner{width:1420px;margin:0 auto;display:flex;gap:12px;}
.mate_banner > a{border-radius:20px;padding:40px 30px;flex:1;text-decoration: none;position: relative}
.mate_banner > a h4{font-size:20px;margin-bottom:15px;color:#111;font-weight:800}
.mate_banner > a p{color:#777;font-size:15px;margin-bottom:70px;text-align:left;line-height:25px;}
.mate_banner > a:hover:after{content:'';width:50px;height:50px;position: absolute;left:30px;bottom:30px;background:url(/pages/kjcareer/img/main/banner_arrow.png) no-repeat center center;}
.mate_banner > a.banner01{background:#fff url(/pages/kjcareer/img/main/banner_icon_self.png) no-repeat  90% 90%}
.mate_banner > a.banner02{background:#fff url(/pages/kjcareer/img/main/banner_icon_interview.png) no-repeat 90% 90%;}
.mate_banner > a.banner03{background:#fff url(/pages/kjcareer/img/main/banner_icon_test.png) no-repeat 90% 90%}
.banner_service{position:relative;overflow: hidden;padding:50px 140px;width:1420px;margin:40px auto;     background: linear-gradient(90deg, #213EFE 0%, #BD5BCA 43.75%, #F55791 73.08%, #FF9D00 93.75%);box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.06);border-radius: 20px;}
.banner_service:before{width:720px;height:300px;content:'';position:absolute;right:0;top:0;background:url('/pages/kjcareer/img/main/banner_icon_robot.png') no-repeat center center;}
.banner_service h4{color:#fff;font-size:24px;line-height:140%;}
.banner_service a{margin-top:12px;border:1px solid rgba(255,255,255,0.5);padding-left:20px;width:160px;height:45px;display:flex;align-items:center;border-radius:10px;font-size:14px;font-weight:800;color:#fff;text-align:left;background: url(/pages/kjcareer/img/main/arrow_white.png) no-repeat 85% center}

/*채용공고*/
.main_recruit_wrap{background: #5D78F4;padding:170px 0;position: relative;     overflow: hidden;}
.main_recruit_wrap > button{display:flex;text-align:center;justify-content:center;align-items:center;width:70px;height:70px;border-radius:50%;position: absolute;top:55%;opacity: .8;line-height:70px}
.main_recruit_wrap > button.recruit_prev{left:55px}
.main_recruit_wrap > button.recruit_prev::after {left:50%;margin-left:-12px;content: "";position: absolute;right: 55px;top: 50%;transform: translateY(-50%) rotate(180deg);width: 24px;height: 24px;background: url('/pages/kjcareer/img/main/arrow_black.png') no-repeat center center}
.main_recruit_wrap > button.recruit_next{right:55px;background:#fff url('/pages/kjcareer/img/main/arrow_black.png') no-repeat center center}
.main_recruit_wrap > button:hover{opacity: 1;}
.main_recruit_box{width:1420px;margin:0 auto;text-align:center;}
.main_recruit_box h3{font-size:45px;line-height:140%;color:#fff;text-align:center;letter-spacing:-1px}
.main_recruit_list{display:flex;gap:12px}
.recruit_tab {display:flex;justify-content: center;gap:7px;margin:40px 0 30px}
.recruit_tab button{background:#7D93F6;padding:10px 15px;border-radius:8px;color:#fff;font-weight:300;}
.recruit_tab button.active{background:#fff;color:#111;font-weight:800}
.main_recruit_list{display:flex;padding:30px 0;}
.main_recruit_list li{width:275px;height:355px;}
.main_recruit_list li a{text-align:left;box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.12);height:100%;display:block;background:#fff;border-radius:20px;padding:15px;text-decoration: none}
.main_recruit_list li a .txt{padding: 20px 25px;}
.main_recruit_list li a .dday{display:block;text-align:center;line-height:35px;background:url(/pages/kjcareer/img/main/recruit_frag.png) no-repeat 0 0;width:37px;height:35px;color:#fff;font-size:12px}
.main_recruit_list li a h4{color:#111;font-size:18px;line-height:30px;}
.main_recruit_list li a h4 span{color:#3B61F4;font-size:14px;display:block;}
.main_recruit_list li a p{line-height:160%;margin-top:20px;color:#767676}
.main_recruit_list li a .ddline{color:#777;margin-bottom:20px;}
.main_recruit_list li a .apply{display:none;}
.main_recruit_list li a:hover .apply{color:#fff;display:inline-block;padding:10px 40px 10px 20px;background:#000 url(/pages/kjcareer/img/main/recruit_check.png) no-repeat 90% center;border-radius:8px;}
.main_recruit_list li a:hover{background:#E6EBFF}
.main_recruit_box .btn_all{margin:0 auto;border:1px solid rgba(255,255,255,0.5);padding:18px 100px 18px 20px;display:inline-block;border-radius:10px;font-size:14px;font-weight:800;color:#fff;text-align:left;background: url(/pages/kjcareer/img/main/arrow_white.png) no-repeat 85% center}

/*실전교육*/
.main_edu_wrap{padding:170px 0;position: relative;margin:0 auto;text-align:center}
.main_edu_wrap > button{display:flex;text-align:center;justify-content:center;align-items:center;width:70px;height:70px;border-radius:50%;position: absolute;top:55%;opacity: .8;line-height:70px}
.main_edu_wrap > button.edu_prev{left:55px;background:#000;}
.main_edu_wrap > button.edu_prev::after {left:50%;margin-left:-12px;content: "";position: absolute;right: 55px;top: 50%;transform: translateY(-50%) rotate(180deg);width: 24px;height: 24px;background: url('/pages/kjcareer/img/main/arrow_white.png') no-repeat center center}
.main_edu_wrap > button.edu_next{right:55px;background:#000 url('/pages/kjcareer/img/main/arrow_white.png') no-repeat center center}
.main_edu_wrap > button:hover{opacity: 1;}
.main_edu_wrap h3{font-size:45px;color:#000;text-align:center;line-height:55px;letter-spacing:-1px;}
.main_edu_wrap h3 span{background: linear-gradient(90deg, #673AFF 0%, #4C98FF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}
.edu_tab {display:flex;justify-content: center;gap:7px;margin:40px 0 30px}
.edu_tab button{background:none;padding:10px 15px;border-radius:8px;color: #b1b1b1;font-weight:400;border:1px solid #ddd;}
.edu_tab button.active{background:#202020;color:#fff;font-weight:800}
.main_edu_list{display:flex;overflow: hidden;padding:30px 0;overflow-x: auto;gap:12px}
.main_edu_list li{flex:0 0 350px;width:350px;height:420px;}
.main_edu_list li a{position:relative;text-align:left;height:100%;display:block;background:#fff;border-radius:20px;text-decoration: none;overflow: hidden}
.main_edu_list li a .img{width:100%;height:220px;}
.main_edu_list li a .img img{width:100%;height:100%}
.main_edu_list li a .txt{padding: 20px 25px;}
.main_edu_list li a .cate{position:absolute;left:15px;top:15px;display:inline-block;text-align:center;background:#4C6CE6;border-radius:8px;padding:6px 12px;color:#fff}
.main_edu_list li a h4{color:#000;font-size:18px;line-height:30px;padding:15px 0}
.main_edu_list li a p{line-height:160%;color:#767676}
.main_edu_list li a .date{margin-top:20px;color:#767676;background:url('/pages/kjcareer/img/main/icon_time.png') no-repeat left center;padding-left:20px;display:block;}
.main_edu_list li a:hover{background:#202020;color:#fff}
.main_edu_list li a:hover h4{color:#fff}
.main_edu_list li a:hover .date{background:url('/pages/kjcareer/img/main/icon_time_on.png') no-repeat left center;color:#fff}

.btn_all{color:#000;margin:0 auto;border:1px solid #cecece;padding:18px 100px 18px 20px;display:inline-block;border-radius:10px;font-size:14px;font-weight:400;text-align:left;background: url(/pages/kjcareer/img/main/arrow_black.png) no-repeat 85% center}

/*main_review*/
.main_review_wrap{background:#E4E9FF;padding:170px 0;position: relative;margin:0 auto;text-align:center}
.main_review_wrap > button{display:flex;text-align:center;justify-content:center;align-items:center;width:70px;height:70px;border-radius:50%;position: absolute;top:45%;opacity: .8;line-height:70px}
.main_review_wrap > button.review_prev{left:55px}
.main_review_wrap > button.review_prev::after {left:50%;margin-left:-12px;content: "";position: absolute;right: 55px;top: 50%;transform: translateY(-50%) rotate(180deg);width: 24px;height: 24px;background: url('/pages/kjcareer/img/main/arrow_black.png') no-repeat center center}
.main_review_wrap > button.review_next{right:55px;background:#fff url('/pages/kjcareer/img/main/arrow_black.png') no-repeat center center}
.main_review_wrap > button:hover{opacity: 1;}
.main_review_box{width:1420px;margin:0 auto;overflow: hidden}
.main_review_box h3{font-weight:700;font-size:45px;color:#111;text-align:center;line-height:140%;letter-spacing:-1px}
.main_review_box h3 span{color:#6442FF}
.main_review_box p{font-size:16px;color:#767676;margin:20px 0 30px}
.main_review_list {position: relative;width: 100%;height: 700px; /* 높이 지정 필수 */list-style: none;margin: 0;padding: 0;}
.main_review_list li {position: absolute;top: 0;left: 50%;transform: translateX(-50%) scale(0.8);opacity: 0.4;transition: all 0.5s ease;z-index: 1;width: 100%;}
.main_review_list li.current {transform: translateX(-50%) scale(1);opacity: 1;z-index: 3;}
.main_review_list li.prev {transform: translateX(-71%) scale(0.8);z-index: 2;}
.main_review_list li.next {transform: translateX(-29%) scale(0.8);z-index: 2;}

.main_review_list li h4, .main_review_list p{display:none}
.main_review_list li.active h4, .main_review_list li.active p{display:block}
.main_review_list li h4{font-size:32px;margin:40px 0 14px;color:#111;font-weight:500;line-height:42px;letter-spacing:-1px}
.main_review_list li p{color:#111;padding:0;margin:0;font-weight:700}
.main_review_list li p span{display:inline-block;width:1px;height:15px;background:#333;margin:-2px 10px}
.main_review_list li p.desc{color:#767676;font-size:16px;width:40%;margin:10px auto;line-height:26px;font-weight:400}

/*main_notice*/
.main_notice_wrap{background:url('/pages/kjcareer/img/main/main_board_bg.png') no-repeat center center / cover;padding:170px 0;position: relative;margin:0 auto;text-align:center}
.main_notice_box{width:1420px;margin:0 auto;}
.main_notice_box h3{font-weight:700;font-size:45px;color:#fff;text-align:center;line-height:normal;letter-spacing:-1px}
.main_notice_box h3 span{color:#6442FF}
.main_notice_box p{font-size:16px;color:#fff;margin:15px 0 40px}

.notice_board{display:flex;gap:20px;}
.notice_board > div{background:#fff;border-radius:15px;padding:50px 35px}
.notice_board > div .tit{display:flex;justify-content: space-between;margin-bottom:20px}
.notice_board > div .tit .tab{display:flex;justify-content: space-between;gap:20px;}
.notice_board > div .tit .tab button{background:none;color:#767676;font-weight:400}
.notice_board > div .tit .tab button h4{background:none;color:#767676;font-weight:400}
.notice_board > div .tit .tab button.active h4{color:#000;font-weight:600}
.notice_board > div .tit .more{font-size:12px;display:flex;align-items:center;justify-content:center;color:#676767;padding-right:25px;background:url('/pages/kjcareer/img/main/arrow_gray.png') no-repeat right center;line-height:20px}
.notice_board > div h4{font-size:18px;color:#000}
.notice_board .notice_board_notice{width:500px;height:500px }
.notice_board_notice .cont ul li{border-bottom:1px solid #ddd;display:flex;justify-content: space-between;align-items: center}
.notice_board_notice .cont ul li a{text-decoration:none;padding:10px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#767676;font-size:15px}
.notice_board_notice .cont ul li a:hover{color: #000;}
.notice_board_info{flex:1}
.notice_board_info .cont2 ul{display:flex;flex-wrap: wrap;gap:15px}
.notice_board_info .cont2 ul li{flex:1;}
.notice_board_info .cont2 ul li a{line-height:30px;font-size:20px;text-align:left;height:170px;padding:30px 25px;display:block;border-radius:10px;border:1px solid #ddd;text-decoration:none;color:#767676;}
.notice_board_info .cont2 ul li a:hover{color: #000;border:2px solid #657FF3;}
.notice_board_info .cont2 ul li a span{font-size:15px;display:block;margin-top:20px;text-align:left}

/*main_partner*/
.main_partner_wrap{background:#EFF2FF;padding:170px 0 ;}
.main_partner_wrap h3{font-weight:700;font-size:45px;color:#000;text-align:left;line-height:140%}
.main_partner_wrap p{font-size:16px;color:#767676;margin:20px 0 30px;line-height:26px;}
.main_partner_box{width:1420px;margin:0 auto;display:flex;gap:100px;position: relative}
.main_partner_listwrap{height:220px;white-space: nowrap;flex:1;overflow: hidden;width:1000px;right:-100px;position: absolute;display:flex;flex-direction: column}
.main_partner_list { overflow: hidden;position: relative;white-space: nowrap;height: 100px;mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);-webkit-mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);}
.main_partner_list ul { white-space: nowrap;will-change: transform;margin-bottom: 20px;gap: 30px;position: absolute;top: 0;left: 0;display: inline-flex;white-space: nowrap;will-change: transform; /* 무한 롤링을 위한 추가 스타일 */transition: none;}
.main_partner_list ul li {display: inline-block;}
.main_partner_list:before{z-index:9;position:absolute;left:0;top:0;width:150px;height:180px;content:'';background: linear-gradient(90deg,rgba(239, 242, 255, 1) 0%, rgba(239, 242, 255, 0) 100%);}
.main_partner_list:after{z-index:9;position:absolute;right:0;top:0;width:150px;height:180px;content:'';background: linear-gradient(90deg,rgba(239, 242, 255, 0) 0%, rgba(239, 242, 255, 1) 100%);}
.main_partner_list ul li a{display:flex;align-items:center;justify-content:center;padding:20px 40px;background:#fff;border-radius:10px;height:80px;width:200px;}
.rolling_wrap {overflow: hidden;width: 100%;background: #fff;}
.rolling_list, .rolling_list2 {   display: flex; width: max-content;}
.rolling_list li, .rolling_list2 li  {flex: 0 0 auto;}
.rolling_list img , .rolling_list2 img{height: 80px; /* 원하는 크기로 조절 */display: block;}
.rolling_list {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
    transition: none; /* 부드러운 애니메이션을 위해 */
}
.rolling_list li {
    display: inline-block;
}



@keyframes rolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


/****** Mobile ******/
@media screen and (min-width:320px) and (max-width:690px){
    html {font-size:62.5%;}

    /*visual*/
    .main_visual{height:320px;margin-top:90px}
    .main_visual .visual_list li{background-size:cover !important;padding:0 30px}
    .main_visual .visual_list li h4{font-size:28px;}
    .main_visual .visual_list li p{font-size:14px;padding:12px 0;line-height:140%}
    .main_visual .visual_list li p br{display:none}
    .main_visual .visual_button{display:none}
    .main_visual .visual_list li button{font-size:13px;font-weight:600;height:45px;width:150px;padding:0 15px}
    .main_visual .visual_navi{bottom:50px}
    .main_visual .visual_navi a.on{width:70px}
    .main_visual .visual_navi .visual_play{width:30px;height:30px;background-size:30px}
    .main_visual .visual_navi ul{font-size:12px}
    .main_visual .visual_list li h4{line-height:140%;}

    /*careermate*/
    .career_mate{padding:50px 20px 40px}
    .career_mate h3{font-size:24px;}
    .career_mate h3 em img{width:24px}
    .career_mate > p{margin:12px 0 20px;font-size:14px}
    .banner_service{width:100%;padding:30px;margin:20px auto}
    .banner_service:before{background-size:140px !important;width:100%;bottom:-90px;top:auto;right:-62px;background:url('/pages/kjcareer/img/main/banner_icon_robot_m.png') no-repeat 80% center}
    .banner_service h4{font-size:18px}
    .banner_service a{font-size:13px;padding:0 15px;width:140px}
    .mate_banner{width:100%;flex-direction: column;}
    .mate_banner > a:hover:after{display:none}
    .mate_banner > a {padding:30px;background-size:55px !important;background-position:90% center !important;}
    .mate_banner > a h4{font-size:18px;font-weight:700}
    .mate_banner > a p{margin-bottom:10px;font-size:13px;line-height:140%}


    /*채용공고*/
    .main_recruit_wrap{padding:50px 20px}
    .main_recruit_box{width:100%}
    .main_recruit_box h3{font-size:24px;}
    .main_recruit_box h3 em img{width:24px}
    .main_recruit_list li a p{margin-top:8px}
    .main_recruit_list li a p br{display:none}
    .main_recruit_wrap > button{box-shadow: 0 0 10px rgba(0,0,0,.4);width:40px;height:40px;top:52%;}
    .main_recruit_wrap > button.recruit_prev{left:0}
    .main_recruit_wrap > button.recruit_next{right:0}
    .main_recruit_list {width:100%;padding:20px 0 0 0}
    .main_recruit_list li{width:100%;height:auto}
    .main_recruit_list li a{padding:20px 30px}
    .main_recruit_list li a .txt{padding:0}
    .main_recruit_box .btn_all{margin-top:20px;padding:12px 40px 12px 20px;font-size:13px}
    .recruit_tab{margin:12px 0 0px;gap:4px}
    .main_recruit_list li a .ddline{margin-bottom:0}
    .recruit_tab button{padding:6px 20px}
    .main_recruit_list li a:hover .apply{display:none}
    
    


   /*실전교육*/
    .main_edu_wrap{padding:50px 20px;}
    .main_edu_wrap h3{font-size:24px}
    .edu_tab{flex-wrap: wrap;gap:4px;margin:12px 0 0}
    .edu_tab button{padding:6px 20px;}
    .main_edu_list{overflow-x:hidden;padding:20px 0 0 0}
    .main_edu_list li{flex:0 0 100%;height:auto;}
    .main_edu_list li a .txt{padding:20px 30px}
    .main_edu_list li a .date{margin-top:0}
    .main_edu_wrap > button{width:40px;height:40px;}
    .main_edu_wrap > button.edu_prev{left:0}
    .main_edu_wrap > button.edu_next{right:0}
    .btn_all{padding:12px 40px 12px 20px;font-size:13px}
    .main_edu_list li a h4{padding:0 0 4px 0}
    .main_edu_list li a p{font-size:13px}
    

    /*main_review*/
    .main_review_wrap{padding:50px 20px;}
    .main_review_wrap > button{width:40px;height:40px;z-index: 9;top:50%}
    .main_review_wrap > button.review_prev{left:0}
    .main_review_wrap > button.review_next{right:0;}
    .main_review_box{width:100%;}
    .main_review_box h3{font-size:24px;}
    .main_review_list{max-height:350px}
    .main_review_list li > img{width:100%;height:200px}
    .main_review_list li p.desc{width:100%;font-size:13px;line-height:160%}
    .main_review_list li h4{font-size:20px;margin:20px 0 0px}
    .main_review_list li p{font-size:14px}
    .main_review_box p{margin:12px 0 20px;font-size:13px;line-height:160%}
    
    

    /*main_notice*/
    .main_notice_wrap{padding:70px 20px;}
    .main_notice_box{width:100%}    
    .main_notice_box h3{font-size:24px}
    .main_notice_box p{font-size:14px;margin:12px 30px}
    .main_notice_box h3 em img{width:24px}
    .notice_board > div h4{font-size:16px}
    .notice_board{flex-direction: column;gap:14px}
    .notice_board > div{padding:30px 20px}
    .notice_board .notice_board_notice{width:100%;padding:30px 20px;height:auto}
    .notice_board_info .cont2 ul{gap:10px;flex-direction: column}
    .notice_board_info .cont2 ul li a{font-size:15px;padding:20px;border-radius:10px;line-height:23px;height:auto}
    .notice_board_info .cont2 ul li a span{font-size:13px;margin-top:8px}

    /*main_partner*/
    .main_partner_wrap{padding:70px 20px;flex-wrap: wrap;gap:20px;flex-direction: column;overflow: hidden;text-align:center}
    .main_partner_wrap h3{font-size:24px;text-align:center;}
    .main_partner_wrap p{margin:12px 0 8px 0;font-size:13px;line-height:160%}
    .main_partner_box{flex-direction: column;gap:10px;width:100%}
    .main_partner_listwrap{position: relative;right:auto;width:100%}
    .main_partner_list{position: relative;width:100%;right:auto}
    .main_partner_list ul{gap:12px}
    .main_partner_list ul li a{width:150px;height:70px;padding:20px 10px;}
    .rolling_list img{max-width:100%}



}


/****** tablet ******/
@media screen and (min-width:691px) and (max-width:1180px){

    /*visual*/
    .main_visual{height:540px;margin-top:90px}
    .main_visual .visual_list li{background-size:cover !important;}
    .main_visual .visual_list li h4{font-size:32px;line-height:160%}
    .main_visual .visual_list li p{font-size:17px;}
    .main_visual .visual_button button{width:50px;height:50px;background-size:100% !important}
    .main_visual .visual_button .visual_prev{left:15px}
    .main_visual .visual_button .visual_next{right:15px}
    .main_visual .visual_list li button{font-size:16px;font-weight:600;height:50px;}
  
    /*careermate*/
    .career_mate{padding:50px 20px 40px}
    .career_mate h3{font-size:28px;}
    .mate_banner{width:100%;}
    .mate_banner > a{padding:30px}
    .mate_banner > a p{font-size:14px;line-height:23px}
    .banner_service{width:100%;padding:35px 30px 60px;}      
    .banner_service:before{background-size:140px !important;width:100%;bottom:-90px;top:auto;right:-62px;background:url('/pages/kjcareer/img/main/banner_icon_robot_m.png') no-repeat 80% center}
    .banner_service h4{font-size:18px}    
    .mate_banner > div a{display:none}

    /*채용공고*/
    .main_recruit_wrap{padding:50px 20px}
    .main_recruit_box{width:100%}
    .main_recruit_box h3{font-size:30px;}
    .main_recruit_wrap > button{box-shadow: 0 0 10px rgba(0,0,0,.4);width:50px;height:50px;}
    .main_recruit_wrap > button.recruit_prev{left:10px}
    .main_recruit_wrap > button.recruit_next{right:10px}
    .main_recruit_list {width:100%;}
    .main_recruit_list li{width:33.3%;}
    .main_recruit_list li a .txt{padding:0}
    .main_recruit_list li a{padding:20px 30px}
    .main_recruit_box .btn_all{margin-top:20px}
    .recruit_tab{margin:20px 0 0px}
    .main_recruit_list li a .ddline{margin:20px 0 0 0}
    .main_recruit_list li a:hover .apply{display:none}

    /*실전교육*/
    .main_edu_wrap{padding:50px 20px;}
    .main_edu_wrap h3{font-size:30px}
    .edu_tab{flex-wrap: wrap;margin:20px 0 0 0}
    .main_edu_list li{width:100%;flex:auto}
    .main_edu_wrap > button{width:50px;height:50px;}
    .main_edu_wrap > button.edu_prev{left:10px}
    .main_edu_wrap > button.edu_next{right:10px}
    .main_edu_list{overflow-x:hidden}
    .main_edu_list li a h4{padding:4px 0}

    /*main_review*/
    .main_review_wrap{padding:50px 20px;}
    .main_review_wrap > button{width:50px;height:50px;z-index: 9;top:40%}
    .main_review_wrap > button.review_prev{left:10px}
    .main_review_wrap > button.review_next{right:10px;}
    .main_review_box{width:655px;}
    .main_review_box h3{font-size:30px;}
    .main_review_list{height:450px}
    .main_review_list li > img{width:500px;}
    .main_review_list li.prev{transform: translateX(-69%) scale(0.8)}
    .main_review_list li.next{transform: translateX(-36%) scale(0.8)}
    .main_review_list li p.desc{width:80%}
    .main_review_list li h4{font-size:24px;font-weight:700;margin:20px 14px 10px 14px}
    .main_review_list li p.desc{font-size:14px}

    /*main_notice*/
    .main_notice_wrap{padding:50px 20px;}
    .main_notice_box{width:100%}
    .main_notice_box h3{font-size:30px}
    .notice_board{gap:10px}
    .notice_board > div{width:50% !important;padding:30px;height:auto}
    .notice_board_info .cont2 ul li a{height:auto;font-size:15px;line-height:22px;padding:15px 0px;border:0;border-bottom:1px solid #ddd;border-radius:0}
    .notice_board_info .cont2 ul li{flex:auto}
    .notice_board .notice_board_notice{height:auto}
    .notice_board_info .cont2 ul li a span{margin-top:8px;font-size:13px}
    .notice_board_notice .cont ul li a span{font-size:13px}


    /*main_partner*/
    .main_partner_wrap{padding:50px 20px;flex-wrap: wrap;gap:20px;flex-direction: column;overflow: hidden}
    .main_partner_wrap h3{font-size:30px;text-align:center}
    .main_partner_wrap p{text-align:center;margin:12px 0 20px}
    .main_partner_box{flex-direction: column;gap:10px;width:100%}
    .main_partner_listwrap{position: relative;right:auto;width:100%}
    .main_partner_list{position: relative;width:100%;right:auto}
    .main_partner_list ul{gap:12px}
    .main_partner_list ul li a{width:180px;height:80px;padding:20px 10px;}
    .rolling_list img{max-width:100%;;}



}

/****** desktop*****/
@media screen and (min-width:1181px) and (max-width:1600px){
    /*visual*/
    .main_visual .visual_list li h4{font-size:54px;line-height:140%}
    .main_visual .visual_list li p{font-size:20px}
    .main_visual .visual_button .visual_prev{left:20px}
    .main_visual .visual_button .visual_next{right:20px}

    /*careermate*/
    .career_mate{padding:100px 20px}
    .mate_banner{width:100%}
    .banner_service{width:100%;padding:50px 30px}
    .banner_service:before{background-size:80% !important;right:-100px;}
    .career_mate h3{font-size:40px}

    /*채용공고*/
    .main_recruit_wrap{padding:100px 20px}
    .main_recruit_box{width:100%}
    .main_recruit_wrap > button{box-shadow: 0 0 10px rgba(0,0,0,.4);width:50px;height:50px;}
    .main_recruit_wrap > button.recruit_prev{left:10px}
    .main_recruit_wrap > button.recruit_next{right:10px}
    .main_recruit_box h3{font-size:40px}
    .recruit_tab{margin:20px 0 30px}
    .main_recruit_list{padding:0 0  20px 0}

    /*실전교육*/
    .main_edu_wrap{padding:100px 20px}
    .main_edu_wrap > button{width:50px;height:50px;}
    .main_edu_wrap > button.edu_prev{left:10px}
    .main_edu_wrap > button.edu_next{right:10px;}
    .main_edu_wrap h3{font-size:40px}

    /*main_review*/
    .main_review_wrap{padding:100px 20px;}
    .main_review_wrap > button{width:50px;height:50px;z-index: 9;top:50%}
    .main_review_wrap > button.review_prev{left:10px}
    .main_review_wrap > button.review_next{right:10px;}
    .main_review_box{width:1100px;}
    .main_review_box h3{font-size:40px;}
    .main_review_list li h4{font-size:25px;margin:30px 0 10px}
    .main_review_list{height:550px}
    .main_review_list li > img{width:800px;}
    .main_review_list li.prev{transform: translateX(-69%) scale(0.8)}
    .main_review_list li.next{transform: translateX(-36%) scale(0.8)}
    .main_review_list li p.desc{width:80%}


    /*main_notice*/
    .main_notice_wrap{padding:100px 20px;}
    .main_notice_box{width:100%}
    .main_notice_box h3{font-size:40px}
    .notice_board{gap:10px}
    .notice_board > div{width:50% !important;padding:30px;height:auto !important;}
    .notice_board_info .cont2 ul li a{font-size:16px;line-height:22px;padding:20px}

    /*main_partner*/
    .main_partner_wrap{padding:70px 20px;flex-wrap: wrap;gap:20px;flex-direction: column;overflow: hidden}
    .main_partner_wrap h3{font-size:40px}
    .main_partner_listwrap{width:900px;right:0}
    .main_partner_list{width:900px;right:0}

}


/****** desktop*****/
@media screen and (min-width:1601px) and (max-width:1860px) {
    .main_partner_listwrap{right:-50px}


}
/****************************************** 높이조정 ******************************************/
/****** -------------------------- Desktop Device --------------------------  ******/

@media screen and (min-height:1070px){

}