@charset "euc-kr";

.t_njob ~ .tech_content{min-height:initial;}

/* ¼±»ý´Ô À妽º */
.njob_index_wrap{padding:50px 0 167px;margin:0 auto;width:1200px;position: relative;font-family:'Noto Sans KR';}
.njob_index_wrap *{box-sizing:border-box;}
.njob_tec_list{display:flex;gap:20px;flex-wrap:wrap;margin-top:40px;}
.njob_tec_list > li{border-radius: 10px;background: var(--njob-menuIcn-color2);width:calc(50% - 10px);position: relative;display:flex;padding:45px 0 0 40px;flex-wrap:nowrap;min-width:0;cursor:pointer;}
.njob_tec_list > li .tec_detail{flex:1 1 auto;min-width:0;}
.njob_tec_list > li .tec_profile{width:245px;flex: 0 0 245px;}
.njob_tec_list > li .slogan{font-size:17px;font-weight:700;color:#111;line-height:1.4;}
.njob_tec_list > li .tit{font-size:24px;color:var(--njob-menuIcn-color1);font-weight:700;margin-top:20px;}
.njob_tec_list > li .tec_detail{}
.njob_tec_list > li .tec_detail ul{margin-top:40px;padding-bottom:40px;}
.njob_tec_list > li .tec_detail ul li{margin-top:20px;}
.njob_tec_list > li .tec_detail ul li:first-child{margin-top:0;}
.njob_tec_list > li .tec_detail ul li .label{display:flex;align-items: center;font-size:15px;font-weight:700;color:#111;gap:0 6px;}
.njob_tec_list > li .tec_detail ul li .label::before{width:12px;height:14px;content:'';display:block;}
.njob_tec_list > li .tec_detail ul li .label.news::before{background:url(https://img.megagong.net/m/common/ico_news.svg) 50% 50% no-repeat;}
.njob_tec_list > li .tec_detail ul li .label.best::before{background:url(https://img.megagong.net/m/common/ico_review.svg) 50% 50% no-repeat;}
.njob_tec_list > li .tec_detail ul li .con{margin-top:10px;display:flex;align-items: center;gap:0 5px;min-width:0;}
.njob_tec_list > li .tec_detail ul li .con .txt{font-size:13px;font-weight:500;line-height:1.4;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color:#777;}
.njob_tec_list > li .tec_detail ul li .con .new{flex-shrink:0;display: block;}
.njob_tec_list > li .tec_profile .badge-new{display:flex;gap:0 4px;padding:5px 12px;border-radius: 72px;background: linear-gradient(90deg, #71FF69 0%, #82FF22 100%);position: absolute;right:20px;bottom:20px;line-height:1;align-items: center;}
.njob_tec_list > li .tec_profile .badge-new .txt{font-size:14px;color:#111;font-weight:700;display:flex;align-items: center;gap:0 4px;}
.njob_tec_list > li .tec_profile .badge-new .txt::before{content:'';display:block;width:38px;height:20px;background:url('https://img.megagong.net/m/common/ico_new_green.svg') 50% 50% no-repeat;}

.tech_content.njob, .tech_content.njob .tcinner{width:100%;max-width:1200px;}
.njob_top_area, .njob_detail_wrap{max-width:1200px;margin:0 auto;}
.t_njob.tec_renew.techWrap{background-color: #fff !important;font-family:'Noto Sans KR';}
.njob_top_area{border-radius: 10px;background: var(--njob-menuIcn-color2);padding: 30px 0 0;display: flex;justify-content: center;max-width:1200px;margin:0 auto;}
.njob_top_area .top_info{max-width:1200px;margin:0 auto;display:flex;gap:0 40px;align-items: center;width:100%;justify-content: center;}
.njob_top_area .top_info dt{width:245px;}
.njob_top_area .top_info dd .slogan{margin-top:30px;font-size:26px;color:var(--njob-menuIcn-color1);font-weight:700;line-height:1.4;}
.njob_top_area .top_info dd .scd_list{display:flex;gap:0 8px;}
.njob_top_area .top_info dd .scd_list li{font-size:14px;color:var(--njob-menuIcn-color1);padding:6px 10px;border:1px solid var(--njob-menuIcn-color1);border-radius:20px;font-weight:400;}
.njob_top_area .top_info dd .tec_name{font-size:16px;font-weight:500;color:#111;line-height:1;margin-top:36px;}

.njob_top_menu{margin-top:50px;}
.t_njob.tec_renew .tec_topmenu_wrap .swiper-wrapper{gap:0;}
.njob_top_menu .tec_topmenu_wrap .tab-swiper-wrap{overflow:initial;}
.njob_detail_wrap .njob_label{display:flex;font-size:20px;font-weight:700;align-items: center;gap:0 10px;margin-bottom:26px;margin-top:50px;}
.njob_detail_wrap .njob_label:first-child{margin-top:40px;}
.njob_detail_wrap .njob_label::before{content:'';display:block;height:20px;}
.njob_detail_wrap .njob_label.profile::before{background:url('https://img.megagong.net/m/common/ico_profile.svg') 50% 50% no-repeat;width:14px;}
.njob_detail_wrap .njob_label.key::before{background:url('https://img.megagong.net/m/common/ico_key.svg') 50% 50% no-repeat;width:20px;}
.njob_detail_wrap .njob_profile_area{display:flex;gap:0 20px;flex-wrap:wrap;}
.njob_detail_wrap .njob_profile{background-color: #f8f8f8;border-radius: 10px;width:calc(50% - 10px);padding:26px 20px 26px 36px;display:flex;font-size:14px;line-height:1.4;color:#111;gap:0 30px;}
.njob_detail_wrap .njob_profile .tit{font-weight:700;}
.njob_detail_wrap .njob_profile ul{max-height:105px;overflow-y:auto;flex-grow:1;padding-right:8px;}
.njob_detail_wrap .njob_profile ul::-webkit-scrollbar {width: 6px;}
.njob_detail_wrap .njob_profile ul::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
.njob_detail_wrap .njob_profile ul::-webkit-scrollbar-thumb {background: #c1c1c1;border-radius: 10px;}
.njob_detail_wrap .njob_profile ul::-webkit-scrollbar-thumb:hover {background: #999;}
.njob_detail_wrap .njob_profile li{font-size:14px;font-weight:400;padding-left:10px;position: relative;margin-top:2px;}
.njob_detail_wrap .njob_profile li:first-child{margin-top:0;}
/* .njob_detail_wrap .njob_profile li:empty{display:none;margin-top:0;} */
.njob_detail_wrap .njob_profile li::before{content:'';display:block;width:3px;height:3px;background-color: #111;border-radius:50%;position: absolute;left:0;top:8px;}
.njob_detail_wrap .tab-base{margin-top:26px;}
.njob_detail_wrap .panel-base{margin-top:40px;}
.njob_detail_wrap .panel-base > li{display:none;}
.njob_detail_wrap .panel-base > li .eventVideo{max-width:1000px;margin:0 auto;}

.njob_detail_wrap .pr_content_wrap .pr_content_swiper .swiper-slide{background-color: #F8F8F8;text-align:center;}
.njob_detail_wrap .pr_content_wrap .pr_content_swiper .label.tp1{background-color:#fff;color:#111;}

@media screen and (max-width: 1200px) {
    .njob_index_wrap{width:100%;box-sizing:border-box;overflow:hidden;}
    .njob_index_wrap .tab-swiper-wrap{overflow:inherit;padding:0 2%;}
    .njob_tec_list{padding:0 2%;}
    .njob_tec_list > li{padding:35px 0 0 30px;}
    /* .njob_tec_list > li .slogan br{display:none;} */
    .njob_tec_list > li .tec_detail{padding-right:200px;}
    .njob_tec_list > li .tec_detail ul{padding-bottom:30px;}
    .njob_tec_list > li .tec_profile{/*height:200px;overflow:hidden;*/position:absolute;right:0;bottom:0;}
    .njob_tec_list > li .tec_profile{width:200px;flex: 0 0 200px;}
    .njob_top_menu .tec_topmenu_wrap{padding:0 2%;}
    .njob_top_area, .njob_detail_wrap{padding:0 2%;}
    .t_njob ~ .tec_renew.tech_content{min-height:60px;}
}

@media screen and (max-width: 768px) {
    .njob_index_wrap{padding:30px 0 50px;}
    /* .tec_renew.t_njob .tec_topmenu_swiper .swiper-slide{margin-right:0;} */
    .njob_tec_list{margin-top:30px;}
    .njob_tec_list > li{width:100%;padding:30px 0 0 20px;}
    .njob_tec_list > li .tec_detail{padding-right:150px;}
    .njob_tec_list > li .tec_detail ul{margin-top:25px;}
    .njob_tec_list > li .tec_profile{width:150px;flex: 0 0 150px;}

    .njob_tec_list > li .tit{font-size:20px;margin-top:16px;}
    .njob_tec_list > li .tec_detail ul li{margin-top:14px;}
    .njob_tec_list > li .tec_detail ul li .label{font-size:12px;}
    .njob_tec_list > li .tec_detail ul li .con .txt{font-size:13px;}

    .njob_top_area .top_info{flex-direction:row-reverse;}
    .njob_top_area .top_info dd .scd_list li{font-size:12px;}
    .njob_top_area .top_info dd .slogan{font-size:16px;margin-top:15px;}
    .njob_top_area .top_info dd .tec_name{font-size:11px;color:#777;margin-top:20px;}

    .njob_detail_wrap .njob_profile_area{display: block;}
    .njob_detail_wrap .njob_profile{width:100%;margin-top:20px;padding:20px;}
    .njob_detail_wrap .njob_profile:first-child{margin-top:0;}
    .njob_detail_wrap .njob_label{font-size:15px;}
    .njob_detail_wrap .njob_profile{font-size:13px;}
    .njob_detail_wrap .njob_profile ul{max-height:110px;}
    .njob_detail_wrap .njob_profile li{font-size:12px;}
    .njob_detail_wrap .tab-base{margin-top:20px;}
}

@media screen and (max-width: 576px) {
    .t_njob ~ .tec_renew.tech_content.review{padding-bottom:60px;}
}