@charset "UTF-8";
/* 메인배너 */
.mainbanner { margin-top: 20px; }
.mainbanner .mainbanner-wrap li { width: 900px; height: 400px; border-radius: 20px; color: #fff; letter-spacing: -0.03em; overflow: hidden; }
.mainbanner .mainbanner-wrap li video { width: 100%; height: 100%; object-fit: cover; }
.mainbanner .mainbanner-wrap li .desc { position: absolute; top: 60px; left: 70px; right: 70px; }
.mainbanner .mainbanner-wrap li.list01 { background: url(../img/main/banner_main01.png); }
.mainbanner .mainbanner-wrap li.list02 { background: url(../img/main/banner_main02.png); }
.mainbanner .mainbanner-wrap li.list03 { background: url(../img/main/banner_main03.png); }
.mainbanner .mainbanner-wrap li .tit { font-weight: 700; font-size: 48px; line-height: 57px; }
.mainbanner .mainbanner-wrap li .tit small { font-size: 30px; }
.mainbanner .mainbanner-wrap li .txt { display: inline-block; font-weight: 400; font-size: 22px; line-height: 32px; margin: 15px 0 69px 0; }
.mainbanner .btn-wrap { display: flex; width: 900px; margin: 35px auto 0; justify-content: center; align-items: center; }
.mainbanner .btn-wrap .slide-dots { display: flex; gap: 0 15px; margin: 0 auto; }
.mainbanner .btn-wrap .slide-dots span { width: 10px; height: 10px; background: #e8e8e8; opacity: unset; }
.mainbanner .btn-wrap .slide-dots span.swiper-pagination-bullet-active { background: #666; }
.mainbanner .btn-wrap .slide-btn { display: flex; align-items: center; gap: 0 15px; width: 55px; margin-left: auto; }
.mainbanner .btn-wrap .slide-btn button { display: block; width : 20px; height: 20px; text-align: center; line-height: 20px; }

/* KBIZ 소식 */
.news { margin-top: 105px; margin-bottom: 20px; }
.news .inner { display: flex; gap: 0 120px; justify-content: space-between; }
.news .left { width: 300px; flex-shrink: 1; }
.news .left .tab { border-bottom: 1px solid #ddd; padding: 30px 0 80px 0; }
.news .left .tab li { position: relative; font-weight: 500; font-size: 46px; color: #ccc; line-height: 55px; cursor: pointer; margin-bottom: 15px; transition: all .3s; }
.news .left .tab li.active { color: #000; font-weight: 600; }
.news .left .tab li > a { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: none; }
.news .left .tab li.active > a { display: block; }
.news .tab-cnt { width: 980px; }
.news .tab-cnt.tab02, .news .tab-cnt.tab03 { display: none; }
.news .tab-cnt ul { display: flex; justify-content: space-between; gap: 0 40px; }
.news .tab-cnt ul li { width: 300px; }
.news .tab-cnt ul li .thum { width: 100%; height: 180px; border-radius: 10px; overflow: hidden; position:relative; }
.news .tab-cnt ul li .thum img { width: 100%; height: 100%; vertical-align: top; }

.news .tab-cnt ul li.end .thum::after {
    content: '종료';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 30px;
}
.news .tab-cnt ul li .tit { font-weight: 500; font-size: 24px; line-height: 29px; margin-top: 30px; min-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news .tab-cnt ul li .txt { height: 52px; font-weight: 300; font-size: 18px; line-height: 26px; color: #777777; margin: 15px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news .tab-cnt.tab02 ul li .txt { -webkit-line-clamp: 9; height: 230px; }
.news .tab-cnt ul li .date { font-weight: 300; font-size: 16px; line-height: 19px; color: #666666; }
.news .tab-cnt ul li .date span { margin-left: 15px; }

/* KBIZ 지원사업 */
.support .support-list { display: flex; justify-content: space-between; gap: 0 40px; flex-wrap: wrap; }
.support .support-list li { position: relative; width: 320px; height: 295px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.support .support-list li:hover a.off { display: none; }
.support .support-list li:hover a.on { display: block; }
.support .support-list .list05,
.support .support-list .list06,
.support .support-list .list07,
.support .support-list .list08 { border-bottom: 1px solid #000; border-top: none; }
.support .support-list li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #fff; }
.support .support-list li a.on { display: none; background: #2245A5; color: #fff; text-align: center; line-height: 40px; }
.support .support-list li h3 { position: relative; display: inline-block; font-weight: 600; font-size: 28px; line-height: 33px; margin: 130px 0 0 30px; }
.support .support-list li a.on h3 { margin: 90px auto 0; font-size: 24px; line-height: 40px; }
.support .support-list li a.on h3 span { font-size: 28px; }
.support .support-list li a.off h3::before { content: ''; position: absolute; top: -80px; left: 0; width: 50px; height: 50px; }
.support .support-list .list01 a.off h3::before { background: url(../img/main/ico_support01.svg); }
.support .support-list .list02 a.off h3::before { background: url(../img/main/ico_support02.svg); }
.support .support-list .list03 a.off h3::before { background: url(../img/main/ico_support03.svg); }
.support .support-list .list04 a.off h3::before { background: url(../img/main/ico_support04.svg); }
.support .support-list .list05 a.off h3::before { background: url(../img/main/ico_support05.svg); }
.support .support-list .list06 a.off h3::before { background: url(../img/main/ico_support06.svg); }
.support .support-list .list07 a.off h3::before { background: url(../img/main/ico_support07.svg); }
.support .support-list .list08 a.off h3::before { background: url(../img/main/ico_support08.svg); }
.support .support-list li a.off h3::after { content: ''; position: absolute; top: 50%; right: -39px; transform: translateY(-50%); width: 24px; height: 24px; background: url(../img/main/ico_arrow.svg); }
.support .support-list li p { font-weight: 300; font-size: 18px; line-height: 26px; color: #454545; padding: 30px; }

/* 중간배너영역 */
.c-banner { height: 390px; background: url(../img/main/banner_main_info01.png); background-size: cover; color: #fff; }
.c-banner .inner { padding: 110px 0 0 115px; }
.c-banner .tit { position: relative; font-weight: 700; font-size: 38px; line-height: 47px; }
.c-banner .tit::before { content: ''; position: absolute; top: -55px; left: 0; width: 33px; height: 40px; background: url(../img/main/banner_main_info03.svg); }
.c-banner .tit img { vertical-align: middle; }
.c-banner .txt { font-weight: 400; font-size: 20px; line-height: 24px; margin: 20px 0 45px 0; }
.c-banner a { border:1px solid rgba(255,255,255,0.4) !important;}

/* 외국인력 고용지원 */
.foreign { overflow: hidden; }
.foreign a.plusbtn { float: right; }
.foreign .foreign-con { display: flex; gap: 0 40px; }
.foreign .foreign-con li a { display: block; width: 320px; height: 150px; color: #36346D; padding: 30px; }
.foreign .foreign-con li a span { font-weight: 600; font-size: 20px; line-height: 24px; }
.foreign .foreign-con li a h3 { font-weight: 700; font-size: 28px; line-height: 33px; letter-spacing: -0.02em; margin-top: 10px; }
.foreign .foreign-con .list01 a { background: url(../img/main/btn_img01.png); color: #122E58; }
.foreign .foreign-con .list02 a { background: url(../img/main/btn_img02.png); }
.foreign .foreign-con .list03 a { background: url(../img/main/btn_img03.png); }
.foreign .foreign-con .list04 a { background: url(../img/main/btn_img04.png); }

/* KBIZ 입찰공고 */
.bid .inner { display: flex; justify-content: space-between; }
.bid .bid-notice { width: 640px; overflow: hidden; }
.bid .bid-notice .notice-list { border-top: 1px solid #ddd; padding-top: 30px; }
.bid .bid-notice .notice-list li a { display: flex; gap: 0 20px; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.bid .bid-notice .notice-list li .subtit { display: inline-block; flex-shrink: 0; width: 90px; height: 29px; background: #EFF3FC; border-radius: 20px; text-align: center; line-height: 29px; color: #222; font-weight: 400;  }
.bid .bid-notice .notice-list li .tit { width: calc(100% - 100px); display: inline-block; font-weight: 400; font-size: 18px; line-height: 21px; text-overflow: ellipsis; word-break: break-all; overflow: hidden; white-space: nowrap; }
.bid .bid-notice .notice-list li .date { display: inline-block; margin-left: auto; font-weight: 300; font-size: 16px; line-height: 19px; color: #888; width: 100px; text-align: right; }
.bid .bid-notice h2 { display: inline-block; font-weight: 600; font-size: 30px; line-height: 36px; margin-bottom: 20px; }
.bid .bid-notice a.plusbtn { float: right; margin-top: 10px; }
.bid .s-bnnner { position: relative; width: 600px; margin-right: 0; }
.bid .s-bnnner .s-bnnner-wrap li { height: 280px; border-radius: 10px; overflow: hidden; }
.bid .s-bnnner .s-bnnner-wrap li > a { display: block; width: 100%; height: 100%; }
.bid .s-bnnner .s-bnnner-wrap li > a img { width: 100%; }
.bid .s-bnnner .slide-btn { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 20px; z-index: 1; }
.bid .s-bnnner .slide-btn .btn-next { position: absolute; right: 40px; }

/* 주요업무 사이트 */
.primary-site .site-list { display: flex; justify-content: space-between; gap: 0 30px; }
.primary-site .site-list li { width: 256px; height: 160px; border: 1px solid #ddd; border-radius: 10px; padding: 30px 55px; }
.primary-site .site-list li .bi { border-bottom: 1px solid #eee; padding-bottom: 20px; }
.primary-site .site-list li a.sitebtn { display: inline-block; font-weight: 400; font-size: 18px; line-height: 21px; color: #666; margin-top: 15px; }
.primary-site .site-list li a.sitebtn img { margin-left: 10px; vertical-align: -2px; }

/* 무엇을 도와드릴까요? */
.help-sec .inner { display: flex; align-items: center; justify-content: space-between; }
.help-sec h2 { display: inline-block; font-weight: 600; font-size: 36px; line-height: 43px; padding-right: 73px; border-right: 1px solid #eee; height: 120px; }
.help-sec .help-con { position: relative; width: 560px; height: 120px; border-right: 1px solid #eee; padding-left: 180px; }
.help-sec .help-con01::before { content: ''; position: absolute; top: 50%; left: 50px; transform: translateY(-50%); width: 100px; height: 100px; background: url(../img/main/ico_counsel01.svg); }
.help-sec .help-con02::before { content: ''; position: absolute; top: 50%; left: 50px; transform: translateY(-50%); width: 100px; height: 100px; background: url(../img/main/ico_counsel02.svg); }
.help-sec .help-con .tit { font-weight: 600; font-size: 28px; line-height: 33px; margin: 23px 0 15px 0; }
.help-sec .help-con .tit a { display: block; }
.help-sec .help-con01 .tit a img { margin-left: 124px; }
.help-sec .help-con02 .tit a img { margin-left: 146px; }
.help-sec .help-con .txt { font-weight: 300; font-size: 18px; line-height: 21px; color: #333; }

/* 사업매칭 팝업 */
.pop-wrap.matching h2 .small { padding-left: 30px; font-size: 16px; color: #777; font-weight: 400; }
.pop-wrap.matching .pop-cont { width: 1040px; overflow-x: hidden; min-height: 380px; }
.pop-wrap.matching .pop-cont>div { display: none; }
.pop-wrap.matching .pop-cont>.biz1 { display: block; }
.pop-wrap.matching .pop-cont .biz3>p,
.pop-wrap.matching .pop-cont .biz4>p,
.pop-wrap.matching .biz_result>p { padding: 30px 0 60px; line-height: 32px; font-size: 20px; text-align: center; }
.pop-wrap.matching .pop-cont .btn { width: 630px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.pop-wrap.matching .pop-cont .btn a { border: 1px solid #000; width: 300px; height: 60px; line-height: 60px; text-align: center; font-weight: 500; box-sizing: border-box; }
.pop-wrap.matching .pop-cont .btn a:nth-child(2n) { margin-left: 30px; }
.pop-wrap.matching .pop-cont .btn a:nth-child(1),
.pop-wrap.matching .pop-cont .btn a:nth-child(2) { margin-bottom: 30px; }
.pop-wrap.matching .pop-cont .btn a .ico_window { background-image: url('../img/common/ico_window.svg'); }
.pop-wrap.matching .pop_tab { margin-bottom: 30px; display: flex; }
.pop-wrap.matching .pop_tab li { flex: 1; margin-left: -1px; display: block; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #000; border: 1px solid #ddd; border-left: 0; box-sizing: border-box; }
.pop-wrap.matching .pop_tab li:first-child { margin-left: 0; border-left: 1px solid #ddd; }
.pop-wrap.matching .pop_tab li a { display: block; color: inherit; font-size: inherit; font-weight: inherit; }
.pop-wrap.matching .pop_tab li.on { border: 1px solid #d23345; background: #D23345; color: #fff; font-weight: 700; z-index: 1; }
.pop-wrap.matching .input_list { width: 600px; margin: 0 auto 30px; border-bottom: 1px solid #ddd; }
.pop-wrap.matching .input_list li { margin-bottom: 30px; }
.pop-wrap.matching .input_list li>span { display: inline-block; width: 210px; height: 60px; line-height: 60px; vertical-align: top; }
.pop-wrap.matching .input_list li input,
.pop-wrap.matching .input_list li select { border: 1px solid #ddd; width: 360px; height: 60px; line-height: 60px; padding: 0 20px; }
.pop-wrap.matching .input_list li input.half,
.pop-wrap.matching .input_list li select.half { width: 200px; }
.pop-wrap.matching .input_list li input.small,
.pop-wrap.matching .input_list li select.small { width: 150px; }
.pop-wrap.matching .input_list li>div { display: inline-block; }
.pop-wrap.matching .input_list li .multi+div { margin-top: 10px; }
.pop-wrap.matching .input_list li .multi>span { margin: 0 15px; line-height: 60px; }
.pop-wrap.matching .input_list li .multi a { display: inline-block; padding: 0 40px; height: 60px; line-height: 60px; border: 1px solid #000; vertical-align: middle; }
.pop-wrap.matching .input_list li .multi a.black { background: #000; color: #fff; font-weight: 700; }
.pop-wrap.matching .biz_result table { width: 100%; border-top: 1px solid #000; margin-top: 30px; }
.pop-wrap.matching .biz_result table th,
.pop-wrap.matching .biz_result table td { font-size: 18px; font-weight: 400; border-bottom: 1px solid #ddd; line-height: 60px; word-break: keep-all; }
.pop-wrap.matching .biz_result table td .black { margin-left: 40px; display: inline-block; height: 35px; padding: 0 18px; border-radius: 5px; background: #000; font-size: 16px; font-weight: 600; color: #fff; line-height: 35px; vertical-align: middle; }
.pop-wrap.matching .biz_result table th { text-align: left; background: #f7f7f7; padding: 0 40px; }
.pop-wrap.matching .biz_result table td { padding: 0 40px; }
.pop-wrap.matching .biz_result.nodata { height: 360px; }
.pop-wrap.matching .ico_window { display: inline-block; width: 16px; height: 16px; background: url('../img/sub/ico_window_w.svg') no-repeat; background-size: 16px 16px; margin-right: 12px; vertical-align: middle; }

.pop-wrap.matching .step2,
.pop-wrap.matching .biz_result,
.pop-wrap.matching .biz_result [class*=biz] { display: none; }