/* 기술온 메인 */
.main_home {width:100%;background:#fff;box-sizing:border-box;overflow:hidden;}
.main_home * {box-sizing:border-box;}
.main_home a {color:inherit;text-decoration:none;}

/* 메인 비주얼 */
.main_visual {position:relative;width:100%;height:310px;overflow:hidden;background:#153556;}
.main_visual_img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.main_visual_content {position:relative;z-index:2;padding:41px 90px 0;}
.main_visual_content h2 {margin:0;color:#fff;font-family:'NanumSquareNeo800' !important; font-size:40px;line-height:1.35;letter-spacing:-1.8px;}
.main_visual_content h2 strong {
	background:linear-gradient(45deg,#0167fe 0%,#54b9ff 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	background-clip:text; font-family:'NanumSquareNeo900' !important; font-size:44px;
	filter:drop-shadow(2px 3px 2px rgba(0,0,0,.65));
}
.main_visual_text {margin-top:20px;color:#fff;font-family:'NanumSquareNeo700';font-size:18px;letter-spacing:-.5px;}
.main_visual_menu {position:absolute;z-index:3;left:25px;right:25px;bottom:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.main_visual_menu > a {display:flex;align-items:center;height:91px;padding:0 18px;border:1px solid rgba(255,255,255,.65);border-radius:10px;background:rgba(255,255,255,.95);box-shadow:0 4px 15px rgba(0,0,0,.13);}
.main_visual_menu_icon {display:flex;align-items:center;justify-content:center;flex:0 0 58px;width:58px;height:58px;border-radius:8px;}
.main_visual_menu_icon.sky {background:#5865f2;}.main_visual_menu_icon.blue {background:#0877ef;}.main_visual_menu_icon.green {background:#20b66a;}.main_visual_menu_icon.orange {background:#ff7b16;}
.main_visual_menu_icon img {width:34px;height:34px;object-fit:contain;}
.main_visual_menu_text {display:block;min-width:0;margin-left:15px; }
.main_visual_menu_text strong {display:block;color:#555;font-family:'NanumSquareNeo800';font-size:16px;white-space:nowrap;}
.main_visual_menu_text small {display:block;margin-top:7px;color:#637188;font-family:'NanumSquareNeo700';font-size:12px;white-space:nowrap;}
.main_visual_menu > a > b {margin-left:auto;color:#0c2d58;font-family:'NanumSquareNeo400';font-size:31px;font-weight:400;}

/* 공통 */
.main_section {padding:24px 25px 0;}
.main_section_head,.main_box_head {display:flex;align-items:center;justify-content:space-between;}
.main_section_title {display:flex;align-items:center;gap:17px;}
.main_section_title h2,.main_box_head strong {margin:0;color:#555;font-family:'NanumSquareNeo800' !important;font-size:20px;letter-spacing:-.6px;}
.main_section_title span,.main_box_head span {color:#748298;font-family:'NanumSquareNeo700';font-size:12px;}
.main_more,.main_box_head > a {color:#5c6d83;font-family:'NanumSquareNeo700';font-size:12px;}
.main_box_head > div {display:flex;align-items:center;gap:10px;}
.main_box_head img, .main_box_head_img {width:32px;height:32px;object-fit:contain; background:#dae9fd; padding:6px; border-radius:6px; }

/* 오늘의 일거리 */
.main_jobs {padding-top:20px;}
.main_jobs_head {gap:15px;}
.main_job_tabs {display:flex;align-items:center;gap:6px;margin-left:auto;}
.main_job_tabs a {
	height:28px;padding:0 17px;border-radius:15px;background:#f3f6fa;color:#003375;
	font-family:'NanumSquareNeo700';font-size:12px;line-height:28px;white-space:nowrap;
}
.main_job_tabs a.on {background:#0878ef;color:#fff;}
.main_job_slider {overflow:hidden;margin-top:16px;}.main_job_cards {display:flex;gap:9px;margin-top:0;will-change:transform;}.main_job_card {flex:0 0 calc((100% - 36px)/5);}
.main_job_card {min-width:0;padding:7px 7px 12px;border:1px solid #dce4ed;border-radius:7px;background:#fff;}
.main_job_photo {position:relative;height:121px;overflow:hidden;border-radius:5px;background:#edf1f4;}
.main_job_photo img {width:100%;height:100%;object-fit:cover;display:block;}
.main_job_status {position:absolute;left:6px;top:6px;height:22px;padding:0 9px;border-radius:4px;color:#fff;font-family:'NanumSquareNeo800';font-size:11px;line-height:22px;}
.main_job_status.urgent {background:#ff3b42;}.main_job_status.new {background:#18aa61;}.main_job_status.today {background:#1683f3;}
.main_job_photo small {
	position:absolute;right:6px;top:6px;padding:4px 6px;border-radius:4px;
	background:#fff; color:#222;font-family:'NanumSquareNeo700';font-size:11px;
}
.main_job_card h3 {overflow:hidden;margin:12px 2px 0;color:#122c54;font-family:'NanumSquareNeo800';font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.main_job_info {display:flex;align-items:center;justify-content:space-between;margin:8px 2px 0;}
.main_job_area,.main_job_date,.main_job_count {color:#6f7e92;font-size:11px;}
.main_job_area {text-align:left;}
.main_job_count {margin-left:auto;text-align:right;}
.main_job_tags {display:flex;gap:6px;margin:8px 2px 0;}
.main_job_tags span {padding:5px 8px;border-radius:4px;background:#f1f4f8;color:#53647b;font-family:'NanumSquareNeo700';font-size:11px;}

/* 지역 / 기술분류 */
.main_find {display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:25px;}
.main_find_box {position:relative;min-width:0;padding:12px 13px 17px;border-radius:8px;background:#f8fafc;overflow:hidden;}
.main_area_grid {position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px;}
.main_area_grid a {display:flex;flex-direction:column;align-items:center;justify-content:center;height:59px;border:1px solid #dfe6ee;border-radius:6px;background:#fff;}
.main_area_grid a strong {font-family:'NanumSquareNeo800';font-size:12px;}.main_area_grid a span {margin-top:6px;color:#42618b;font-family:'NanumSquareNeo700';font-size:11px;}
.main_area_grid a.on {border-color:#0878ef;background:#0878ef;color:#fff;}.main_area_grid a.on span {color:#fff;}
.main_area_bg {position:absolute;right:-2px;bottom:-3px;width:78px;opacity:.16;}
.main_tech_grid {display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px;}
.main_tech_grid a {display:flex;flex-direction:column;align-items:center;justify-content:center;height:91px;border:1px solid #dfe6ee;border-radius:6px;background:#fff;text-align:center;}
.main_tech_grid img {width:42px;height:42px;object-fit:contain;}
.main_tech_grid strong {margin-top:5px;font-family:'NanumSquareNeo700';font-size:10px; letter-spacing:0.001em; }
.main_tech_grid span {margin-top:4px;color:#0878ef;font-family:'NanumSquareNeo800';font-size:11px;}



/* 기술온 인증 우수기술자 */
.main_excellent {padding-top:25px;}
.main_excellent_slider {overflow:hidden;margin-top:12px;}
.main_excellent_cards {display:flex;gap:9px;will-change:transform;}
.main_excellent_card {position:relative;flex:0 0 calc((100% - 36px)/5);min-width:0;overflow:hidden;border:1px solid #dfe5ec;border-radius:7px;background:#fff;}
.main_excellent_photo {position:relative;height:170px;overflow:hidden;background:#edf1f4;}
.main_excellent_photo > img:first-child {width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease;}
.main_excellent_card:hover .main_excellent_photo > img:first-child {transform:scale(1.06);}
.main_excellent_medal {position:absolute;left:7px;top:3px;width:38px;height:38px;object-fit:contain;z-index:2;}
.main_excellent_info {padding:10px 10px 11px;}
.main_excellent_info > strong {display:block;overflow:hidden;color:#333;font-family:'NanumSquareNeo800';font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.main_excellent_job_area {display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;margin-top:7px;gap:8px;}
.main_excellent_job {min-width:0;overflow:hidden;color:#0878ef;font-family:'NanumSquareNeo700';font-size:11px;text-overflow:ellipsis;white-space:nowrap;}
.main_excellent_area {flex:0 1 45%;min-width:0;margin-left:auto;overflow:hidden;color:#66768b;font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap;}
.main_excellent_career {overflow:hidden;margin-top:6px;color:#66768b;font-size:11px;text-overflow:ellipsis;white-space:nowrap;}
.main_excellent_verify {display:flex;flex-wrap:wrap;gap:3px;margin-top:8px;min-height:21px;}
.main_excellent_verify span {padding:3px;border-radius:4px;background:#f1f4f8;color:#627287;font-family:'NanumSquareNeo700';font-size:11px;}
.main_excellent_info > b {display:block;height:34px;margin-top:10px;border:1px solid #d8e2ee;border-radius:5px;color:#0878ef;font-family:'NanumSquareNeo800';font-size:11px;line-height:32px;text-align:center;}

/* 중고장터 + 기술정보 */
.main_market_info {display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1.12fr);gap:30px;padding-top:27px;}.main_market_wrap {width:100%;min-width:0;}
.main_market_tabs {display:flex;gap:7px;margin-top:12px;}.main_market_tabs a {height:27px;padding:0 16px;border-radius:14px;background:#f2f5f9;color:#52647a;font-family:'NanumSquareNeo700';font-size:11px;line-height:27px;}.main_market_tabs a.on {background:#0878ef;color:#fff;}
.main_market_cards {display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px;}
.main_market_card {min-width:0;overflow:hidden;padding-bottom:10px;border:1px solid #dfe5ec;border-radius:6px;background:#fff;}
.main_market_photo {height:122px;background:#edf1f4;}.main_market_photo img {width:100%;height:100%;object-fit:cover;display:block;}
.main_market_type {display:inline-block;margin:8px 8px 0;padding:3px 5px;border-radius:3px;background:#f18a17;color:#fff;font-family:'NanumSquareNeo800';font-size:11px;}
.main_market_card h3 {overflow:hidden;margin:5px 8px 0;font-family:'NanumSquareNeo700';font-size:12px;text-overflow:ellipsis;white-space:nowrap;}.main_market_card > strong {display:block;margin:5px 8px 0;font-family:'NanumSquareNeo900';font-size:12px;}
.main_market_meta {display:flex;align-items:center;justify-content:space-between;margin:6px 8px 0;color:#6f7e91;font-size:11px;}
.main_market_meta small,.main_market_meta em {font-size:11px;font-style:normal;}
.main_info_slider {height:284px;overflow:hidden;margin-top:12px;}.main_info_list {margin-top:0;will-change:transform;}.main_info_list > a {display:grid;grid-template-columns:92px minmax(0,1fr);min-height:71px;padding:7px 0;border-bottom:1px solid #e4e9ef;gap:10px;}.main_info_list img {width:92px;height:58px;border-radius:4px;object-fit:cover;}.main_info_list div {position:relative;min-width:0;padding-top:4px;}.main_info_list div strong {display:block;overflow:hidden;font-family:'NanumSquareNeo800';font-size:11px;text-overflow:ellipsis;white-space:nowrap;}.main_info_list div span {display:block;margin-top:10px;color:#8995a5;font-size:11px;}.main_info_list small {position:absolute;right:0;bottom:0;color:#718095;font-size:11px;}

/* 커뮤니티 */ 
.main_community {padding-top:22px;padding-bottom:20px;} 
.main_community_grid {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;} 
.main_community_box {min-width:0;padding:10px 13px;border:1px solid #dfe5ed;border-radius:7px;background:#fff;} 
.main_community_box h3 {display:flex;align-items:center;gap:8px;margin:0 0 5px;font-family:'NanumSquareNeo900';font-size:13px;} 
.main_community_box h3 img {height:27px;object-fit:contain;background:#dae9fd;padding:6px;border-radius:6px;} 
.main_community_box > a {display:flex;align-items:center;justify-content:space-between;height:31px;border-top:1px solid #f0f2f5;gap:8px;min-width:0;} 
.main_community_box > a:first-of-type {border-top:0;} 
.main_community_box > a strong {min-width:0;overflow:hidden;font-family:'NanumSquareNeo400';font-size:12px;text-overflow:ellipsis;white-space:nowrap;} 
.main_community_box > a span {flex:0 0 auto;color:#7f8c9e;font-size:11px;white-space:nowrap;} 


/* 게시판 이미지 - 이미지 안에서 살짝 확대 */
.main_job_photo,.main_market_photo,.main_info_list > a > img {overflow:hidden;}
.main_job_photo img,.main_market_photo img,.main_info_list > a > img {transition:transform .25s ease;}
.main_job_card:hover .main_job_photo img,.main_market_card:hover .main_market_photo img,.main_info_list > a:hover > img {transform:scale(1.06);}

/* 지역별 일거리 / 기술분류별 일거리 - 박스 자체 확대 */
.main_area_grid a,.main_tech_grid a {transition:transform .2s ease,color .2s ease;}
.main_area_grid a:hover,.main_tech_grid a:hover {transform:scale(1.04);}

/* a 링크 - 글자 색상 변화 */
.main_home a {transition:color .2s ease;}
.main_home a:hover {color:#0878ef;}

@media(max-width:1299px){
	.main_home { margin-top:50px; }
    .main_visual {height:430px;}.main_visual_content {padding-left:25px;}.main_visual_menu {left:25px;right:25px;}.main_section {padding-left:20px;padding-right:20px;}.main_job_tabs {overflow-x:auto;}.main_job_tabs a {flex:0 0 auto;}.main_job_card {flex-basis:210px;}.main_find {grid-template-columns:1fr;}.main_market_info {grid-template-columns:1fr;}.main_market_cards {grid-template-columns:repeat(5,1fr);}
    .main_visual_img {object-position:center top;}.main_visual:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,35,63,.76),rgba(8,35,63,.18));}.main_visual_content {z-index:2;padding:28px 18px 0;}.main_visual_content h2 {font-size:27px;}.main_visual_text {font-size:14px;}.main_visual_menu {left:15px;right:15px;bottom:18px;grid-template-columns:1fr;gap:7px;}.main_visual_menu > a {height:66px;padding:0 12px;}.main_visual_menu_icon {flex-basis:45px;width:45px;height:45px;}.main_visual_menu_icon img {width:27px;height:27px;}.main_visual_menu_text strong {font-size:13px;}.main_visual_menu_text small {margin-top:4px;font-size:11px;}.main_section {padding-left:12px;padding-right:12px;}.main_jobs_head {display:block;}
    .main_section_title {gap:8px;}
    .main_section_title h2,.main_box_head strong {font-size:16px;}.main_job_tabs {margin-top:12px;}
	.main_section_title span, .main_box_head span {  display:none; }
    .main_more,.main_box_more,.main_box_head>a,.main_market_head>a,.main_community_head>a {}.main_job_slider {overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;}.main_job_slider::-webkit-scrollbar {display:none;}.main_job_cards {width:max-content;}.main_job_card {flex-basis:185px;}.main_job_photo {height:105px;}.main_find_box {padding:12px 10px;}.main_box_head > div {flex-wrap:wrap;gap:5px 8px;}.main_box_head span {width:calc(100% - 40px);margin-left:40px;}.main_area_grid {grid-template-columns:repeat(3,1fr);}.main_tech_grid {grid-template-columns:repeat(2,1fr);}.main_tech_grid a:nth-child(n) {grid-column:auto;height:95px;}.main_market_tabs {display:flex;flex-wrap:nowrap;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;}.main_market_tabs::-webkit-scrollbar {display:none;}.main_market_tabs a {display:block;flex:0 0 auto;white-space:nowrap;}.main_market_cards {display:flex;flex-wrap:nowrap;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;}.main_market_cards::-webkit-scrollbar {display:none;}.main_market_card {flex:0 0 155px;min-width:155px;}.main_market_photo {height:105px;}.main_community_grid {grid-template-columns:1fr;}.main_info_list > a {grid-template-columns:80px minmax(0,1fr);}.main_info_list img {width:80px;height:54px;}

    .main_excellent_slider {overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;}.main_excellent_slider::-webkit-scrollbar {display:none;}.main_excellent_cards {width:max-content;}.main_excellent_card {flex-basis:185px;}
        .main_job_tabs,.main_market_tabs {
        display:flex;
        flex-wrap:nowrap;
        width:100%;
        max-width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        overscroll-behavior-x:contain;
    }

    .main_job_tabs::-webkit-scrollbar,.main_market_tabs::-webkit-scrollbar {
        display:none;
    }

    .main_job_tabs a,.main_market_tabs a {
        flex:0 0 auto;
        white-space:nowrap;
    }

}

.main_section_title {
    display: flex;
    align-items: center;
}
.main_section_title a {
    margin-left: auto;
}


