/*common*/
.pt30{padding-top:30px;}
.mb50{margin-bottom:50px;}
.font_24{font-size:24px;}
.line_h5{line-height:1.5;}
.img_box{position:relative;overflow:hidden;}
.img_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.swiper-button-next:after,.swiper-button-prev:after{display:none;}
.swiper-button-next{background:url(../img/icons/slide_next.png) no-repeat center;right:-58px;outline:none;width:18px;height:30px;}
.swiper-button-prev{background:url(../img/icons/slide_prev.png) no-repeat center;left:-58px;outline:none;width:18px;height:30px;}
html {

      /* Prevent font scaling in landscape */

     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/

     -moz-text-size-adjust: none; /*Firefox*/

     -ms-text-size-adjust: none;  /*Ie*/

     -o-text-size-adjust: none; /*old versions of Opera*/

}
/*pagination*/
.pagination{text-align:center;min-width:290px;}
.pagination ul{display:inline-block;}
.pagination li{float:left; margin:6px;}
/*.pagination li:first-child{margin-right:30px;}*/
/*.pagination li:last-child{margin-left:30px;}*/
.pagination li a{display: block;width:30px;height:30px; padding: 7px 0; color:#ccc;line-height: 1;font-size:14px;font-weight:500;border-radius:50%;}
.pagination li a img {height: 100%;}
.pagination li a.active{color:#fff;font-weight:bold;background:#F83B56;}

/*메인*/
.index .story_wrap{overflow:visible;position:relative;margin-top:40px;}

/*주요업무안내 팝업*/
.category_pop .pop_cont{min-width:1140px;}
.category_pop .pop_cont .pop_inner{overflow:auto;}
.category_pop .pop_cont .btn_box button{min-width: auto;width: auto;padding: 0 20px;}
.sub_category_wrap>li{padding:30px 0 20px;border-bottom:1px dashed #E3E3E3;}
.category_pop .sub_category_wrap>li:last-child{border-bottom:none;}
.sub_category_wrap>li>p{max-width:138px;}
.sub_category_wrap .gray_ul{width:calc(100% - 138px);}
.sub_category_wrap .gray_ul li{background:#F5F5F5;border-radius:2px;width:calc(14.285% - 8.571px);margin-right:10px;height:60px;margin-bottom:10px;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;padding:8px;text-align:center;word-break: keep-all;}
.sub_category_wrap .gray_ul li:nth-child(7n){margin-right:0px;}

/*매칭조건작성2*/
.sub_category_wrap .gray_ul2 li{padding:0px;}
.sub_category_wrap .gray_ul2 li input + label{width: 100%;height: 100%;background: none;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;border:none;top:auto;border-radius:0;word-break: keep-all;padding: 8px;}
.sub_category_wrap .gray_ul2 li input:checked + label{background:#F83B56;color:#fff;}
.sub_category_wrap .gray_ul2 li input:checked + label:after{display:none;}
.write2 .sub_category_wrap>li:last-child{border-bottom:none;}

/*매칭조건작성4*/
.matching_write.write4 .shadow_box{padding-bottom:70px;}
.write4 .step_title{width:880px;margin-left:auto;margin-right:auto;}
.write4 .sub_category_wrap{width:880px;margin:10px auto 0;}
.write4 .sub_category_wrap>li{padding-bottom:50px;}
.write4 .sub_category_wrap .gray_ul2{width:100%;}
.write4 .sub_category_wrap .gray_ul2 li{display: inline-block;margin-bottom: 0;margin-right:10px;width: 120px;height: 42px;border-radius: 2px;overflow: hidden;}
.write4 .area_box {padding-top:52px;display:none;}
.write4 .area_box .sub_category_wrap{margin-top:20px;}
.write4 .area_box .sub_category_wrap .area_radio + label{background:url(../img/icons/area_arrow.png)no-repeat right 20px top 17px; padding-right: 8px;}
.write4 .area_box .sub_category_wrap .area_radio:checked + label{background:#F83B56 url(../img/icons/area_arrow_on.png)no-repeat right 20px top 17px;}
.write4 .area_ul{margin-top:12px;}
.area_ul li{border:1px solid #CECECE;border-radius:16px;padding:6px;display:inline-block;margin-right:10px;}
.area_ul li p{margin-top:0 !important;font-size:14px !important;color:#666666;margin-right:5px;}
.area_ul li button{width:20px;height:20px;border-radius:50%;background:#CCCCCC;}
.area_ul li button img{margin-bottom:2px;}
.write4 .area_box .select_box{margin-top:30px;}
.write4 .area_box .select_box select{width:300px;margin-top:17px;}

/*지원하기팝업*/
.apply_pop .pop_inner{overflow:auto;}
.apply_pop .border_box{padding:20px;border:1px solid #E3E3E3;border-radius:8px;margin-top:40px;}
.apply_pop .border_box ul li{color:#959595;position:relative;}
.apply_pop .border_box ul li:first-child::after{content:'';position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:2px;height:10px;background:#E3E3E3;}
.apply_pop .border_box a img{margin-left:5px;}
/*이력서 미리보기팝업*/

/** ----- 2021-03-05 HUBDNC_JHM 개발자 추천인 리스트 CSS 수정 ----- **/
.project.detail .right .matching_box .cont { padding-top: 15px !important; }
.reco_list .matching_box .logo_box h4 { line-height: 45px !important; }
.project .matching_box .logo_box { border-bottom: 0px; margin-bottom: 0px; }
.project .matching_box .other_tag { margin-top: 0px; }
.reco_list .matching_box .info_list>li + li { margin-top: 5px; }
.project_rate { width: 104px; margin: 0 0 0 24px !important;  height: 34px; background: #F83B56; border-radius: 0 0 10px 10px; color: #fff !important; font-size: 16px !important; text-align: center; padding: 6px; font-weight: 500; }
/** ----- 2021-03-05 HUBDNC_JHM 개발자 추천인 리스트 CSS 수정 ----- **/

/** ----- 2021-03-04 HUBDNC_JHM 개발자 주석 매칭 상세 팝업 노 데이터 처리 ----- **/
.apply_pop .resume_nodata { width: 100%; border-radius: 8px; padding: 30px 0 15px; }
.apply_pop .resume_nodata p { color: #333030; font-size: 16px; margin: 22px 0 25px; line-height: 1.5; }
.apply_pop .resume_nodata button { width: 128px; height: 36px; background: #3A394B; border-radius: 25px; color: #fff; line-height: 34px; }
.pop_wrap .pop_cont>.pop_close, .pop_wrap .pop_cont>.interview_pop_close, .alarm_list_wrap .pop_close { position: absolute; right: 20px; top: 20px; }
/** ----- 2021-03-04 HUBDNC_JHM 개발자 주석 매칭 상세 팝업 노 데이터 처리 ----- **/

/** ----- 2021-03-12 HUBDNC_JHM 개발자 주석 매칭 상세 팝업 노 데이터 처리 ----- **/
.project.detail .no_data p { font-size: 21px; font-weight: normal; color: #959595; line-height: 1.4; margin: 35px 0 50px; }
.project.detail .no_data { width: 256px; margin: 11vh auto 11vh; }
/** ----- 2021-03-12 HUBDNC_JHM 개발자 주석 매칭 상세 팝업 노 데이터 처리 ----- **/

/** ----- 2021-03-12 HUBDNC_JHM 개발자 주석 기업 > 매칭 관리 > 상세 > 계약 정보 > 계약서 업로드 label CSS 추가 ----- **/
.file_contract label { cursor: pointer; line-height: 46px; font-size: 17px; display: inline-block !important; text-align: center !important; margin: 0;  }
/** ----- 2021-03-12 HUBDNC_JHM 개발자 주석 기업 > 매칭 관리 > 상세 > 계약 정보 > 계약서 업로드 label CSS 추가 ----- **/

/** ----- 2021-03-16 HUBDNC_JHM 개발자 주석 개인 > 매칭 관리 > 상세 > 더보기 있을 경우 tab cont 깨짐 방지 **/
/*.matching_detail_cont_wrap .tab_cont.on:first-child { padding-bottom: 200px !important; }*/
/** ----- 2021-03-16 HUBDNC_JHM 개발자 주석 개인 > 매칭 관리 > 상세 > 더보기 있을 경우 tab cont 깨짐 방지 **/

/** ----- 2021-03-16 HUBDNC_JHM 개발자 주석 개인 > 매칭 관리 > 상세 > 기업 리뷰 no data 처리 **/
.review .no_data p { font-size: 21px; font-weight: normal; color: #959595; line-height: 1.4; margin: 35px 0 50px; }
.review .no_data { width: 256px; margin: 11vh auto 11vh; }
/** ----- 2021-03-16 HUBDNC_JHM 개발자 주석 개인 > 매칭 관리 > 상세 > 기업 리뷰 no data 처리 **/

.main_project_matching_list .no_data p { font-size: 21px; font-weight: normal; color: #959595; line-height: 1.4; margin: 35px 0 50px; }
.main_project_matching_list .no_data { width: 256px; margin: 11vh auto 11vh; }

/** ----- 2021-03-18 HUBDNC_JHM 개발자 주석 일정관리 > 로딩 처리 ----- **/
.schedule_loading {     margin: 45% 18% 45% 10%; }
.schedule_loading .dim{ width:100%; height:100%; }
.schedule_loading .icon{ position:relative; top:50%; left:50%; }
.schedule_loading .icon img{ width:50px; }
/** ----- 2021-03-18 HUBDNC_JHM 개발자 주석 일정관리 > 로딩 처리 ----- **/

/** ----- 2021-03-24 HUBDNC_JHM 개발자 주석 면접 확인/조정하기 보낸 이가 없을 때 ----- **/
.mr47 { margin-right : 47px; }
.mr57 { margin-right : 57px; }
/** ----- 2021-03-24 HUBDNC_JHM 개발자 주석 면접 확인/조정하기 보낸 이가 없을 때 ----- **/

/** ----- 2021-03-25 HUBDNC_JHM 개발자 주석 지급내역 목록 hover event ----- **/
.pay_box { width: calc(50% - 6px); border: 1px solid #DCDCDC; margin-right: 12px; margin-bottom: 20px; border-radius: 4px; transition: 0.3s; }
.pay_box:hover { transform:translateY(-4px); box-shadow: 0 3px 6px rgba(93,98,112,0.15); }
.pay_box {position: relative; }
/** ----- 2021-03-25 HUBDNC_JHM 개발자 주석 지급내역 목록 hover event ----- **/

/** ----- 2021-03-25 HUBDNC_JHM 개발자 주석 지급내역 기업명 input ----- **/
.pd40 { padding: 20px 40px 0 40px; }
/** ----- 2021-03-25 HUBDNC_JHM 개발자 주석 지급내역 기업명 input ----- **/

/** ----- 2021-03-26 HUBDNC_JHM 개발자 주석 프로젝트 상세 로딩 팝업 ----- **/
.project_detail_loading{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9;}
.project_detail_loading .dim{width:100%; height:100%; background-color:rgb(0 0 0 / 50%);}
.project_detail_loading .icon{position:absolute; top:50%; left:50%;}
.project_detail_loading .icon img{width:40px;}
/** ----- 2021-03-26 HUBDNC_JHM 개발자 주석 프로젝트 상세 로딩 팝업 ----- **/

/** ----- 2021-03-26 HUBDNC_JHM 개발자 주석 알림 노 데이터 ----- **/
.alarm_no_data p { font-size: 16px; font-weight: normal; color: #959595; line-height: 1.4; margin: 25px 0 10px; }
.alarm_no_data  { margin: 5vh auto 7vh; }
.alarm_no_data img { width: auto; height: auto; max-width: 40px; max-height: 40px; }
/** ----- 2021-03-26 HUBDNC_JHM 개발자 주석 알림 노 데이터 ----- **/

/** ----- 2021-04-01 HUBDNC_JHM 개발자 주석 매칭률 상세 안내 팝업 ----- **/
.matching_pop .matching_box { border: 1px solid #DCDCDC; margin-top: 30px; margin-right: 12px; margin-bottom: 20px; border-radius: 4px; }
.matching_pop .matching_box .matching_rate { margin-left: 24px; }
.matching_pop .matching_box .matching_score li { border-bottom: 1px dashed #E0E1E4; margin-bottom: 10px; height: 33px; color: #959595; margin-left: 25px;}
.matching_content { width: 84%; margin-top: 24px; width : 100%; }
.matching_pop .matching_pop_cont { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; width: 90%; max-width: 410px; max-height: 85vh; border-radius: 8px; padding: 20px 30px 10px; overflow: hidden; }
.matching_pop .overflow_div { height: 228px; }
.matching_pop_cont .matching_box .label_box .overflow_div .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #A7A7A7; }
.matching_pop .overflow_div .mCSB_draggerContainer .mCSB_dragger { height: 75px !important; }
.matching_pop .overflow_div .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #FFFFFF; }
/** ----- 2021-04-01 HUBDNC_JHM 개발자 주석 매칭률 상세 안내 팝업 ----- **/

/** ----- 2021-04-02 HUBDNC_JHM 매칭률 상세 안내 스켈레톤 UI **/
.skeleton-screen{
	margin: auto;
	width: 100%;
	height: 286px; 
	background-image:
		linear-gradient( 10deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 100%, rgba(255, 255, 255, 0) 286px), /* highlight */
		linear-gradient( lightgray 30px, transparent 0 ),
		linear-gradient( lightgray 20px, transparent 0 ),
		linear-gradient( lightgray 20px, transparent 0 ),
		linear-gradient( lightgray 20px, transparent 0 ),
		linear-gradient( lightgray 20px, transparent 0 );
  
	background-image:
		-webkit-linear-gradient( 10deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 100%, rgba(255, 255, 255, 0) 286px),
		-webkit-linear-gradient( lightgray 30px, transparent 0 ),
		-webkit-linear-gradient( lightgray 20px, transparent 0 ),
		-webkit-linear-gradient( lightgray 20px, transparent 0 ),
		-webkit-linear-gradient( lightgray 20px, transparent 0 ),
		-webkit-linear-gradient( lightgray 20px, transparent 0 ); 
   
	background-repeat: repeat-y;

	background-size:
		50px 200px,  /* animation */
		104px 200px, 
		300px 200px,
		300px 200px, 
		300px 200px,
		300px 200px,
		300px 200px; 

	background-position:
		0 0, 
		20px 0,		
		20px 50px,		
		20px 90px,		
		20px 130px,		
		20px 170px;
	
	opacity: 0.5;	
	animation: shine 1s infinite;
} 

@keyframes shine {
	to {
		background-position:
			100% 0, 
			20px 0,		
			20px 50px,		
			20px 90px,		
			20px 130px,		
			20px 170px;
	}
}
/** ----- 2021-04-02 HUBDNC_JHM 매칭률 상세 안내 스켈레톤 UI **/

/** ----- 2021-04-20 HUBDNC_JHM 약관관리 margin-left -로 들어가는 부분 editor 깨짐 방지 ----- **/
.tab_cont_wrap .tab_terms { margin-left : 1px; }
/** ----- 2021-04-20 HUBDNC_JHM 약관관리 margin-left -로 들어가는 부분 editor 깨짐 방지 ----- **/

/** ----- 2021-04-20 HUBDNC_JHM 하단 푸터 active 효과 ----- **/
.container .menu .ft_active { color : #F83B56; }
/** ----- 2021-04-20 HUBDNC_JHM 하단 푸터 active 효과 ----- **/

/** 2021-04-22 HUBDNC_JHM 정보광장 상세 목록 버튼 CSS 추가 **/
.story_detail .shadow_box .bottom { margin-bottom : 30px; }
.story_detail .btn_wrap button { width: 90px; height: 36px; background: #666; border-color: #666; }
/** 2021-04-22 HUBDNC_JHM 정보광장 상세 목록 버튼 CSS 추가 **/

/** 2021-04-22 HUBDNC_JHM 매칭 상세 > 기업정보 > 홈페이지 CSS 추가 **/
.matching_detail_company { text-decoration : underline; color : #0054FF; }
/** 2021-04-22 HUBDNC_JHM 매칭 상세 > 기업정보 > 홈페이지 CSS 추가 **/

/** ----- 2021-04-20 약관관리 margin-left -로 들어가는 부분 editor 깨짐 방지 ----- **/
.tab_cont_wrap .tab_terms { margin-left : 1px; }
/** ----- 2021-04-20 약관관리 margin-left -로 들어가는 부분 editor 깨짐 방지 ----- **/

/** ----- 2021-04-20 하단 푸터 active 효과 ----- **/
.container .menu .ft_active { color : #F83B56; }
/** ----- 2021-04-20 하단 푸터 active 효과 ----- **/

/** 2021-05-03 HUBDNC_JHM 희망급여 및 프로젝트 예상금액 CSS **/
.step_wage_pay { margin-right: 230px; color: #A7A7A7; font-size: 12px; padding-bottom : 5px; } 
.step_wage_calc { margin-right: 40px; color: #A7A7A7; font-size: 12px; padding-bottom: 20px; }
.step_hope_pay { margin-right: 28px; color: #A7A7A7; font-size: 12px; padding-bottom: 20px; }
/** 2021-05-03 HUBDNC_JHM 희망급여 및 프로젝트 예상금액 CSS **/

.matching.detail #company_review_list_ajax .loading{ display : block; position:relative; top:0; left:0; width:100%; height:100%; z-index:9; }
.matching.detail #company_review_list_ajax .loading .icon{ position:absolute; top:50%; left:50%;}
.matching.detail #company_review_list_ajax .loading .icon img{ width:40px;}

/** 2021-05-18 HUBDNC_JHM CSS 머지 했을 때 사라져, 지역 선택 CSS 추가 **/
.region_location { float: right; width: 60px; height: 33px; font-size: 14px; }
@media screen and (max-width: 768px) {
	.area_ul  { width: 98% !important; }
	/* MO 카카오톡 채널 버튼 */
	.kakaoChat { right: 30px !important; bottom: 95px !important;}
	.kakaoChat img {content: url("/web/img/mo_kakaotalk_inquiry.png");width:68px;height:68px;}
}

.resume_pop .pop_cont{width:800px;max-width:none;}
.resume_pop .pop_inner{overflow:auto;}
/*면접확인/조정팝업*/
.pop_wrap .slide_box{border:1px solid #E3E3E3;margin-bottom:20px;border-radius:8px;padding:12px 28px;margin-top:30px;}
.pop_wrap .slide_box>p {cursor:pointer;}
.pop_wrap .slide_box>p span{margin:0 5px;}
.pop_wrap .slide_box>p img{width:12px;margin-left:5px;opacity:0.55;transform:rotate(180deg);vertical-align: middle;}
.pop_wrap .slide_box>p.on img{opacity:1;transform:rotate(0deg);margin-bottom: 1px;}
.pop_wrap .slide_box ul{margin-top:8px;display:none;}
.pop_wrap .slide_box ul li{margin-bottom:9px;}
.pop_wrap .slide_box ul li p:nth-child(2){position:relative;margin-right:20px;}
.pop_wrap .slide_box ul li p:nth-child(2):after{position:absolute;content:'';width:10px;height:100%;right:-17px;top:2px;background:url(../img/icons/right_arrow.png)no-repeat center;}
.pop_wrap .slide_box + .gray_box{margin-top:0px;}
.interview_pop1 .gray_box{padding:20px 20px 30px;border-radius:8px;background:#F2F2F2;margin-top:30px;}
.interview_pop1 .gray_box ul{margin-top:23px;}
.interview_pop1 .gray_box ul li:first-child{margin-bottom:3px;}
.interview_pop1 .gray_box ul li span{margin-left:7px;}
.interview_pop1 .btn_box button{width:calc(33.333% - 13.333px);margin-right:20px;min-width:auto !important;}
.interview_pop1 .btn_box button:last-child, .com_interview_pop .btn_box button:last-child{margin-right:0px;}
.interview_pop2 .pop_inner, .com_interview_pop .pop_inner{margin-top:42px;}
.interview_pop2 .form_ul li .time_box, .com_interview_pop .form_ul li .time_box{line-height:50px;text-align:center;}
.interview_pop2 .form_ul li .time_box input[type="text"], .com_interview_pop .form_ul li .time_box input[type="text"]{width:calc(50% - 10px);}


.interview_pop2 .form_ul li > label { width: 15%; margin-right: 15px; line-height: 47px; margin-bottom: 0; }
.interview_pop2 .form_ul li >*:nth-child(2) {width: calc(85% - 15px);}
.interview_pop2 .form_ul li .time_box .select_wrap {width: calc(50% - 10px);}
.interview_pop2 .form_ul li .time_box .select_wrap select {width: calc(50% - 5px);}
.interview_pop2 .form_ul li .time_box span {width: 20px; margin: 15px 0; }
/*리뷰작성 팝업*/
.review_pop .star_ul{margin:30px 0 10px;}
.review_pop .star_ul li{width:30px;height:28px;background:url(../img/star.png) no-repeat center;margin-right:6px;cursor:pointer;}
.review_pop .star_ul li.on{background:url(../img/star_on.png) no-repeat center;}
.review_pop textarea{height:140px;width:100%;}
/*탈퇴하기 팝업*/
.out_pop .pop_cont{width:550px; max-width: none;}
.out_pop .pop_cont .pop_inner{padding:32px 0 30px;}
.out_pop .pop_cont .pop_inner h4{margin-top:32px;}
/*1:1문의 팝업*/
.inquiry_pop textarea{width:100%;height:300px;margin-top:30px;}
/*지역선택 팝업*/
.area_pop .pop_cont{padding-bottom:0px;width:470px;}
.area_pop .pop_title{margin-bottom:36px;}
.area_pop .area_ul{margin-bottom:20px;}
.area_pop .pop_inner{border-top:1px solid #DCDCDC;width:calc(100% + 60px);margin-left:-30px;max-height:500px;}
.area_pop .pop_inner .left{width:146px;height:500px;}
.area_pop .pop_inner>div .mCSB_inside>.mCSB_container{margin-right:0;}
.area_pop .pop_inner>div .mCS-dark.mCSB_scrollTools{width:4px;}
.area_pop .pop_inner>div .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#A7A7A7;}
.area_pop .pop_inner>div .mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#E3E3E3;}
.area_pop .pop_inner .left li input[type="checkbox"] + label{width:100%;height:100%;font-size:14px;color:#A7A7A7;padding:16px 0px;background:#F5F5F5;cursor:pointer;text-align:center;border:none;border-radius:0;}
.area_pop .pop_inner .left li input[type="checkbox"]:checked + label{color:#fff;background:#F83B56;}
.area_pop .pop_inner .right{width:calc(100% - 146px);height:500px;}
.area_pop .pop_inner .right li{width:33.333%;}
.area_pop .pop_inner .right li input[type="checkbox"] + label{width:100%;height:100%;padding:16px 0;text-align:center;border:none;border-radius:0;font-size:14px;}
.area_pop .pop_inner .right li input[type="checkbox"]:checked + label{color:#F83B56;font-weight:500;background:none;}

/*이력서 정보*/
.resume_wrap{margin-top:40px;}
.resume_wrap>h3{font-size:24px;font-weight:bold;line-height:1.5;}
.resume_wrap .profile_box{margin-top:15px;padding-top:25px;border-top:1px solid #959595;}
.resume_wrap .profile_box .profile_img{width:115px;height:147px;border-radius:4px;overflow:hidden;background:url(../img/profile_none_img.png) no-repeat center;background-size:cover;}
.resume_wrap .profile_box .txt_box{width:calc(100% - 145px);}
.resume_wrap .profile_box .txt_box>h4{font-size:22px;font-weight:500;color:#1D1D1D;margin-bottom:12px;}
.resume_wrap .profile_box .txt_box .top_ul li{position:relative;margin-right:26px;}
.resume_wrap .profile_box .txt_box .top_ul li:after{position:absolute;content:'';width:2px;height:12px;background:#CCCCCC;right:-15px;top:50%;transform:translateY(-40%);}
.resume_wrap .profile_box .txt_box .top_ul li:last-child:after{display:none;}
.resume_wrap .profile_box .txt_box .bottom_ul li{margin-bottom:12px;margin-right:45px;}
.resume_wrap .profile_box .txt_box .bottom_ul li:last-child{margin-right:0px;}
.resume_wrap .profile_box .txt_box .bottom_ul li img{margin-right:8px;}
.resume_wrap .profile_box .txt_box .bottom_ul li:last-child img{margin-bottom:-2px;}
.resume_wrap .profile_box .txt_box .bottom_ul + p img{margin-right:12px;margin-bottom:-2px;}
.resume_wrap .info_ul>li{margin-top:50px;}
.resume_wrap .info_ul>li:last-child{margin-bottom:70px;}
.resume_wrap .info_ul>li:last-child .info_box:last-child{border-bottom:none;}
.resume_wrap .info_ul>li>p{border-bottom:2px solid #464646;padding-bottom:14px;font-weight:500;}
.resume_wrap .info_ul>li .info_box{border-bottom:1px solid #E3E3E3;padding:16px 10px;}
.resume_wrap .info_ul>li .info_box .left{width:22%;}
.resume_wrap .info_ul>li .info_box .left span{display:block;font-size:14px;color:#FF9900;margin-top:10px;}
.resume_wrap .info_ul>li .info_box .right{width:78%;}
.resume_wrap .info_ul>li:first-child .info_box .right ul li:first-child{position:relative;margin-right:20px;}
.resume_wrap .info_ul>li:first-child .info_box .right ul li:first-child:after{position:absolute;content:'';width:2px;height:12px;background:#CCCCCC;right:-12px;top:50%;transform:translateY(-40%);}

/* 21.06.02 안재현 - 이력서 미리보기창 하단 앱가이드 */
.app_guide{margin-top:20px; padding:0px 130px;}
.app_guide .app_guide_text{font-size:14px; color:#a7a7a7; margin-top:8px; margin-right:10px;}
.app_guide .app_logo img{width:30px;}

/*일정관리*/
.schedule .container{padding:60px 0 70px;overflow: visible;}
.schedule .left{width:490px;background:#fff;border-radius:10px;box-shadow:#EBEBEB 0px 3px 15px;padding:44px 20px 20px;height:703px;}
.schedule .left #calendar .fc-header-toolbar{margin-bottom:30px;}
.schedule .left #calendar .fc-header-toolbar .fc-toolbar-chunk>div{display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.schedule .left #calendar .fc-header-toolbar .fc-toolbar-chunk>div button{background:#fff;border:none;color:#A7A7A7;box-shadow:none;}
.schedule .left #calendar .fc-header-toolbar .fc-toolbar-chunk>div h2{font-family: 'NanumSquareB'; font-weight: bold;margin:0 45px;font-size:24px;width:190px;text-align:center;}
.schedule .left #calendar .fc-scrollgrid {border:none;}
.schedule .left #calendar .fc-scrollgrid-section>td{border-top:none !important;}
.schedule .left #calendar .fc-col-header-cell .fc-col-header-cell-cushion {color: #A7A7A7;font-size: 14px;font-weight: 400;padding:20px 0;text-align:center;}
.schedule .left #calendar.fc th{border-width:0;}
.schedule .left #calendar.fc td{border-top:1px solid #F5F5F5;border-right:none;border-bottom:none;border-left:none;}
.schedule .left #calendar.fc td.active{background:#F6F7F8}
.schedule .left #calendar.fc .fc-daygrid-day-frame{min-height:85px;}
.schedule .left #calendar .fc-daygrid-day.fc-day-other .fc-daygrid-day-top{opacity:1;}
.schedule .left #calendar .fc-daygrid-day.fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number{width: 100%;text-align: center;color: #DCDCDC;font-size: 14px;font-weight: 400;font-family: 'NanumSquareR';}
.schedule .left #calendar .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number{width: 100%;text-align: center;color:#464646;font-size: 14px;font-weight: 400;font-family: 'NanumSquareR';}
.schedule .left #calendar.fc .fc-daygrid-day.fc-day-today{background:#FFF6F7;}
.schedule .left #calendar.fc .fc-daygrid-more-link{background: #F83B56;padding: 2px 4px;font-size: 14px;color: #fff;font-family: 'NanumSquareB';font-weight:bold;border-radius:4px;}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {margin-bottom: 0 !important; position: absolute !important; bottom: 14px;width:100%;text-align:center;}
.schedule .right{width:calc(100% - 510px);background:#F5F5F5;box-shadow:#F2F2F2 0px 3px 10px;border-radius:10px;padding:25px 20px 30px;min-height:703px;}
.schedule .right .title_wrap h4{margin-right:35px;position:relative;}
.schedule .right .title_wrap h4:after{position:absolute;content:'';width:2px;height:16px;background:#CCCCCC;right:-18px;top:44%;transform:translateY(-50%);}
.schedule .right .title_wrap p span{margin-left:17px;}
.schedule .right .nodata_box{padding-top:125px;}
.schedule .right .nodata_box p{font-size:16px;color:#A7A7A7;margin-top:22px;}
.schedule .right .cont_wrap{margin-top:20px;max-height:605px;}
.schedule .right .cont_wrap .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#A7A7A7;}
.schedule .right .cont_wrap .mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#E3E3E3;}
.schedule .right .list_ul>li{background:#fff;border-radius:10px;padding:16px 20px 10px;margin-bottom:20px;}
.schedule .right .list_ul>li .top_box{position:relative;padding-left:16px;overflow: hidden;margin-bottom:13px;}
.schedule .right .list_ul>li .top_box:after{position:absolute;content:'';width:7px;height:7px;background:#F83B56;border-radius:50%;left:0;top:50%;transform:translateY(-50%);}
.schedule .right .list_ul>li .top_box button{padding-top:4px;}
.schedule .right .list_ul>li .top_box button img{margin-left:4px;}
.schedule .right .list_ul>li .bottom_box{border-top:1px dashed #E3E3E3;}
.schedule .right .list_ul>li .bottom_box .ellipsis{margin:20px 0 26px;}
.schedule .right .list_ul>li .bottom_box .info_box {margin-top:14px;}
.schedule .right .list_ul>li .bottom_box .info_box>p{position:relative;margin-right:20px;}
.schedule .right .list_ul>li .bottom_box .info_box>p:after{position:absolute;content:'';width:1px;height:12px;background:#CCCCCC;right:-10px;top:50%;transform:translateY(-50%);}
.schedule .right .list_ul>li .bottom_box .info_box>p img{margin-right:8px;}
.schedule .right .list_ul>li .bottom_box .info_box>p span{margin-left:17px;}
.schedule .right .list_ul>li .bottom_box .info_box ul li{position:relative;margin-right:20px;}
.schedule .right .list_ul>li .bottom_box .info_box ul li:after{position:absolute;content:'';width:4px;height:4px;border-radius:50%;background:#CCCCCC;right:-12px;top:50%;transform:translateY(-50%);}
.schedule .right .list_ul>li .bottom_box .info_box ul li:last-child:after{display:none;}
.schedule .right .list_ul>li .bottom_box .label_ul{margin-top:13px;}
.schedule .right .list_ul>li .bottom_box .label_ul li{display:inline-block;background:#F2F2F2;border-radius:8px;padding:6px 8px;font-size:14px;margin-right:6px;margin-bottom:6px;}

/*스토리*/
.story .gray_box{padding:55px 0 50px;background:#F2F2F2;}
.story .gray_box .container{overflow:visible;position: relative;}
.story_slider{margin-top:20px;}
.story_slider .swiper-slide{border-radius:8px;border:1px solid #E3E3E3;overflow:hidden;}
.story_slider .swiper-slide a {width: 100%; }
.story_slider .swiper-slide .img_box{width:100%;height:207px;}
.story_slider .swiper-slide .img_box img {height: 100%; top: 49.5%; }
.story_slider .swiper-slide .txt_box{background:#fff;padding:9px 18px 20px;}
.story_cont .txt_box .category{font-weight:500;color:#F83B56;margin-bottom:5px;}
.story_cont .txt_box .ellipsis2{min-height:48px;margin-bottom:16px;}
.story_cont .txt_box .date{color:#959595;}
.story_list_wrap{padding:50px 0 70px;}
.story_list_wrap .top_box h2{margin-top:8px;}
.story_list_wrap .top_box select{min-width:120px;height:40px;background:url(../img/icons/select_arrow2.png)no-repeat right;background-size: 12px;background-position-x: calc(100% - 12px);-webkit-appearance: none;-moz-appearance: none;}
.story_list_wrap .story_list{padding-bottom:40px;}
.story_list_wrap .story_list li{width:calc(20% - 24px);margin-right:30px;margin-bottom:40px;}
.story_list_wrap .story_list li:nth-child(5n){margin-right:0px;}
.story_list_wrap .story_list li .img_box{height:162px;border-radius:8px;margin-bottom:9px;}
.story_list_wrap .story_list li.story_cont .txt_box .ellipsis2{margin-bottom:12px;}
/*스토리 디자인변경 210208*/
.story2{min-height:calc(100vh - 230px);}
.story2 .tab_box, .story2 .tab_box2{margin-top:50px;padding:0 120px;}
.story2 .tab_box ul li, .story2 .tab_box2 ul li{width:25%;font-size:17px;}
.story2 .tab_box ul li.on,  .story2 .tab_box2 ul li.on{font-weight:bold;}
.story2 .tab_cont_wrap{margin-top:50px;padding-bottom: 100px;}
.story_table{margin-top:20px;margin-bottom:60px;border-top:1px solid #3A394B;width:100%;table-layout:fixed;}
.story_table thead tr{border-bottom:1px solid #DCDCDC;}
.story_table th{font-size:15px;color:#3A394B;font-weight:500;padding:14px 5px;background:#EFEFF1;}
.story_table tbody tr{border-bottom:1px solid #F2F2F2;}
.story_table td{font-size:16px;color:#333030;padding:20px 5px;text-align:center;}
.story_table td.date{color:#959595;}
/*스토리 - 상세*/
.story_detail .shadow_box{width:880px;margin:30px auto 80px;padding:50px 40px 30px;}
/*.story_detail .shadow_box .story_cont .img_box{width:167px;height:125px;margin-right:30px;border-radius:8px;}*/
.story_detail .shadow_box .story_cont .txt_box{width:100%}
.story_detail .shadow_box .story_cont .category{margin-bottom:3px;}
.story_detail .shadow_box .story_cont .font_24{min-height:66px;margin-bottom:15px;}
.story_detail .shadow_box .bottom{border-top:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;padding:30px 0 40px;margin-top:30px;}
.story_detail .shadow_box .bottom img{max-width:100%;}
.story_detail .shadow_box .story_link{margin-top:20px;color:#CCCCCC;}
.story_detail .bottom_btn_wrap{background:#fff;border-top:1px solid #EEEEEE;}
.story_detail .bottom_btn_wrap button{display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;height:66px;}
.story_detail .bottom_btn_wrap button img{margin-right:14px;}
.story_detail .bottom_btn_wrap button span{font-size:13px;font-weight:500;color:#959595;margin-right:17px;}
.story_detail .bottom_btn_wrap button .ellipsis{width:auto;max-width:190px;font-size:14px;}
.story_detail .bottom_btn_wrap button:last-child img{margin-right:0;margin-left:14px;}
.story_detail .bottom_btn_wrap button:last-child span{margin-right:0px;margin-left:17px;}
.story_detail .shadow_box .bottom p, .story_detail .shadow_box .bottom div{line-height:1.6;}

/*마이페이지*/
.mypage{min-height:calc(100vh - 230px);padding-top:70px;}
.mypage>.container{overflow:visible;padding-bottom: 77px;}
.my_title{font-size:28px;padding:34px 0 24px;}
.my_cont .left{background:#fff;width:300px;border-radius:4px;box-shadow:rgba(93,98,112,.07) 0px 3px 10px;}
.my_cont .left ul {padding:32px 24px;}
.my_cont .left ul li{margin-bottom:23px;}
.my_cont .left ul li:last-child{margin-bottom:0px;}
.my_cont .left ul li.on a{color:#F83B56;background:url(../img/icons/mypage_arrow.png)no-repeat right center;font-weight:500;}
.my_cont .left ul li a{font-size:16px;color:#959595;width:100%;}
.my_cont .right{width:calc(100% - 320px);background:#fff;border-radius:4px;box-shadow:rgba(93,98,112,.07) 0px 3px 10px;padding:37px 40px 40px;min-height:684px;}
.my_cont .right .resume_box{border:1px solid #E3E3E3;border-radius:8px;padding:20px;}
.my_cont .right .resume_box .txt_box{width:calc(100% - 145px);}
.my_cont .right .resume_box .txt_box .yellow_txt{margin-bottom:7px;}
.my_cont .right .resume_box .txt_box ul{margin-top:18px;}
.my_cont .right .resume_box .txt_box ul li:first-child{position:relative;margin-right:20px;}
.my_cont .right .resume_box .txt_box ul li:first-child:after{position:absolute;content:'';width:2px;height:10px;background:#E3E3E3;right:-11px;top:50%;transform:translateY(-50%);}
.my_cont .right .resume_box .btn_box{width:88px;}
.my_cont .right .resume_box .btn_box button{width:88px;height:36px;}
.my_cont .right .resume_box .btn_box .btn.line{border-color:#959595;color:#959595;margin-bottom:12px;}
.my_cont .right .resume_nodata{width:100%;background:#FBFBFB;border-radius:8px;padding:170px 0 190px;}
.my_cont .right .resume_nodata p{color:#333030;font-size:16px;margin:22px 0 40px;line-height:1.5;}
.my_cont .right .resume_nodata button{width:128px;height:36px;background:#3A394B;border-radius:25px;color:#fff;line-height:34px;}
.my_cont .right .resume_nodata button img{margin-right:5px;}
.my_review .right_top>div>.gray_txt:after{background:#CCCCCC;height:10px;}
.my_review .right_top>div>div{padding-top:2px;margin-right:6px;}
.my_review .right_top>div>div img{width:15px;margin-right:2px;}
.my_review .review_list{padding-bottom:38px;}
.my_review .review_list li .top button{float:right;font-size:14px;color:#666666;}
.my_review .review_list li .top button img{margin-right:6px; margin-bottom: -2px;}



.tab_box, .tab_box2{width:100%;margin:40px auto 0;}
.tab_box ul li, .tab_box2 ul li{width:33.333%;padding-bottom:16px;border-bottom:2px solid #E3E3E3;color:#959595;font-size:18px;cursor:pointer;text-align:center;}
.tab_box ul li.on, .tab_box2 ul li.on{font-weight:500;color:#3A394B;border-color:#3A394B;}
.tab_box.tab-2 ul li, .tab_box2 ul li{width:50%;}
.tab_cont_wrap .tab_cont{display:none;}
.tab_cont_wrap .tab_cont.on{display:block;}
.tab_box2 li a{display:block;width:100%;font-size:17px;padding-bottom:16px;}
.tab_box2 ul li{padding-bottom:0;}
.story_detail h4{font-size:18px;line-height:1.6;}


/*약관*/
.terms{background:#fff;}
.terms .tab_box{width:840px;}
.terms .tab_cont_wrap .tab_cont{padding:50px 0 100px;}

/*마이페이지 이력서 수정 비활성화*/
.my_cont .right .resume_box .btn_box .btn.disabled{background-color:#c9c9c9; color:#a8a6a6; border-color:#c9c9c9; cursor:default;}

/*커스텀 Confirm창*/
.confirm_pop .pop_content{padding:30px 0px 10px 0px;}

/*노 데이터 가운데 정렬 처리 */
.alignC { text-align : center; }

/*mobile 추가 pc css*/
.index .top .link h2{margin-bottom: 29px;}
.story_list2 .img_wrap{width:120px;display:none;}
.story_list2 .img_wrap img{width:100%;}
.story_list2 .img_wrap + div{width:100%;}
.story_list2 .has_thumbnail .img_wrap + div{width:calc(100% - 140px);}
.story_list2>ul>li>ul>li a{max-width:calc(100% - 80px);}
.story_list2 .has_thumbnail .img_wrap{display:block;}
.story_list2>ul>li>ul>li{border-bottom:1px solid #F2F2F2;}
.story_list2>ul>li>ul>li:last-of-type{border-bottom:0;}
.story_list2>ul>li>ul>li.has_thumbnail .clearfix2 a{max-width:100%;width:100%;float:none;margin-top:10px;white-space:normal;display:-webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height:1.4;}
.story_list2>ul>li>ul>li.has_thumbnail p{float:none;margin-top:5px;}
.story_list2>ul>li .top .clearfix img{height:20px;margin-right:5px;}
.matching.list_page .sort_box a{margin-top:10px;}
.matching.detail .swiper-container{padding:0 2px 0 2px;}
.matching.detail .matching_list{margin-left:0;width:100%;}
.faq .faq_list li p{display:block;margin-bottom:4px;float:none;}
.faq .faq_list li a{display:block;float:none;max-width:100%;}
.alarm_list_wrap{display:none;}
.matching.project.list_page .tab_box ul li{width:50%;max-width:300px;}
.matching.project.list_page .tab_box ul{width:auto;min-width:600px;}
.resume_wrap .info_ul>li .info_box .left{width:140px;margin-right:0;}
.recommend_detail .resume_wrap .info_ul>li .info_box .right{width:calc(100% - 160px);}

/*new_story*/
.story_table li .img_wrap{height:80px;width:140px;overflow:hidden;}
.story_table li .img_wrap img{width:100%;height:auto;}
.story_table li .clearfix{margin-top:20px;width:100%;}
.story_table li.has_thumbnail .clearfix{width:calc(100% - 160px);}
.story_table li p.leftT{width:100%;color:#333030;}
.story_table p{color:#666666;margin-bottom:6px;}
.story_table p.date{color:#959595;margin-left:10px;}
.story_detail .story_cont .img_wrap{width:200px;}
.story_detail .story_cont .img_wrap img{width:100%;}
.story_detail .story_cont .none_thumbnail{width:100% !important;}
.story_detail .shadow_box .story_cont .txt_box{width:calc(100% - 220px);float:right;}
.story_table li{border-bottom:1px solid #F2F2F2;padding:10px 0;}
.story_detail .bottom p, .story_detail .bottom img{max-width:100% ! important;height: auto !important;}
.story_detail .bottom img{max-width:100% !important;height: auto !important;}


/*media query*/
.m_only, .tablet_show, .tablet_only{display:none;}
.m_title{text-align:center;font-family:'NanumSquare';font-size:16px;}
.back_header{position:relative;}
.back_header .back_btn{position:absolute;left:17px;top:21px;width:30px;}
.back_header .back_btn img{width:10px;}
.matching.list_page .sort_select{float:right;}
.matching.list_page .sort_box a{float:left;}
.index .swiper-wrapper .swiper-slide img { width : 100%; height: auto;}
.fc-h-event{width:20px !important;height:20px !important;}
.fc-h-event .fc-event-title{font-size:12px;width:20px;height:20px;}
.mypage.my_pay .btn_input input{width:calc(100% - 130px) !important;}
.resume_wrap iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
.resume_wrap .iframe_wrap{position:relative;padding-bottom:50%;height:auto;width:100%;}
.mypage.main{padding-top:55px;}
.mypage.main .top, .mypage.main .bottom{width:calc(100% + 34px);margin-left:-17px;background:#fff;}
.mypage.main .top{padding:30px 17px 20px;border-bottom:6px solid #F5F5F5;}
.mypage.main .bottom{padding:0px;min-height:calc(100vh - 224px);}
.mypage.main .top h5{font-size:20px;padding-bottom:5px;}
.mypage.main .bottom li a{display:block;width:100%;padding:15px 17px;border-bottom:1px solid #F5F5F5;}
.mypage.main .bottom li a img{height:16px;}
.matching.detail{overflow:hidden;}
.datepickers-container{z-index:99999;}
.process_img_wrap img{width:100%;}
.resume_nodata button.tablet_show{margin:0 auto;}
.mobile_footer_btn{margin:10px auto;font-size:14px;position:relative;padding-right:16px;}
.mobile_footer_btn img{height:6px;position:absolute;top:6px;right:0;transition: all 0.3s;}
.mobile_footer_btn.on img{transform:rotate(180deg);}
/*small_pc*/
.tab_terms table{max-width:100%;}

/* 21.06.02 안재현 - 메인페이지 > 앱 안내팝업 */
.m_header.app_guide_wrap{height:75px; background-color:#fff; padding: 16px 17px;}
.m_header.app_guide_wrap .btn{font-size:13px; width:95px; height:43px; background:#F83B56; border-radius:4px; color: #fff; border:none;}
.m_header.app_guide_wrap .guide_box .close{margin-top:11px;}
.m_header.app_guide_wrap .guide_box .close img{width:12px;}
.m_header.app_guide_wrap .guide_box .guide_logo{width:41px; border-radius:6px; margin-left:12px;}
.m_header.app_guide_wrap .guide_box .guide_text{font-size:13px; margin-left:10px; margin-top:5px;}

@media screen and (max-width :1200px){
	.signup.signup1 .double{width:90%;}

	/*main*/
	.index .top_banner .text_box p{font-size:22px;}
	.index .top_banner .text_box h2{font-size:44px;word-break:keep-all;}
	.index .top .process{width:calc(67% - 17px);}
	.index .top .link{margin-left:0;width:33%;}
	.index .top .link div>div{padding:27px 10px;}	
	.category_pop .pop_cont{min-width:100%;}

	/*matching_detail*/
	.matching.detail .right{width:calc(40% - 30px);}
	.matching.detail .left{margin-right:0;}
	
	/*project_detail*/
	.matching .left .step_box.process_contract>div ul>li{width:80px;height:80px;}
	.matching.detail .left .step_box>div ul>li p{font-size:16px;word-break:keep-all;}
}

/*bigger tablet*/
@media screen and (max-width :1080px){
	.datepicker--nav-title{font-size:14px;}
	/*main*/
	.index .top .process, .index .top .link{width:100%;text-align:center;}
	.index .top .link a{max-width:300px;}
	.index .top .process h2, .index .top .link h2{text-align:left;}
	.sub_category_wrap li.clearfix2 p{float:none;margin-bottom:20px;text-align:left;}
	.sub_category_wrap .gray_ul{width:100%;float:none;}
	.sub_category_wrap .gray_ul li{width:calc(20% - 4px);margin-right:5px;}
	.sub_category_wrap .gray_ul li:nth-child(7n){margin-right:5px;}
	.sub_category_wrap .gray_ul li:nth-child(5n){margin-right:0px;}

	/*matching_list*/
	.tab_box ul li, .tab_box2 ul li{font-size:17px;padding:10px 0;}
	.matching .matching_box .label_box + .cont{padding:20px 17px}

	/*matching_detail*/
	.matching.detail .right{width:330px;}
	.matching.detail .right .matching_box .cont{padding:2px 17px 20px 17px;}
	.matching.detail .left{width:calc(100% - 350px);}
	.matching.detail .slider_container{overflow:hidden;}
	.matching.detail .right .matching_box .matching_rate{margin-left:17px;}

	/*matching_write*/
	.matching_write.write1 .check_box li{width:140px;}
	.write4 .step_title, .write4 .sub_category_wrap{width:100%;}
	.write4 .sub_category_wrap li.clearfix2 p{float:left;margin-bottom:0;}

	/*schedule_list*/
	.schedule .left{width:420px;}
	.schedule .right{width:calc(100% - 430px);}

	/*story*/
	.story_detail .shadow_box{width:100%;}
	
	/*mypage*/
	.my_cont .left{width:200px;}
	.my_cont .right{width:calc(100% - 220px);padding:30px 20px;}
	.mypage .form_area .form_ul>li .input_title{width:120px;}
	.mypage .form_area .form_ul>li > div{width:calc(100% - 140px);}
	.my_pay .total_box>div{width:100%;}
	.my_pay .total_box>div p{width:96px;font-size:15px;}
	.my_pay .total_box>div h3{width:calc(100% - 106px);text-align:right;font-size:26px;}
	.my_pay .total_box>div{padding:20px 17px;}
	.my_pay .total_box>div h3 span{font-size:18px;}
	.my_pay .search_box ul>li{width:100%;}
	.my_pay .search_box{padding:20px;}
	.my_pay .total_box{padding:20px;padding-top:0;}

	/*project_detail*/
	.matching .left .step_box.process_contract>div ul>li{width:100px;height:100px;margin-right:50px;}
	.matching .left .step_box.process_contract>div ul>li:nth-of-type(3){clear:both;margin-top:10px;}
	.matching .left .step_box.process_contract>div ul>li:nth-of-type(4){margin-top:10px;}

	/*my_tax*/
	.my_tax .list_gray_table td{font-size:14px;}
	

}
/*tablet*/
@media screen and (max-width :768px){
	/*common*/
	.tablet_show{display:block;}
	.tablet_only{display:block;}
	.pc_only{display:none;}
	header + section{padding-top:60px;}
	.font_20{font-size:17px;}
	body.nav_main{padding-bottom:60px;}
	footer{display:none;}
	.index_body footer{display:block;}
	.project_hover_message{display:none !important;}
	.m_pre{white-space:pre-line;}
	.no_data{font-size:14px;text-align:center;}
	/*header*/
	header{z-index:99999;}
	.nav_main .back_header{display:none;}
	.m_header{display:none;height:55px;}
	.nav_main .m_header{display:block;}
	.m_header .alarm_menu img{height:26px;}
	.m_header .alarm_menu{margin-top:-7px;position:relative;}

	/*footer*/
	footer{height:auto;}
	footer .clearfix2>div, footer .clearfix2>a{text-align:center;float:none !important;display:block;margin:0 auto;word-break:keep-all;font-family:sans-serif;}
	footer .clearfix>p{float:none;display:inline-block;margin-right:10px;white-space:pre-line;}
	footer .address>p{display:block;}
	footer .has_right_border:after{display:none;}
	footer .clearfix2>a.blog_logo{margin:20px auto;}
	footer .menu li{margin-right:10px;}
	footer .info{display:none;margin:0 auto;width:100%;}
	footer .logos_wrap a{float:none;}
	footer .logos_wrap{display:flex;padding:10px 0 20px;}
	/*popup*/
	.pop_wrap{z-index:99999;}
	.category_pop .pop_cont{top:initial;bottom:0;left:0;transform:none;max-width:100%;min-width:100%;width:100%;}
	.pop_wrap .pop_cont{/*top:initial;bottom:0;left:0;transform:none;*/min-width:auto;max-width:98%;padding:20px 17px;}
	.out_pop .pop_cont .pop_inner{padding:0 0 20px 0;}

	/*mobile gnb*/
	.m_nav{/*height:65px;*/position:fixed;bottom:0;left:0;z-index:10;width:100%;background:#fff;border-top:2px solid #F5F5F5;padding:10px 0 16px;display:none;}
	.nav_main .m_nav{display:block;}
	.m_nav li{width:25%;text-align:center;}
	.m_nav li a{display:block;width:100%;}
	.m_nav li p{font-size:13px;color:#A7A7A7;}
	.m_nav li img{height:22px;margin-bottom:5px;}
	.m_nav li img:nth-of-type(2){display:none;}
	.m_nav li.active img:nth-of-type(2){display:inline-block;}
	.m_nav li.active img:nth-of-type(1){display:none;}
	.m_nav li.active p{color:#F83B56;word-break:keep-all;}
	
	/* 21.06.02 안재현 - 하단 nav 이미지 및 글씨색상 진하게 수정 */
	.m_nav li p{color:#929292;}

	/*login*/
	.login .container, .signup .container, .signup.complete .container{overflow:visible;}
	header{height:auto;}
	header .container{padding:20px 0;}
	.login .shadow_box, .signup .shadow_box, .signup.complete .shadow_box{max-width:inherit;padding:0 17px;width:calc(100% + 34px);margin-left:-17px;min-height:calc(100vh - 60px);border-radius:0;}
	.form_page{padding:0;padding-top:60px;}
	.login .go_signup, .login form, .signup form{max-width:400px;margin:0 auto;}
	.login .logo{text-align:center;padding:60px 0;}
	.login .go_signup{padding-top:120px;}
	
	/*signup*/
	.signup.signup1 .double{margin-top:50px;}
	.signup.signup1 .double{width:100%;}
	.signup.signup1 .shadow_box{padding:16px 15px;}
	.signup form{padding:30px 0 60px 0;}
	.form_page .has_btn_input .btn{font-size:15px;}
	.signup.complete img{margin:60px 0 20px;}
	.signup.find h3{padding:60px 0 20px;}
	.signup.signup1 .shadow_box{min-height:initial;}

	/*main*/
	.index .top_banner .text_box p{font-size:18px;/*padding-top:50px;*/}
	.index .top_banner .text_box h2{font-size:24px;line-height:inherit;}
	.index .top_banner .text_box h2 strong{line-height:25px;}
	.index .top_banner.first_slider{padding:100px 0;}
	.index .top_banner{height:290px !important;}
	.index .top_banner .text_box{position:relative;top:inherit;}
	.index .top .process ul li{width:calc(50% - 5px);margin-right:10px;margin-bottom:10px !important;}
	.index .top .process ul li:nth-of-type(3n){margin-right:10px;}
	.index .top .process ul li:nth-of-type(2n){margin-right:0;}
	.index .top .process .title p{float:none;text-align:left;}
	.index .top_banner{margin-bottom:35px;}
	.index .top .process ul, .index .story_list2{margin-top:15px;}
	.index .top .link h2{margin:50px 0 15px;}
	.index .story_wrap{margin-top:50px;}
	.index .top .link div>div{width:calc(50% - 5px);}
	.story_list2>ul>li{width:100%;margin-right:0;}
	.index .top_banner.second_slider .container{top:68px;height:70%;background: url(../img/sample/210514_main_banner_m.png) center no-repeat; background-size: contain;}
	
	/*alarm list*/
	header .alarm_list{position:fixed;bottom:0;right:0;width:100%;top:initial;z-index:999;height:80vh;}
	header .alarm_list .overflow_div{height:95%;}
	.dim_bg{z-index:9;position:fixed;top:0;left:0;width:100%;height:100%;content:'';display:block;background:rgba(0,0,0,0.6);}
	header .alarm_list ul li a{font-size:14px;}

	/*matching_list*/
	.tab_box ul li, .tab_box2 ul li{font-size:16px;}
	.matching.list_page .matching_box{width:100%;border-radius:0;border:0;border-bottom:17px solid #F5F5F5;margin-bottom:0;}
	.matching_list{width:calc(100% + 34px);margin-left:-17px;}
	.matching.list_page .matching_box .matching_rate{margin-left:17px;}
	.matching_list + .pagination{margin-top:30px;}
	.matching .matching_box .logo_box{padding:10px 0;}
	.matching.list_page .sort_box a{font-size:15px;}
	.matching.list_page .sort_box a img{height:11px;}
	.matching.list_page .sort_select, .matching.list_page .sort_box a{float:none;}
	.matching.list_page .tab_box{margin-bottom:20px;}
	.matching.list_page .sort_select{margin-bottom:30px;}
	.matching.list_page .matching_box:first-of-type{border-top:1px solid #E3E3E3;}
	.matching.list_page .sort_box select:first-of-type{width:calc(100% - 190px);}
	.matching.list_page .sort_box select:last-of-type{width:180px;float:right;}
	.matching.list_page{padding:60px 0;}

	/*matching_detail*/
	.container.matching_detail_tap {overflow:visible !important;}
	.matching.detail .right{width:100%;float:none;height:auto !important;margin-top:0;}
	.matching.detail .right .matching_box{position:static;width:calc(100% + 34px);margin-left:-17px;box-shadow:none;border-bottom:10px solid #F5F5F5;}
	.matching.detail .right .matching_box .cont{padding:2px 17px 20px 17px;}
	.matching.detail .left{width:100%;float:none;}
	.matching.detail .right .matching_box .btn_wrap{position:fixed;bottom:0;left:0;width:100%;z-index:999;background:#fff;}
	.matching.detail .right .matching_box .cont .bottom .btn_wrap.double>*{width:50%;}
	.matching.detail .right .matching_box .cont .bottom, .tab_box, .tab_box2{margin-top:10px;}
	.matching.detail .left .condition ul>li>p, .matching.detail .condition li ul li{font-size:14px !important;word-break:keep-all;}
	.matching.detail .left .condition ul>li>p:first-child{width:90px;padding-left:20px;position:relative;}
	.matching.detail .left .condition ul>li>*:nth-child(2){width:calc(100% - 110px);}
	.matching.detail .left .condition ul>li>p:first-child img{position:absolute;top:2px;left:0;}
	.matching.detail .left .condition ul .has_right_border:after{display:none;}
	.matching.detail .condition li ul li{display:block;float:none;margin-right:0;margin-top:0;}
	.matching.detail .left h3{font-size:16px;}
	.matching.detail .left h3{margin:30px 0 10px;}
	.matching.detail .pre{font-size:14px;}
	.matching .matching_box .cont h2{margin-bottom:0;}
	.matching .matching_box .major_tag{margin-top:10px;}
	.matching.detail .swiper-container{padding:0;}
	.review_list li{border:0;border-bottom:1px solid #E3E3E3;}
	.review_list li:first-of-type{border-top:1px solid #E3E3E3;}
	.review_list{width:calc(100% + 34px);margin-left:-17px;}
	.review_list li>p{font-size:14px;}
	.apply_pop .clearfix2 a{display:none;}
	.matching.detail .right .matching_box .cont .bottom .notice_box>p{font-size:14px;}
	.interview_pop1 .gray_box{padding:20px 17px;}
	.interview_pop1 .gray_box .font_16{font-size:15px;}
	.interview_pop1 .gray_box .font_18{font-size:16px;}
	.interview_pop1 .btn_box button{width:calc(33.3333% - 6px);margin-right:8px;font-size:14px;}
	.pop_wrap.confirm_project .pop_cont .btn_box .btn, .pop_wrap.refusal_project .pop_cont .btn_box .btn{min-width:auto;width:calc(50% - 5px);float:left;}
	.pop_wrap.confirm_project .pop_cont .btn_box .btn:first-of-type, .pop_wrap.refusal_project .pop_cont .btn_box .btn:first-of-type, .print_pop .pop_cont .btn:first-of-type{margin-right:10px;}
	.pop_wrap.refusal_project .pop_cont .btn_box, .pop_wrap.confirm_project .pop_cont .btn_box, .print_pop .pop_cont .btn_box{overflow:hidden;}
	.pop_wrap.confirm_project .pop_inner, .pop_wrap.refusal_project .pop_inner{padding:20px 0;}
	.pop_wrap p.point_txt{font-size:14px;}
	.print_pop .pop_cont p{font-size:14px;}
	.print_pop .pop_cont .btn{width:calc(50% - 5px);float:left;}
	.print_pop .pop_cont .font_18{font-size:16px;}
	.matching .matching_box .info_list .gray2_txt{word-break:keep-all;}

	/*write_matching*/
	.step_box ul li{width:160px;}
	.step_box ul{width:960px;}
	.step_box{overflow-x:auto;height:auto;width:calc(100% + 17px);overflow-y:hidden;}
	.matching_write.write1 .check_box li{width:calc(50% - 10px);max-width:140px;min-width:140px;margin-bottom:20px;}
	.matching_write.write1 .check_box li:nth-of-type(2n){margin-right:0;}
	.matching_write.write1 .check_box li:nth-of-type(3n){clear:both;}
	.matching_write{padding:100px 0;}
	.matching_write .shadow_box{width:calc(100% + 34px);margin-left:-17px;}
	.matching_write .step_title h3, .matching_write.write3 .work_box h4{font-size:19px;}
	.matching_write .step_title a{font-size:15px;}
	.matching_write.write3 .work_box .inner_box{padding-top:0;}
	.matching_write.write3 .work_box .period input{width:calc(50% - 5px);margin-right:10px;}
	.matching_write.write3 .work_box .period input:last-child{width:100%;margin-top:10px;}
	.matching_write.write3 .work_box .period input:nth-of-type(2){margin-right:0;}
	.matching_write .step_title p, .write5 p.font_16{font-size:15px;}
	.shadow_box .form_more_btn{font-size:15px;margin:20px auto 0;display:block;}
	.shadow_box .form_more_btn img{margin-top:0;width:22px;}
	.matching_write.write3 .work_box{width:100%;padding:30px 0;margin-left:0;}
	.matching_write.write1 .shadow_box{padding:30px;}
	.matching_write .shadow_box{padding:20px 17px;}
	.write4 .sub_category_wrap{padding-top:10px;}
	.write4 .sub_category_wrap .gray_ul2 li{width:calc(50% - 5px);float:left;margin-bottom:10px;}
	.write4 .sub_category_wrap .gray_ul2 li:nth-of-type(2n){margin-right:0;}
	.write4 .sub_category_wrap.type_li .gray_ul2 li{width:calc(33.3333% - 7px);}
	.write4 .sub_category_wrap.type_li .gray_ul2 li:nth-of-type(2n){margin-right:10px;}
	.write4 .sub_category_wrap.type_li .gray_ul2 li:nth-of-type(3n){margin-right:0px;}
	.write4 .sub_category_wrap>li, .write4 .area_box, .write4 .area_ul{overflow:hidden;clear:both;}
	.write4 .sub_category_wrap>li{padding:0px;padding-bottom:20px;}
	.matching_write.complete .shadow_box{width:100%;transform:none;height:calc(100vh - 60px);top:60px;left:0;margin:0;margin-left:0;border-radius:0;}
	.matching_write.complete .shadow_box h2{font-size:22px;word-break:keep-all;line-height:1.5;}
	.matching_write.complete .shadow_box p{word-break:keep-all;line-height:1.3}
	.matching_write.complete .btn{margin:0 auto;}

	/*schedule_list*/
	.schedule .left, .schedule .right{width:calc(100% + 34px);margin-left:-17px;float:none;height:auto;min-height:initial;}
	.schedule .container{padding:0;}
	.schedule .left{padding:10px 17px 0px 17px;}
	.schedule .left #calendar .fc-header-toolbar .fc-toolbar-chunk>div h2{font-size:17px;}
	.schedule .left #calendar.fc .fc-daygrid-day-frame{min-height:70px;}
	.schedule .left #calendar .fc-header-toolbar{margin-bottom:0px ;}
	.fc-toolbar-chunk{width:100%;}
	.schedule .right .title_wrap h4, .schedule .right .title_wrap h4 + p{font-size:16px;}
	.schedule .right .title_wrap h4{margin-right:20px;}
	.schedule .right .title_wrap h4:after{right:-10px;}
	.schedule .right .title_wrap p span{margin-left:5px;}
	.schedule .right .nodata_box{padding:60px 0;}
	.schedule .right .cont_wrap{width:calc(100% + 34px);margin-left:-17px;}
	.schedule .right .list_ul>li{width:100%;padding:16px 17px;border-bottom:6px solid #F5F5F5;}
	.schedule .right .list_ul>li:last-of-type{border-bottom:0;}
	.schedule .right .list_ul>li .bottom_box .ellipsis{margin:10px 0 15px;font-size:16px;}
	.schedule .right .list_ul>li .bottom_box .info_box>p{font-size:14px;}
	.schedule .right .list_ul>li .top_box .font_18{font-size:16px;}
	.schedule .right .list_ul>li .bottom_box .font_17{font-size:15px;}

	/*story*/
	.story2 .tab_box, .story2 .tab_box2{width:100%;padding:0;margin-top:0;}
	.story2{padding:60px 0;}
	.story2 .tab_cont_wrap{}
	.story_detail .shadow_box{width:calc(100% + 34px);margin-left:-17px;padding:20px 17px;margin-top:0;}
	.story_detail iframe, .board_detail iframe{max-width:100%;width: 100% !important;}
	.story_detail .shadow_box .story_cont .category{font-size:14px;}
	.story_detail .shadow_box .story_cont .font_24{font-size:16px;min-height:initial;}
	.story_detail .bottom_btn_wrap button .ellipsis{max-width:120px;}
	.story_detail .story_cont .img_wrap{width:120px;}
	.story_detail .shadow_box .story_cont .txt_box{width:calc(100% - 140px);}
	.story_detail .shadow_box .story_cont .font_24{margin-bottom:10px;}
	.story_detail .shadow_box .story_link{font-size:14px;}
	
	/*mypage*/
	.mypage{padding-top:60px;}
	.mypage .container{padding-bottom:0;}
	.mypage.myinfo .right_top, .mypage.my_pay .right_top{display:none;}
	.my_cont .left{display:none;}
	.my_cont .right{min-height:calc(100vh - 60px);width:calc(100% + 34px);margin-left:-17px;padding:0 17px 20px 17px;float:none;}
	.mypage .form_area .form_ul>li .input_title{font-size:15px;}
	.pop_wrap .pop_cont .btn_box button{min-width:inherit;}
	.out_pop p{font-size:14px;word-break:keep-all;}
	.out_pop p.point_txt{margin-bottom:10px;}
	.out_pop .pop_cont .pop_inner h4{font-size:16px;}
	.mypage .form_area .secession_btn{font-size:14px;}
	.mypage.resume .tablet_show{text-align:center;}
	.mypage.resume .tablet_show .icon_wrap{margin:90px auto 0;width:100px;height:100px;border-radius:50%;background:#EEEEEE;}
	.mypage.resume .tablet_show .icon_wrap img{height:42px;margin-top:32px;}
	.mypage.resume .tablet_show h5{font-size:16px;padding-top:25px;font-weight:normal;line-height:1.4;}
	.my_review .my_cont .right_top .clearfix{float:left;}
	.my_review .review_list{width:100%;margin-left:0;}
	.my_review .review_list li{background:#F9F9F9;border:1px solid #E3E3E3;}
	.my_review .review_list .top{margin-bottom:12px;}
	.my_review .review_list li h4 a{margin-bottom:2px;}
	.my_pay .total_box, .my_pay .search_box, .mypage .search_bar{padding:20px 17px;}
	.my_pay .search_box{padding-bottom:0;}
	.my_inquiry .no_data p, .project.detail .no_data p{font-size:18px;}
	.my_inquiry .no_data img, .project.detail .no_data img{width:150px;}
	.inquiry_pop textarea{margin-top:10px;}
	.mypage .tab_box ul li{max-width:inherit;}
	.my_pay .my_cont .right{padding-top:0;}
	.twitter-tweet{max-width:100% !important;}

	/*기업 mypage*/
	.mypage .tab_box{width:100%;margin-top:0;padding-top:10px;}
	.mypage.my_tax .search_bar{padding:0;}
	.my_tax .search_box ul>li{box-shadow:none;border:0;margin:0;padding:0;border-radius:0;padding:4px 17px}
	.my_tax .search_box ul>li>p:first-of-type{color:#666;width:140px;}
	.my_tax .search_box ul>li>p:nth-of-type(2){color:#333030;width:calc(100% - 160px);}
	.my_tax .search_box ul>li>p{margin-bottom:0;}
	.my_tax .search_box ul.tablet_show>li{border-bottom:1px solid #F2F2F2;padding:15px 0;}
	.my_tax .search_box ul.tablet_show .point_txt{color:#F83B56 !important;}	
	.my_tax .search_box ul.tablet_show .partner{/*border-bottom:1px solid;*/display:inline-block;width:auto;}	
	.my_tax .pagination{margin-top:20px;}
	.my_tax ul.tablet_show{border-top:12px solid #F5F5F5;width:calc(100% + 34px);margin-left:-17px;}

	/*board*/
	.notice{padding:60px 0 20px;}
	.notice .notice_list li:first-child{border-top:0;}
	.board_detail .title_area h2{font-size:16px;}
	.board_detail .title_area .date{font-size:14px;}
	.faq select{width:100%;margin-top:10px;}
	.faq, .terms{padding:60px 0 20px;}
	.faq .faq_list li p{font-size:14px;margin-bottom:4px;}
	.terms .tab_box{width:100%;}
	.terms .tab_box li{word-break:keep-all;}

	/*story*/
	.story_table li p.leftT{margin-bottom:6px;}
	.story_table p{color:#666666;margin-bottom:6px;}
	.story_table p.date{color:#959595;margin-left:10px;}
	.story_table li.has_thumbnail .clearfix{width:calc(100% - 150px);}
	.story_table{border-top:0;margin-top:0;}
	.story_table li{padding:5px 0;}
	.story2 .tab_cont_wrap{margin-top:0;}
	.story_detail .shadow_box .bottom *:not(iframe){max-width:100%;height:auto !important;}
	.story_detail .shadow_box .bottom iframe{max-width:100%;}
	/*project*/
	.matching.project.list_page .tab_box ul{width:100%;min-width:inherit;}
	.matching.project.list_page .tab_box ul li{max-width:inherit;}
	.write_matching_btn{width:60px;height:60px;font-size:0;bottom:80px;}
	.write_matching_btn img{margin-bottom:0;/*line-height:60px;*/display:inline-block;}
	
	/*project_detail*/
	.matching .step_box.process_contract ul{max-width:100%;width:auto;display:inline-block;}
	.matching.detail .left .step_box>div{text-align:center;}
	
	/*project_write*/
	.write1 .border_bottom{margin:20px auto;padding-bottom:20px;}

	/*recommend_detail*/
	.resume_wrap .profile_box .txt_box>h4{font-size:22px;}
	.resume_wrap .profile_box .txt_box{width:calc(100% - 135px);}
	.resume_wrap .top .gray_txt{font-size:14px;margin-top:5px;}
	.tab_terms table{width:100% !important;}

	/*inquiry*/
	.my_inquiry .inquiry_list>li .answer{padding:10px;}
	.my_inquiry .inquiry_list>li .answer div p, .my_inquiry .inquiry_list>li .top h4{font-size:15px;}
	.my_inquiry .inquiry_list>li .top>div .label, .my_inquiry .inquiry_list>li .top>div .date{font-size:13px;}
	.my_inquiry .right_top button{font-size:14px;}
}	

/*mobile*/
@media screen and (max-width :480px){
	.m_only{display:block;}
	.btn{font-size:15px;}
	.tablet_only{display:none;}
	/*header*/
	.m_header .alarm_menu img{height:22px;}
	
	/*signup*/
	.signup.signup1 .shadow_box{width:100%;margin-bottom:15px;}
	.signup.signup1 .double{margin-top:15px;}
	.signup1 .shadow_box h2 strong{font-size:22px;}
	.signup1 .shadow_box h2{font-size:16px;margin-bottom:15px;}
	.signup1 .shadow_box > img{width:80px;}
	.signup.find p{width:60%;margin:15px auto 60px;word-break:keep-all;}
	
	/*popup*/
	.pop_wrap .pop_cont .pop_title{font-size:16px;margin-bottom:20px;}
	.pop_wrap .pop_cont .pop_title span{display:block;margin-top:5px;margin-left:0;}
	/*.swiper-container-autoheight .swiper-slide img{max-width:100%;}*/
	/*.main_pop{display:none !important;}
	.main_pop .pop_contents{bottom:0;left:0;top:inherit;}*/
	.main_pop .pop_contents .swiper-slide img{width:100%;}


	/*main*/
	.index{padding-bottom:0;}
	.index .top .process ul li{padding:10px;}
	.index .top .process ul li a>p{font-size:14px;margin-left:6px;}
	.index .top .process ul li .num{width:38px;height:38px;}
	.index .top .link div>div{width:100%;height:auto;}
	.index .top .link div>div a{margin-top:20px;}
	.index .top .link div>div:first-child{margin-bottom:10px;}
	.sub_category_wrap .gray_ul li{width:calc(33.3333% - 5px);margin-right:5px;}
	.sub_category_wrap .gray_ul li:nth-child(5n){margin-right:5px;}
	.sub_category_wrap .gray_ul li:nth-child(3n){margin-right:0;}
	.story_list2>ul>li{margin-bottom:0;border:0;border-bottom:8px solid #F5F5F5;}
	.index .story_list2{width:calc(100% + 34px);margin-left:-17px;}
	
	/*matching_list*/
	.tab_box ul li, .tab_box2 ul li{font-size:15px;}
	.matching .matching_box .logo_box h4, .matching .matching_box .cont h2{font-size:16px;}
	.matching .matching_box .info_list>li p:first-child, .matching .matching_box .info_list>li>div>ul>li{font-size:14px;}
	.major_tag span, .matching .matching_box .matching_label{font-size:13px;}
	.matching .matching_box .matching_label{top:10px;}
	.matching.list_page .sort_box select:first-of-type{width:180px;}
	.matching.list_page .sort_box select:last-of-type{width:calc(100% - 190px);}
	.matching .matching_box .info_list li > p, .matching .matching_box .info_list li div{width:100%;float:none;}
	.matching .matching_box .info_list li div, .matching .matching_box .info_list li > p + p{margin-top:5px;}
	.matching.detail .left .condition ul>li>p img{height:16px;}
	.apply_pop .clearfix2 a, .apply_pop .clearfix2 ul{float:none;margin-top:10px;}
	.apply_pop .border_box ul li{font-size:14px;}
	.apply_pop .clearfix2 ul{margin-top:5px;}
	.apply_pop .clearfix2 {margin-top:0;}
	.pop_wrap .pop_cont .pop_title + p{font-size:14px;}
	.apply_pop .border_box{margin-top:20px;}

	/*matching_write*/
	.matching_write.write1 .check_box li{max-width:initial;min-width:initial;}
	.matching_write.write1 .check_box li:nth-of-type(3n){float:left;}
	.matching_write.write1 .check_box{width:100%;}
	.matching_write .step_title h3, .matching_write.write3 .work_box h4{font-size:17px;}
	.sub_category_wrap .gray_ul2 li input + label{font-size:14px;}
	.matching_write.write3 .work_box h4{margin-bottom:10px;}
	.matching_write .btn_wrap .btn{float:left;margin-right:10px;width:calc(50% - 5px);}
	.matching_write .btn_wrap button + button.btn{margin:0;margin-right:0;}
	.matching_write.write1 .btn_wrap .btn{float:none;width:180px;}
	.area_ul li{margin-right:4px;}
	.write4 .area_box .select_box select, .write5 select{width:100%;}
	.area_pop .pop_inner .left{width:120px;}
	.area_pop .pop_inner .right{width:calc(100% - 133px);}
	.matching_write.complete .shadow_box h2{font-size:19px;}
	.write4 .sub_category_wrap .gray_ul li:nth-child(3n){margin-right:10px;}

	/*schedule_list*/
	.schedule .right .list_ul>li .bottom_box .info_box>p{float:none;width:100%;}
	.schedule .info_box ul.clearfix{margin-top:6px;}
	.schedule .right .list_ul>li .bottom_box .info_box>p:after{display:none;}
	.story_detail .bottom_btn_wrap button .ellipsis{display:none;}
	.story_detail .shadow_box .bottom{padding:20px 0;margin-top:20px;}
	
	/*mypage*/
	.mypage .form_area .form_ul>li .input_title, .mypage .form_area .form_ul>li > div{width:100%;float:none;}
	.mypage .form_area .form_ul>li .input_title{font-size:14px;}
	.my_pay .search_box ul>li .bottom p{font-size:14px;}
	.my_pay .search_box ul>li a{margin-bottom:0;}
	.my_pay .search_box ul>li .top{margin-bottom:4px;}
	.my_pay .search_box ul>li .top p.date{margin-top:2px;}
	.my_inquiry .no_data p, .project.detail .no_data p{font-size:16px;}
	.my_inquiry .no_data img, .project.detail .no_data img{width:120px;}
	.terms .tab_box li{white-space:pre-line;}
	
	/*story*/
	.story_table p{font-size:14px;}
	.story_table li .img_wrap{width:100px;}
	.story_table li.has_thumbnail .clearfix{width:calc(100% - 110px);}
	.story2 .tab_box ul li, .story2 .tab_box2 ul li{font-size:15px;}
	/*project*/
	.matching .step_box.process_contract ul{width:100%;}
	.matching.project.list_page .sort_box select:last-of-type{width:100%;}
	.matching .left .step_box.process_contract>div ul>li:nth-of-type(3){clear:both;margin-top:10px;}
	.matching .left .step_box.process_contract>div ul>li:nth-of-type(4){margin-top:10px;}
	.matching .left .step_box.process_contract>div ul>li{width:70px;height:70px;}

	/*project_write*/
	.write1 .border_bottom{width:100%;}

	/*my_tax*/
	.my_tax .search_box .search_bar button{width:80px;margin-left:10px;height:40px;}
	.my_tax .search_bar .clearfix2 .clearfix{width:calc(100% - 90px);}
	.my_tax .search_box .search_bar input{width:calc(50% - 13px) !important;padding:10px;height:40px;}
	.my_tax .search_box ul>li>p:first-of-type{font-size:14px;width:100px;}
	.my_tax .search_box ul>li>p:nth-of-type(2){font-size:15px;width:calc(100% - 120px);}

	/*recommend_detail*/
	.resume_wrap .profile_box .txt_box>h4{font-size:18px;}
	.resume_wrap .profile_box .txt_box>.clearfix.mb20{margin-bottom:10px;}
	.resume_wrap .profile_box .txt_box .top_ul li, .resume_wrap .profile_box .txt_box .bottom_ul li, .resume_wrap .profile_box .txt_box p{font-size:14px;margin-bottom:5px;}
	.resume_wrap .profile_box .txt_box .bottom_ul + p img{margin-right:8px;}
	.resume_wrap{margin-top:20px;}

	
}

/* 21.06.02 안재현 - 메인페이지 > 앱 안내팝업 */
@media screen and (max-width :350px){
	.m_header.app_guide_wrap{padding: 17px 17px;}
	.m_header.app_guide_wrap .btn{width:84px; height:40px;}
	.m_header.app_guide_wrap .guide_box .close{margin-top:9px;}
	.m_header.app_guide_wrap .guide_box .guide_logo{width:36px;}
	.m_header.app_guide_wrap .guide_box .guide_text{font-size:12px;}
}

/** 21.06.17 HUBDNC_JHM - 매칭 상세 > 주요 경력 안내팝업 */
.career_pop .condition { border-bottom: 1px dashed #E0E1E4; padding-bottom: 20px; width: 100%; }
.career_pop .label_box:nth-child(2) { float:left; margin-top: 20px; }
.matching_category_major { cursor: pointer; }

/* PC 카카오톡 채널 버튼 위치 */
.kakaoChat { position: fixed; z-index: 999; right: 50px; /* 화면 오른쪽으로부터의 거리, 숫자만 입력 */ bottom: 50px; /* 화면 아래쪽으로부터의 거리, 숫자만 입력 */ }

/* 0831 이정희 작업 :: 마케팅수신동의팝업 */
.marketing_pop {display: none;}
.marketing_pop.on {display: block;}
.marketing_pop .pop_cont {padding: 45px 30px 25px; width: 266px; position: relative; overflow: initial;}
.marketing_pop .marketing_circle {width: 55px; height: 55px; position: absolute; left: 50%; top: -20px; transform: translateX(-50%);}
.marketing_pop .marketing_circle img {width: 100%; height: 100%;}
.marketing_pop .info_type {width: max-content; margin: auto; padding-left: 19px;}
.marketing_pop .info_type li {margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #2E2C2C;}
.marketing_pop .info_type li i {width: 9px; height: 20px; line-height: 20px; margin-right: 6px;}
.marketing_pop .info_type li:nth-of-type(1) {margin-bottom: 15px; font-size: 16px; color: #F83B56}
.marketing_pop .pop_inner:nth-of-type(2) {padding: 15px 0 20px; border-top: 1px dashed #DBDBDB; margin-top: 15px; text-align: center;}
.marketing_pop .pop_cont .btn_box button {min-width: auto; width: 100%;}
.marketing_pop .txt_next {text-align: center; font-size: 12px; color: #CCCCCC; margin-top: 14px; cursor: pointer; text-decoration: underline;}

.marketing_pop .merketing_company{display:none;}
.marketing_pop .merketing_member{display:none;}
.marketing_pop.on.member .merketing_company{display:block;}
.marketing_pop.on.company .merketing_member{display:block;}


/* 0901 이정희 작업 :: 마케팅수신동의팝업 */
@media screen and (max-width: 750px) {
	/*모바일 환경일때 필요하나, 다른 페이지의 상황을 몰라 우선 주석처리해두겠습니다.*/
	/*body {min-width: auto; width: 100%;}*/
	.marketing_pop .pop_cont {width: calc(100% - 80px); max-width: 295px;}
}

/** 220715 메인 프로젝트 리스트 - 추가 사항 건 */
.combobox_style{border: 1px solid rgb(225, 227, 232);width:155px;border-radius: 5px;font-weight: 500;color: rgb(51, 51, 51);height: 40px;line-height: 40px;padding-left: 16px;user-select: none;position: relative;padding-right: 16px;cursor: pointer;}
.label_container{white-space: nowrap;flex-wrap: nowrap;height: 100%;}
.selected_value{padding-left: 8px;color: #F83B56;}
.label_container span {line-height: 35px;text-align: center;}
.filters {display: flex;}
.filters > li:not(:last-child) {margin-right: 10px;}
.option_list{display: none;}
.option_style{position: fixed;top: 265px;width: 122px;z-index: 999;}
.con_area{box-shadow: rgb(0 0 0 / 5%) 0px 6px 10px 0px;border: 1px solid rgb(225, 227, 232);border-radius: 5px;background-color: white;}
.con_area > li {padding: 0px 16px;height: 40px;line-height: 40px;white-space: nowrap;flex-wrap: nowrap;cursor: pointer;font-size: 14px;}
.con_area > li:hover {background-color: #F2F2F2;color: #3A394B;}
.con_area > li.selected {background-color: #F83B56;color: #fff;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;}
.major_search_pop .pop_cont .pop_inner {overflow: auto;}
.major_ul{display: flex;}
.major_ul li{flex: 1 1 0%;}
#select_major_type li:hover{border: 1px solid #F83B56;}
.field_skill_count{position: absolute;right: -8px;top: -8px;background-color: #F83B56;border-radius: 50px;color: white;font-weight: bold;font-size: 12px;line-height: 22px;height: 22px;min-width: 22px;text-align: center;}
.label_process.doing_process{border: 1px solid #FF9900;background: #FFF6E8;color: #F90;}
.label_process.done_process{border: 1px solid #666666;background: #fff;color: #666;}
.label_process{position: absolute;display: inline-block;background: #fff;min-width: 50px;height: 30px;color: #666;border: 1px solid #666666;border-radius: 14px;text-align: center;line-height: 27px;padding: 0 20px;}
@media screen and (max-width: 768px) {.option_style{top:205px;}.sub_category_wrap li.clearfix2 p {float: left;margin-bottom:unset;} }
@media screen and (max-width: 750px) {.marketing_pop .pop_cont {width: calc(100% - 80px); max-width: 295px;}  }
@media screen and (max-width: 410px) {.filters{display:unset!important;}.combobox_style:last-child{margin-top:10px;}.option_style{top: 265px;}  }