input[type="checkbox"] + label{width:24px;height:24px;border-radius:2px;background:#fff; display:block; cursor:pointer; border: 1px solid #DCDCDC;}
input[type="checkbox"]:checked + label{background:#fff url(../img/icons/check.png)no-repeat center;  border: 1px solid #F83B56;}
input[type="radio"] + label{width:25px;height:25px;border:1px solid #CCCCCC;border-radius:50%;position:relative; cursor:pointer; display: inline-block; top: 8px;}
input[type="radio"] + label:after{content:'';position:absolute;width:11px;height:11px;background:#F83B56;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%); display:none;}
input[type="radio"] + label + label{padding-left:10px; display: inline-block; cursor:pointer; color: #666; }
input[type="radio"]:checked + label {border: 1px solid #F83B56;}
input[type="radio"]:checked + label:after{display:block;}
.radio_ul li {position: relative; margin-right: 30px; height: 50px;}
.radio_ul li input[type="radio"] + label { top: 50%;    transform: translateY(-50%); }
.radio_ul li input[type="radio"] + label + label {vertical-align: middle; margin-top: 8px;}
/*.tab_btn {display: inline-block; border-bottom: 1px solid #E3E3E3;}*/
/*.tab_btn li {position: relative; width: 300px; color: #959595; font-size: 20px; text-align: center; padding-bottom: 16px; cursor: pointer;}*/
/*.tab_btn li.active {color: #3A394B; font-weight: 500; }*/
/*.tab_btn li.active:after {position: absolute; content:''; width: 100%; height: 2px; background: #3A394B; left: 0; bottom: 0; }*/
/*-------------------------------------------- 
|   form_page                                                           |
---------------------------------------------*/
.form_page {/*padding-top: 80px;*/ padding:150px 0;}
.form_ul>li {position: relative; margin-bottom: 40px;}
.form_ul>li label {display: inline-block; margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #666; }
.form_ul>li label.hidden {display: none;}
.form_ul>li input[type="text"], .form_ul li input[type="password"] {width: 100%; }
.form_ul>li input.error_input {border: 1px solid #F83B56;}
.form_ul>li .hidden_notice {position: absolute; width: 100%; left: 0; bottom: -22px; color: #F83B56; font-size: 13px; transition: .3s;}
.form_ul.form_ul2 li label {margin-bottom: 0;}	
.other_link {font-size: 14px; color: #666; }
.form_btn .btn {width: 100%; height: 50px; }
.form_btn .btn + button {margin-top: 10px;}
.btn.kakao {background: #FEE000; color: #312027; border: 1px solid #FEE000; }
.btn.kakao img {vertical-align: middle;}
.btn.apple {background: #000; border: 1px solid #000; } 
.btn.apple img {vertical-align: middle;}
.shadow_box .form_more_btn { font-size: 16px; font-weight: 500; color: #F83B56; margin-top: 30px;}
.shadow_box .form_more_btn img {width: 26px; margin-right: 7px; vertical-align: top; margin-top: -3px;}
.shadow_box .form_more_btn.delete {color: #666; }
/*로그인---------------------------------*/
.login h2 { font-size: 24px; margin-bottom: 60px; }
.login .shadow_box {max-width: 500px; margin: auto;width:100%;}
.login .form_ul li {margin-bottom: 10px;}
.login .other_link {margin-bottom: 40px;}
.login .go_signup {border-top: 1px dashed #E3E3E3; padding-top: 25px; margin-top: 40px;}
.login .go_signup p {font-size: 15px; color: #666; margin-bottom: 15px;}
.login .go_signup a {font-size: 16px; font-weight: 500; color: #F83B56; text-decoration: underline;}

/*회원가입--------------------------------*/
.signup .shadow_box {width: 500px; margin: auto;}
.signup.signup1 .double {width: 61%; margin: auto;}
.signup.signup1 .shadow_box {width: calc(50% - 10px); margin: auto;}
.signup1 .shadow_box h2 {font-size: 18px; color: #464646; font-weight: normal; margin-bottom: 25px;  letter-spacing: 0.2px;}
.signup1 .shadow_box h2 strong {color: #F83B56; font-weight: bold; font-size: 24px; }
.signup1 .shadow_box>p {font-size: 16px; margin: 20px 0; line-height: 1.5; letter-spacing: 0.2px;}
/*개인회원가입*/
.agree_ul {margin: 60px 0 20px; }
.agree_ul li {margin-bottom: 10px;}
.agree_ul li > div:first-child {width: calc(100% - 24px);}
.agree_ul li > div:first-child > label { font-size: 14px; color: #666; text-decoration: underline; line-height: 24px;}
.agree_ul li > div:first-child > a {font-size: 14px; color: #A7A7A7; line-height: 24px; margin-left: 5px;}
/*회원가입완료*/
.signup.complete img {margin: 20px 0;}
.signup.complete h3 {font-size: 18px; color: #666; font-weight: normal; }
.signup.complete h3 strong {font-weight: bold; color: #1D1D1D;}
.signup.complete p {color: #666; font-size: 16px; margin: 10px 0 60px;}
.signup.complete p span {font-weight: 500; color: #464646; }
/*비밀번호 찾기*/
.signup.find .form_ul li {margin-bottom: 0; }
.signup.find h3 {font-size: 20px;}
.signup.find p {color: #464646; margin: 15px 0 60px;}
.signup.find .btn_wrap {margin: 20px 0 10px; }



/*--------------------------------------------
|   메인                                                                      |
---------------------------------------------*/
.index {/*padding: 110px 0 70px; */}

/*메인배너*/
.index  {overflow-x:hidden;}
.index .main_banner_swiper{position:relative;}
.index .main_banner_swiper .swiper-pagination{bottom:70px;}
/*.index .top_banner {margin-bottom: 55px;!* margin-top: -165px; *!width: 100%; height: 592px; }*/
.index .top_banner {margin-bottom: 55px;/* margin-top: -165px; */width: 100%; height: 455px; }
.index .top_banner.first_slider {position: relative; background: url(../img/main_banner2.jpg) center no-repeat; background-size: cover; margin-bottom: 55px;/* margin-top: -165px; */}
.index .top_banner.second_slider{background: url(../img/sample/210514_bg_background.jpg) center no-repeat; background-size: cover;}
.index .top_banner.second_slider .container{z-index:1;top:0;background: url(../img/sample/210514_main_banner_pc.png) center no-repeat; background-size: contain;}
.index .top_banner.new_slider {background-color:#F9F9F9;}
.index .top_banner.new_slider .container {max-width:1200px; margin:0 auto; position:relative;}
.index .swiper-wrapper .swiper-slide.new_slider h2 {font-family:"ELAND Choice", "NotoSansKR", sans-serif; font-size:46px; color:#1D1D1D; line-height:66px; margin-top:0;}
.index .swiper-wrapper .swiper-slide.new_slider .red_t {font-weight:bold; color:#F83B56; font-family:"ELAND Choice", "NotoSansKR", sans-serif;}
.index .swiper-wrapper .swiper-slide.new_slider .bold {font-weight:bold; font-family:"ELAND Choice", "NotoSansKR", sans-serif;}
.index .swiper-wrapper .swiper-slide.new_slider .mini {font-size:19px; line-height:42px; color:#666666; display:block;}
.index .swiper-wrapper .swiper-slide.new_slider h2 + p {font-size:23px; font-weight:500; line-height:38px; margin-top:40px; color:#464646; padding-top:0;}
/*.index .swiper-wrapper .swiper-slide.new_slider button {width:200px; height:60px; border-radius:33px; font-size:21px; margin-top:40px;}*/
.index .swiper-wrapper .swiper-slide.new_slider button {width:200px; height:60px; border-radius:33px; font-size:21px;position: absolute;right: 100px;border: 0;top: 230px;z-index: 99;}
.index .swiper-wrapper .swiper-slide.new_slider .img {position:absolute; bottom:0; right:-100px;}
.index .swiper-wrapper .swiper-slide.new_slider .img img {width:auto;}
.index .swiper-wrapper .swiper-slide.new_slider .img.img2 {right:-175px;}
.index .top_banner.first_slider:after {position: absolute; content:''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(42,42,42,0.7);}
.index .top_banner .container {position: relative; height: 100%; }
.index .top_banner .text_box {position: absolute; z-index: 1; top: 165px; left: 0;}
.index .top_banner .text_box p {font-size: 24px; line-height: 1.7; color: #fff; padding-top: 28px; }
.index .top_banner .text_box h2 {font-size: 48px; font-weight: 400; color: #fff; margin-top: 40px; line-height: 53px; }
.index .top_banner .text_box h2 strong {font-weight: bold; vertical-align: text-bottom; }
.index .top_banner img{width:100%;height:100%;}

@media screen and (max-width:1024px) {
.index .swiper-wrapper .swiper-slide.new_slider .mini {font-size:16px;}
	.index .swiper-wrapper .swiper-slide.new_slider h2 {font-size:38px; line-height:36px;}
	.index .swiper-wrapper .swiper-slide.new_slider h2 + p {font-size:20px; line-height:30px;}
	.index .swiper-wrapper .swiper-slide.new_slider .img {right:-150px;}
}

@media screen and (max-width:768px) {
	.index .swiper-wrapper .swiper-slide.new_slider .mini {display:none;}
	.index .swiper-wrapper .swiper-slide.new_slider h2 {font-size:25px;}
	.index .swiper-wrapper .swiper-slide.new_slider .bold {display: inline-block; width: 100%;}
	.index .swiper-wrapper .swiper-slide.new_slider h2 + p {font-size:15px; line-height:23px; margin-top:17px;}
	.index .swiper-wrapper .swiper-slide.new_slider button {width:127px; height:41px; font-size:15px; top:220px;left: 0}

	.index .swiper-wrapper .swiper-slide.new_slider .img, .index .swiper-wrapper .swiper-slide.new_slider .img.img2 {right:-17px; max-width:320px;}
	.index .swiper-wrapper .swiper-slide.new_slider .img img {width:100%;}
	.matching .matching_box .main_matching_label.process, .matching .matching_box .main_matching_label.done {right: 88px;}
}

/*진행프로세스*/
.index .top {margin-bottom: 55px;}
.index .top .link {width: 32%; margin-left: 30px; }
.index .top .process {width: calc(68% - 30px); position: relative; }
.index .top .link div>div {width: calc(50% - 10px); height: 184px; padding: 27px 20px;  }
.index .top .link div>div h3 {font-size: 16px; color: #333030; line-height: 1.5;}
.index .top .link div>div h3 strong {font-size: 18px; }
.index .top .link div>div h3 strong  span {font-size: 18px; }
.index .top .link div>div a {width: 100%; height: 40px; color: #fff; border-radius: 4px; line-height: 40px; font-size: 14px; margin-top: 47px; text-align: center; }
.index .top .link div>div:first-child {background: #FFF7E6; border-radius: 10px 10px 0 10px; }
.index .top .link div>div:first-child img{width: 125px; margin-top: 50px; }  
.index .top .link div>div:first-child h3 strong {color: #F90; }
.index .top .link div>div:first-child a { background: #F90; }
.index .top .link div>div:last-child {background: #FFEEEE; border-radius: 10px 10px 10px 0; } 
.index .top .link div>div:last-child h3 strong {color: #F83B56; }
.index .top .link div>div:last-child img {width: 110px; margin-top: 40px;  margin-left: 30px;} 
.index .top .link div>div:last-child a {background: #F83B56;}
.index .top .process .title a img {width: 12px;}
.index .top .process ul {margin-top: 28px; }
.index .top .process ul li {position: relative; width: calc(33.33% - 13.333px); margin-right: 20px; border: 1px solid #F2F2F2; border-radius: 8px; padding: 14px 12px;  transition: border-color 1s ease; }
.index .top .process .tooltip_box:hover .tooltip {opacity: 1; top: -78px;}
.index .top .process .tooltip {position: absolute; width: 298px; height: 63px; border-radius: 8px; background: #E9E9E9; padding: 12px 2px; top: -88px; left: -30px; opacity: 0; transition:0.2s;}
.index .top .process .tooltip:after {position: absolute; content:'';	 width: 18px; height: 14px; background: url(../img/icons/tootip_icon.png) center no-repeat; background-size: 18px; left: 50%; transform:translateX(-50%); bottom: -12px; }
.index .top .process .tooltip p {font-size: 13px; color: #2E2C2C; line-height: 1.3; text-align: center; }
.index .top .process .tooltip p span {font-weight: bold; }
.index .top .process ul li .pop_show_btn {position: absolute; left: 65px; bottom: 16px; width: 76px; font-size: 12px;  color: #F83B56;  text-decoration: underline;}
.index .top .process ul li .pop_show_btn img {vertical-align: middle;    margin-left: 4px;    margin-top: -1px;}
.index .top .process ul li:nth-child(2)>a>p {line-height: 20px; }
.index .top .process ul li:nth-child(3n) {margin-right: 0; }
.index .top .process ul li:nth-child(n+3) {margin-bottom: 20px;}
.index .top .process ul li:hover {border: 1px solid #F83B56;  box-shadow:0 3px 6px rgba(93,98,112,0.15);  }
.index .top .process ul li:hover .num {background: #F83B56; color: #fff; }
.index .top .process ul li:hover a>p {color: #F83B56; }
.index .top .process ul li a {display: block; }
.index .top .process ul li a>p {color: #333030; margin-left: 12px; line-height: 40px;}
.index .top .process ul li .num {width: 40px; height: 40px; border-radius: 10px 10px 0 10px; background: #F2F2F2; text-align: center; color: #3A394B; font-weight: bold; padding-top: 11px;}
/*장점*/
.index .benefits {margin: 55px 0 50px; padding-bottom: 10px;}
.index .benefits h2 {margin-bottom: 10px; }
.index .benefits ul li {position: relative; width: calc(33.333% - 20px); margin-right: 30px; padding: 28px; border-radius: 8px; }
.index .benefits ul li:first-child  {box-shadow:0 3px 10px rgba(230,224,225,0.55); }
.index .benefits ul li:last-child {margin-right: 0;} 
.index .benefits ul li p {text-align: center;  font-size: 16px; color: #2E2C2C; margin-left: 8%; margin-top: 17px; line-height: 1.4; }
.index .benefits ul li p strong {font-size: 18px; font-weight: 500; }
.index .benefits ul li:first-child p {margin-top: 6px; }
.index .benefits ul li .pop_show_btn {position: absolute; right: -8px; top: -8px; width: 32px; height: 32px; border-radius: 50%; background: #fff; box-shadow:0 0 3px #DCDCDC;}
.index .benefits ul li .pop_show_btn img {  vertical-align: top; }
/*중간배너*/
.index .main_banner {width: 100%; height: 146px; background: #F83B56 url(../img/main_banner_bg.png) center no-repeat; background-size: cover; padding: 26px;}
.index .main_banner div>div img {margin-right: 42px; }
.index .main_banner div>div h3 {font-size: 20px; color: #fff; line-height: 1.4; margin-top: 20px; margin-right: 88px;} 
.index .main_banner ul {width: calc(100% - 37%); margin-top: 14px;}
.index .main_banner ul li {width: 33.333%;}
.index .main_banner ul li>div {display: inline-block;}
.index .main_banner ul li h3 {text-align: left; font-size: 30px; color: #fff;  font-weight: bold; margin-bottom: 10px;}
.index .main_banner ul li p {text-align: left; font-size: 16px; color: #fff; }

/*210208 스토리 디자인변경*/

.index .story_list2 {margin-top: 25px; }
.story_list2>ul>li {width: calc(50% - 15px); margin-bottom: 30px; margin-right: 30px; border-radius: 4px; border: 1px solid #E3E3E3;}
.story_list2>ul>li:nth-child(2n) {margin-right: 0; } 
.story_list2>ul>li .top {/* background: #EDEDEF; */padding: 12px 18px; margin-bottom: 0;border-bottom:1px solid #F2F2F2;}
.story_list2>ul>li .top h3 {font-size: 16px; font-weight: 500; color: #3A394B; }
.story_list2>ul>li .top a {font-size: 14px; font-weight: 500; color: #464646; }
.story_list2>ul>li>ul { padding: 12px 18px 0 18px;  }
.story_list2>ul>li>ul>li {padding: 12px 0; }
.story_list2>ul>li>ul>li:last-child {margin-bottom: 0; }
.story_list2>ul>li>ul>li a {position: relative; /*max-width: calc(100% - 100px);*/ font-size: 15px; color: #333030;/* padding-left: 10px;*/ overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
/*.story_list2>ul>li>ul>li a:after {position: absolute; content:'·'; font-size: 15px; left: 0; }*/
.story_list2>ul>li>ul>li a:hover {text-decoration: underline; }
.story_list2>ul>li>ul>li p {font-size: 14px; color: #959595; }

/*--------------------------------------------
|   이력서 작성                                                           |
---------------------------------------------*/
.form_page.resume {/*padding-top: 55px;*/padding:135px 0 80px;}
.resume .form_area { width: 63%; padding-bottom: 15px; }
.resume .side_area {position: relative; width: calc(37% - 40px); height: 100%;}

.resume .form_area h2 {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.resume .form_area h2.mb10 {margin-bottom: 10px;}
.resume .form_area h2 + p {margin-bottom: 20px; }
.resume .form_area .shadow_box {width: 100%; margin-bottom: 55px;}
.resume .form_area .shadow_box .more_box {border-top: 1px dashed #DCDCDC; margin-top: 40px; padding-top: 40px;}
.resume .form_area .shadow_box .more_box:first-of-type {border-top: 0; margin: 0; padding-top: 0; }
.resume .form_area .shadow_box .form_ul>li {margin-bottom: 30px; }
.resume .form_area .shadow_box .form_ul>li:last-child {margin-bottom: 0;}
.resume .form_area .shadow_box .form_ul>li .input_title {width: calc(20% - 10px); font-size: 16px; line-height: 46px; color: #464646;}
.resume .form_area .shadow_box .form_ul>li > div {width: 60%;}
.resume .form_area .shadow_box .form_ul>li > div.full_w {width: 80%;}
.resume .form_area .shadow_box .form_ul>li > div.double input {width: calc(50% - 6px) !important;}
.resume .form_area .shadow_box .form_ul>li > div input {margin-bottom: 10px;}
.resume .form_area .shadow_box .form_ul>li > div input:last-child {margin-bottom: 0;}
.resume .side_area .fixed_box {position: absolute; top: 45px; width: 100%; background: #fff; box-shadow: 0 3px 15px rgba(142,142,142,0.14); border-radius: 10px; padding: 30px;}
.resume .side_area .fixed_box h2 {font-size: 18px; font-weight: bold; }
.resume .side_area .fixed_box ul {border-top: 1px solid #CCCCCC; margin: 10px 0 30px; padding-top: 20px; }
.resume .side_area .fixed_box ul li {margin-bottom: 15px;}
.resume .side_area .fixed_box ul li a {width: 100%;cursor:pointer;}
.resume .side_area .fixed_box ul li p:first-child {max-width: 80%;}
.resume .side_area .fixed_box ul li p:last-child {color: #DCDCDC; }
.resume .side_area .fixed_box ul li p.complete {color: #F83B56; }

/*파일업로드 - 이미지 프리뷰*/
.file_up_wrap {position: relative; width:91px !important; height: 117px;}
.file_up_wrap input {display: none;}
.file_up_wrap input + label {position: absolute; width:100%; height: 100%; border-radius: 4px; overflow: hidden; background: #fff url(../img/photo_upload.png) center no-repeat; background-size: cover; cursor: pointer; z-index: 5;}
.file_up_wrap .delete_profile {z-index: 7; width: 24px; height: 24px; position: absolute; right: -7px; top: -7px; display: none;}
.file_up_wrap .delete_profile img {width: 100%; vertical-align: top;}
.avatar-upload {position: relative; width:91px; height: 117px;  border-radius: 4px; overflow: hidden;}
.avatar-upload .avatar-preview {width: 100%;height: 100%; position: absolute;  background:cover;  overflow: hidden;}
.avatar-upload .avatar-preview > div {width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;  }


/*--------------------------------------------
|   매칭관리                                                               |
---------------------------------------------*/
/*메인--------*/
.matching.main .no_data {width: 256px; margin: 13vh auto 32vh;}
.matching.main .no_data h3 {font-size: 20px; font-weight: normal; color: #252730; line-height: 1.4; margin: 35px 0 50px;}
.matching.main .no_data h3 strong {font-weight: bold; }
/*리스트-------*/
.matching.list_page {/*padding: 50px 0 90px;*/padding:120px 0 90px;}
.matching.list_page .tab_box {width:100%;max-width:900px; margin: 0 auto 50px;}
.matching.list_page .sort_box a {font-size: 18px; color: #4C4D51; }
.matching.list_page .sort_box select {width: 180px; height: 40px; border: 1px solid #DCDCDC; background: url(../img/icons/select_arrow2.png)no-repeat right; background-size: 11px;    background-position-x: calc(100% - 12px);    -webkit-appearance: none;    -moz-appearance: none; padding: 9px 12px;}
.matching.list_page .sort_box select.order_by_sort {width: 120px; margin-left: 8px;}

/*매칭박스 공통----*/
.matching .matching_box {position: relative; }
.matching .matching_box a {width: 100%;}
.matching .matching_box .cont {padding: 24px 20px; padding-top: 2px;}
.matching .matching_box .matching_rate {width: 104px; 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;}
.matching .matching_box .matching_label {position: absolute; right: 12px; top: 12px; display: inline-block; background: #fff; min-width: 50px; height: 28px; color: #666; border: 1px solid #666666; border-radius: 14px; text-align: center; line-height: 25px; padding: 0 12px;}
.matching .matching_box .matching_label.recommend {border: 1px solid #FF9900; background: #FFF6E8; color: #F90;} 
.matching .matching_box .logo_box {border-bottom: 1px dashed #E0E1E4; margin-bottom: 20px;}
.matching .matching_box .logo_box .logo {position: relative; width: 120px; height: 60px; text-align: center; margin-right: 20px; }
.matching .matching_box .logo_box .logo img {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); max-width:100%;  max-height: 100%;  }
.matching .matching_box .logo_box h4 {max-width: calc(100% - 140px); font-size: 17px; line-height: 60px; color: #252730; font-weight: 500; }
.matching .matching_box .cont h2 {font-size: 20px; color: #252730; margin-bottom: 20px; }
.matching .matching_box .info_list>li>div>ul>li  {position: relative; margin-right: 15px;}
.matching .matching_box .info_list>li>div>ul>li:before {position: absolute; content:''; width: 4px; height: 4px; border-radius: 50%; background: #CCC; right: -9.5px; top: 8px; }
.matching .matching_box .info_list>li>div>ul>li:last-child:before {background: none;}
.matching .matching_box .info_list>li p:first-child {margin-right: 15px; }
.matching .matching_box .info_list>li p:first-child img {vertical-align: top;}
.matching .matching_box .info_list>li>*:nth-child(2) {line-height: 21px;}
.matching .matching_box .info_list>li + li {margin-top: 12px;}
.matching .matching_box .major_tag {margin-top: 20px;}
.major_tag span {display: inline-block; height: 30px; border-radius: 8px; background: #F2F2F2; margin-right: 8px; padding: 5px; font-size: 14px; }
.major_tag span:last-child {margin-right: 0;}

.matching.list_page>.container{overflow: inherit;}
.matching.list_page .matching_box {width: calc(50% - 6px); border: 1px solid #DCDCDC; margin-right: 12px; margin-bottom: 20px; border-radius: 4px; transition:0.3s; }
.matching.list_page .matching_box:nth-child(2n) {margin-right: 0; }
.matching.list_page .matching_box:hover { transform:translateY(-4px); box-shadow: 0 3px 6px rgba(93,98,112,0.15); }
.matching.list_page .matching_box .matching_rate {margin-left: 24px; }

/*종료된프로젝트-------*/ 
.end_matching .matching_box .cont {padding: 24px; padding-top: 14px;}
.end_matching .matching_box .major_tag {margin-top: 13px;}

/*매칭관리 상세--------*/
.matching.detail { min-height: calc(100vh - 160px); }
.matching.detail .left {width: 60%; margin-right: 60px;float:left;}
.matching.detail .left .tab_box ul li {width: 50%; }
.matching.detail .left .tab_box.tab-3 ul li {width: 33.333%; }

.matching.detail .right {float:right;width: calc(38% - 60px); margin-top: 40px; position: relative; }
.matching.detail .right .matching_box {width: 100%; box-shadow: 0 3px 6px rgba(93,98,112,0.15); position: absolute; background: #fff;}
.matching.detail .right .matching_box .matching_rate {margin-left: 24px; cursor: pointer; }
.matching.detail .right .matching_box .major_tag span {margin-bottom: 10px;}
.matching.detail .right .matching_box .cont {padding: 2px 24px 20px;margin-bottom:0;}
.matching.detail .right .matching_box .cont .bottom {margin-top: 40px; }
.matching.detail .right .matching_box .cont .bottom>p {margin-bottom: 20px; font-size: 16px; }
.matching.detail .right .matching_box .cont .bottom>p strong {font-weight: bold; font-size: 18px;  }
.matching.detail .right .matching_box .cont .bottom>p strong span {font-weight: 500; }
.matching.detail .right .matching_box .cont .bottom>p img {vertical-align: sub;}
.matching.detail .right .matching_box .cont .bottom .btn_wrap button {width: 100%;}
.matching.detail .right .matching_box .cont .bottom .btn_wrap.double>* {width: calc(50% - 8px); }
.matching.detail .right .matching_box .cont .bottom .btn_wrap a {text-align: center;    line-height: 46px;}
.matching.detail .right .matching_box .cont .bottom .notice_box {background: #FEF2F2; border-radius: 2px; padding: 11px;}
.matching.detail .right .matching_box .cont .bottom .notice_box>p {color: #F83B56; line-height: 1.4;}

/** ----- 2021-03-05 개발자 주석 프로젝트 목록 라벨 색상 처리 ----- **/
.project .matching_box .matching_rate { background: #3A394B !important; }
/*.project.detail .left .condition { border-bottom: none !important; padding-bottom: 30px; }*/
/** ----- 2021-03-05 개발자 주석 프로젝트 목록 라벨 색상 처리 ----- **/

.matching.detail .left .tab_cont {padding-bottom: 80px; }
.matching.detail .left h3 {font-size: 18px;font-weight: 500; color: #2E2C2C; margin: 30px 0 20px;}

/*.matching.detail .left .tab_cont:first-of-type .condition {border: 0;}*/
.matching.detail .left .step_box {width: 100%; border-bottom: 1px dashed #E0E1E4; padding-bottom: 30px; margin-bottom: 30px;}
.matching.detail .left .step_box>div {background: #f9f9f9; border-radius: 10px; padding: 25px; } 
.matching.detail .left .step_box>div ul>li {position: relative; width: 100px; height: 100px;  border-radius: 50%; background: #E3E3E3; margin-right: 80px; text-align: center;} 
.matching.detail .left .step_box>div ul>li:before {position: absolute; content:''; background:  url(../img/icons/dash_arrow.png) center no-repeat;  width: 28px; height: 14px; background-size: 28px; right: -40px; top: 50%; transform:translateY(-50%);}
.matching.detail .left .step_box>div ul>li:last-child:before {background: none;} 
.matching.detail .left .step_box>div ul>li:last-child {margin-right: 0; }
.matching.detail .left .step_box>div ul>li p {width: 80%; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); font-size: 16px; color: #3A394B; }
.matching.detail .left .condition {border-bottom: 1px dashed #E0E1E4; padding-bottom: 30px; }
.matching.detail .left .condition>ul>li {margin-bottom: 10px; }
.matching.detail .left .condition ul>li>p:first-child {width: 23%; margin-right: 10px; font-size: 16px; color: #666; }
.matching.detail .left .condition ul>li>p:first-child img {vertical-align: bottom; margin-right: 5px;}
.matching.detail .left .condition ul>li>*:nth-child(2) {width: calc(77% - 20px);  }
.matching.detail .left .condition ul>li>*:nth-child(2)>* {font-size: 16px;}
.matching.detail .left h3 .star {width: 17px; margin-left: 4px;}
.matching.detail .com_info p{line-height:1.6;}
.matching.detail .condition li ul li{margin-top:3px;font-size:15px !important;}

.review_list .top {margin-bottom: 15px;}
.review_list .top .name {font-weight: 500; margin-right: 12px;}
.review_list .star {width: 14px;}
.review_list li {border: 1px solid #E3E3E3; background: #FBFBFB; border-radius: 8px; margin-bottom: 12px; padding: 15px;}
.review_list li h4 , .review_list li h4 a {font-size: 17px; font-weight: 500; margin-bottom: 6px;}
.review_list li>p {color: #666; }
.matching.detail .review .more_btn {width: 100px; height: 34px; border: 1px solid #959595; color: #959595; font-size: 14px;font-weight: 500; margin-top: 8px; border-radius: 6px;}

.matching.detail .slider_container {background: #F5F5F5; padding: 60px 0 70px;}
.matching.detail .slider_container .container {position: relative; overflow: inherit;}
.matching.detail .slider_container .matching_box {width: 545px; border-radius: 10px;/* margin-right: 20px;*/ background: #fff; box-shadow: 0 2px 6px rgba(93,98,112,0.1); transition:0.3s; }
.matching.detail .slider_container .matching_box:hover { transform:translateY(-4px);  }
.matching.detail .slider_container .matching_box .matching_rate {margin-left: 24px;}
.matching.detail .matching_slider  {position: relative; padding: 4px 0;}
.matching.detail .matching_slider:after {content:''; position: absolute; right: 0; top: 0; width: 84px; height:99%; 	/*background: linear-gradient(to right , rgba(255,255,255,0) ,rgba(255,255,255,0.8));*/ z-index: 3;}
.matching.detail .slider_container .swiper-button-next:after, .matching.detail .slider_container .swiper-button-prev:after{display:none;}
.matching.detail .slider_container .swiper-button-next{background:url(../img/icons/slide_next.png) no-repeat center;right:-40px; top: 59%; outline:none;width:14px;height:24px; background-size: 14px;}
.matching.detail .slider_container .swiper-button-prev{background:url(../img/icons/slide_prev.png) no-repeat center;left:-40px; top: 59%; outline:none;width:14px;height:24px; background-size: 14px;}
 /*-------------------------------------------- 
|   매칭조건 등록                                                        |
---------------------------------------------*/
/*공통------*/
.matching_write {/*min-height: calc(100vh - 231px); padding: 55px 0 70px;*/min-height: calc(100vh - 161px);padding:135px 0 70px;}
.matching_write h2 {font-size: 24px; margin-bottom: 50px; }
.matching_write .shadow_box {min-height: 307px; margin: 37px auto; padding: 40px 60px;}
.matching_write .step_title h3 {font-size: 22px;}
.matching_write .step_title p { font-size: 16px; color: #666; margin-top: 15px;}
.matching_write .step_title a {margin-top: 15px; color: #A7A7A7; font-size: 16px; }
.matching_write .step_title a:hover {text-decoration: underline;}
.matching_write .step_title a img {width: 6px; }
.matching_write .btn_wrap button + button {margin: 8px;}
/*write1-----*/
.matching_write.write1 .check_box {margin: 30px auto 10px;	max-width:640px;/*display: inline-block;*/}
.matching_write.write1 .check_box li {width: 148px; height: 140px;  margin-right: 12px; overflow: hidden;}
.matching_write.write1 .check_box li:last-child {margin-right: 0; }
.matching_write.write1 .check_box li input[type="checkbox"] {display: none;}
.matching_write.write1 .check_box li label {width: 100%; height: 100%; border: 1px solid #CCCCCC; border-radius: 8px; text-align: center; padding: 26px 0 21px; }
.matching_write.write1 .check_box li label p {color: #A7A7A7; margin-top: 23px;}
.matching_write.write1 .check_box li label .active_icon {display: none;}
.matching_write.write1 .check_box li input[type="checkbox"]:checked + label {border: 1px solid #F83B56; background: none;} 
.matching_write.write1 .check_box li input[type="checkbox"]:checked + label img:first-child {display: none;}
.matching_write.write1 .check_box li input[type="checkbox"]:checked + label .active_icon {display: inline; }
.matching_write.write1 .check_box li input[type="checkbox"]:checked + label p {color: #F83B56; }

.matching_write.write3 .work_box {width: calc(100% + 120px); margin-left: -60px; padding: 50px 60px; border-bottom: 6px solid #F2F2F2;}
.matching_write.write3 .work_box .inner_box {padding: 40px 0; border-bottom: 1px dashed #E3E3E3;}
.matching_write.write3 .work_box:last-of-type {border-bottom: 0; padding-bottom: 0;}
.matching_write.write3 .work_box .inner_box:last-of-type {padding-bottom: 0; border-bottom: 0;}
.matching_write.write3 .work_box h4 {font-size: 20px; margin-bottom: 20px;}
.matching_write.write3 .work_box .period input {width: 190px; margin-right: 12px;}
.matching_write.write3 .work_box .period input:last-child {width: calc(100% - 404px); margin-right: 0;}


/*스텝박스----------------*/
.step_box {position: relative; width: 90%; margin: auto;}
.step_box ul li {position: relative; width: 16.666%;}
.step_box ul li:after {position: absolute; content:''; background: #CCC; width: 100%; height: 4px; right: -50%; top: 19px; z-index: -1;}
.step_box ul li:last-child:after {background-color: transparent;}
.step_box ul li.on.prev:after {background: #F83B56; }
.step_box ul li a {display: block; width: 100%; height: 100%; pointer-events: none; cursor: default; }
.step_box ul li.on a , .step_box ul li.on.prev a {/** pointer-events: auto; **/ cursor: pointer;}
.step_box ul li.prev a { pointer-events: auto; cursor: pointer;}
.step_box ul li .circle {position: relative; width: 41px; height: 41px; border-radius: 50%; background: #CCC; text-align: center; margin: 0 auto 10px; }
.step_box ul li .circle>p {font-size: 16px; font-weight: bold; color: #fff; }
.step_box ul li .circle * {position: absolute; left: 48%; top: 50%; transform:translate(-50%,-50%); }
.step_box ul li .circle .write_icon {width: 19px; }
.step_box ul li .circle .done_icon {width: 21px; }
.step_box ul li .circle img {display: none; }
.step_box ul li a > p {font-size: 14px; font-weight: 500; color: #CCC; line-height: 21px; } 
.step_box ul li a > h3 {color: #A7A7A7; font-size: 16px; font-weight: 500;}
.step_box ul li.on .circle {background: #F83B56; }
.step_box ul li.on .circle .write_icon {display: block; }
.step_box ul li.on .circle p {display: none;}
.step_box ul li.on.prev .circle .done_icon {display: block;}
.step_box ul li.on.prev .circle .write_icon {display: none;}
.step_box ul li.on a > p {color: #F83B56; }
.step_box ul li.on a > h3 {color: #1D1D1D; }
.step_box ul li.on.prev a > p {color: #CCC; }
.step_box ul li.on.prev a > h3 {color: #A7A7A7; }

/*작성완료*/
.matching_write.complete {position: relative;/* min-height: calc(100vh - 161px);height: calc(100vh - 231px);*/}
.matching_write.complete .shadow_box {position: absolute; width: 700px; left: 50%; top: 50%; transform:translate(-50%,-50%); padding: 70px;}
.matching_write.complete .shadow_box h2 {margin: 30px 0 15px; font-size: 24px; color: #252730; }
.matching_write.complete .shadow_box p {font-size: 16px; color: #666; margin-bottom: 50px;}




/*마이페이지*/
.mypage .form_area .form_ul>li {margin-bottom: 30px; }
.mypage .form_area .form_ul>li:last-child {margin-bottom: 0;}
.mypage .form_area .form_ul>li .input_title {min-height:1px;width: calc(20% - 10px); font-size: 16px; line-height: 46px; color: #464646;}
.mypage .form_area .form_ul>li > div {width: 60%;}
.mypage .form_area .form_ul>li > div.full_w {width: 80%;}
.mypage .form_area .form_ul>li > div.double input {width: calc(50% - 6px) !important;}
.mypage .form_area .form_ul>li > div input {margin-bottom: 10px;}
.mypage .form_area .form_ul>li > div input:last-child {margin-bottom: 0;}
.mypage .form_area .form_ul>li .select_input select {width: 156px; margin-right: 10px; text-overflow : ellipsis; padding-right : 20px; }
.mypage .form_area .form_ul>li .select_input input {width: calc(100% - 166px); }
/*.mypage .form_area .agree_box {margin: 40px 0 0; margin-left: calc(20% - 10px); width: 60%; }*/
.mypage .form_area .agree_box>p {color: #666; text-decoration: underline; }
.mypage .form_area .agree_box .agree_ul {margin-top: 15px; margin-bottom: 40px; }
.mypage .form_area .agree_box .agree_ul>li>label {color: #959595; }
.mypage .form_area .secession_btn {color: #CCC; margin-bottom: 10px; }

/*지급내역*/
.my_pay .my_cont .right {padding: 37px 0 40px;}
.my_pay .right_top {padding: 0 40px; }
.my_pay .total_box {border-bottom: 4px solid #F2F2F2; padding: 0 40px 20px ;}
.my_pay .total_box>div {width: calc(50% - 10px); background: #FFF9F1; border-radius: 8px; padding: 20px 25px; margin-bottom: 20px; }
.my_pay .total_box>div p {font-size: 16px; color: #333030; padding-top: 10px; }
.my_pay .total_box>div h3 {max-width: calc(100% - 120px); font-size: 30px; color: #F90; }
.my_pay .total_box>div h3 span {font-size: 20px; }
.my_pay .search_box {padding: 20px 40px 40px;}
.my_pay .search_box .search_bar input {width: calc(100% - 124px) !important;}
.my_pay .search_box .search_bar button {width: 110px; }
.my_pay .search_box ul>li {width: calc(50% - 10px); margin-right: 20px; margin-bottom: 20px; border: 1px solid #F2F2F2; box-shadow:0 3px 10px rgba(93,98,112,0.08); padding: 18px 20px; border-radius: 8px;}
.my_pay .search_box ul>li:nth-child(2n) {margin-right: 0; }
.my_pay .search_box ul>li .top {margin-bottom: 8px; }
.my_pay .search_box ul>li .top p {color: #959595; }
.my_pay .search_box ul>li .top .matching_label {height: 28px; border-radius: 15px; font-size: 14px; color: #666; border: 1px solid #666666; padding: 0 10px; line-height: 24px; }
.my_pay .search_box ul>li a {font-size: 17px;font-weight: 500; margin-bottom: 8px; color: #333030; width: 100%; 	} 
.my_pay .search_box ul>li>p {font-size: 16px; color: #959595; margin-bottom: 20px; }
.my_pay .search_box ul>li .bottom p {font-size: 16px; color: #666;}

/*1:1문의*/

.my_inquiry .right_top button {width: 128px; height: 36px; background: #3A394B; color: #fff; line-height: 30px; text-align: center; border-radius: 20px; }
.my_inquiry .inquiry_list {margin-bottom: 40px; }
.my_inquiry .inquiry_list>li:first-child {border-top: 1px solid #DCDCDC; }
.my_inquiry .inquiry_list>li { border-bottom: 1px solid #DCDCDC; padding: 16px 10px; }
.my_inquiry .inquiry_list>li.view {background: #f9f9f9; }
.my_inquiry .inquiry_list>li.view.on {background: #fff;}
.my_inquiry .inquiry_list>li .top {position: relative; cursor: pointer;}
.my_inquiry .inquiry_list>li .top:before {position: absolute; content:''; width: 16px; height: 9px; background:url(../img/icons/inquiry_icon.png) center no-repeat;  background-size: 16px; right: 0; top: 50%; cursor: pointer;}
.my_inquiry .inquiry_list>li.on .top:before {position: absolute; content:''; width: 16px; height: 9px; background:  url(../img/icons/inquiry_icon_on.png) center no-repeat;  background-size: 16px; right: 0; top: 50%; }
.my_inquiry .inquiry_list>li .top>div {margin-bottom: 10px; }
.my_inquiry .inquiry_list>li .top>div .label {width: 74px; height: 26px;	font-size: 14px; color: #666; background: #E3E3E3; margin-right: 10px; border-radius: 14px; text-align: center; line-height: 24px; }
.my_inquiry .inquiry_list>li .top>div .label.done {background: #FFE6E6; color: #F83B56; }
.my_inquiry .inquiry_list>li .top>div .date {color: #959595; line-height: 24px; } 
.my_inquiry .inquiry_list>li .top h4 {max-width: calc(100% - 20px );font-size: 16px; font-weight: normal; }
.my_inquiry .inquiry_list>li .answer {background: #F9F9F9; border-radius: 8px; padding: 12px 16px; margin-top: 20px; display: none;}
.my_inquiry .inquiry_list>li .answer div:first-child {margin-bottom: 10px; }
.my_inquiry .inquiry_list>li .answer div h6 {font-size: 20px; margin-right: 5px; }
.my_inquiry .inquiry_list>li .answer div p {width: calc(100% - 26px );font-size: 16px; color: #666; line-height: 1.5;}
.li_none {display: none;}


/*공지사항*/
.section_title {margin-bottom: 50px; font-size: 28px; }
.notice {/*min-height: calc(100vh - 231px);padding: 35px 0 70px; */min-height: calc(100vh - 161px);padding: 105px 0 70px;}
.notice .notice_list {margin-bottom: 40px; }
.notice .notice_list li:first-child {border-top: 1px solid #DCDCDC;}
.notice .notice_list li {padding: 20px 10px; border-bottom: 1px solid #DCDCDC;}
.notice .notice_list li a {display: block; max-width: calc(100% - 100px); font-size: 16px; }
.notice .notice_list li p {color: #959595; }

.board_detail .title_area {border-bottom: 1px solid #DCDCDC; padding-bottom: 20px; }
.board_detail .title_area h2 {font-size: 20px; font-weight: 500; margin-bottom: 10px; }
.board_detail .title_area .date {color: #959595; }
.board_detail .text_area {padding: 30px 0; margin-bottom: 30px; border-bottom: 1px solid #DCDCDC; min-height: calc(100vh - 545px);}
.board_detail .btn_wrap button {width: 90px; height: 36px; background: #666;border-color:#666;}
.board_detail .text_area img{max-width:100%;}

.faq, .terms{/*min-height: calc(100vh - 231px);padding: 35px 0 70px; */min-height: calc(100vh - 161px);padding: 105px 0 70px;}
.faq .section_title { margin-bottom: 20px;}
.faq select {width: 180px; height: 40px; margin-bottom: 20px; }
.faq .faq_list {margin-bottom: 40px; }
.faq .faq_list li:first-child {border-top: 1px solid #DCDCDC;}
.faq .faq_list li {padding: 20px 10px; border-bottom: 1px solid #DCDCDC;}
.faq .faq_list li a {display: block; max-width: calc(100% - 70px); font-size: 16px; color: #333030;}
.faq .faq_list li p {font-weight: 500; margin-right: 10px; }


.faq.detail .category {font-size: 16px; font-weight: 500; margin-bottom: 5px; }
.faq.detail .text_area .questions {margin-bottom: 25px; }
.faq.detail .text_area p {line-height: 1.4;}
.faq.detail .text_area h6 {font-size: 20px; margin-right: 5px; }
.faq.detail .text_area .answer {width: calc(100% - 26px );}
.faq.detail .text_area .answer img {margin-top: 10px; }

.faq .title_area .point_txt{padding-bottom:4px;}
.faq .text_area p{line-height:1.5;}
.faq .text_area h6{font-size:20px;padding-right:10px;}
.faq .text_area img{margin:20px 0;}

/** 2021.05.14 AJH 포트폴리오 **/
.resumeFAQ {width:100% !important;}
.resumeFAQ a{font-size:12px; color:#f83b56;}
.resumeFAQ a img{width:20px; position:relative; top:6px;}

/** 2021.12.27 HUBDNC HYJ 메인페이지 진행중인 PROJECT 추가 **/
.mb_block {display:none;}
.mini_mb_br, .mb_only {display:none;}
.pc_only {display:block;}
.project_container {width:calc(100% + 100px); margin-left:-50px; padding:0 50px; overflow:hidden; position:relative;}
.project_container:after, .project_container:before {content:''; display:block; width:50px; height:100%; background-color:#fff; position:absolute; top:0; z-index:2;}
.project_container:after {left:0;}
.project_container:before {right:0;}
.project_container h2 {position:relative;}
.project_container .more_btn {position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:14px; font-weight:500;}
.index .project_swiper {position:static; margin:22px 0 55px;}
/*.index .project_swiper .swiper-wrapper {margin:22px 0 55px;}*/
.index .project_swiper .swiper-wrapper .swiper-slide img {width:auto; vertical-align:middle; display:inline-block;}
.index .project_swiper .swiper-wrapper .swiper-slide {padding:11px 24px 22px; border:1px solid #DCDCDC; border-radius:4px; height: calc((100% - 60px) / 2) !important; box-sizing:border-box;}
.index .project_swiper .swiper-wrapper .swiper-slide > a {display:block;}
.index .project_swiper .swiper-wrapper .logo_box {height:70px; line-height:59px; font-size:14px; font-weight:500; border-bottom:1px dashed #E0E1E4; padding-bottom:10px;}
.index .project_swiper .swiper-wrapper .logo_box img {margin-right:14px; max-width:150px; max-height:60px;}
.index .project_swiper .swiper-wrapper .project_title {font-size:16px; font-weight:500; margin:14px 0 18px;}
.index .project_swiper .swiper-wrapper .welfare > li {margin-top:7px; font-size:14px;}
.index .project_swiper .swiper-wrapper .welfare li img {margin-right:6px;}
.index .project_swiper .swiper-wrapper .welfare li span {vertical-align:middle; margin-right:14px;}
.index .project_swiper .swiper-wrapper .welfare li ul {display:inline-block; vertical-align:middle;}
.index .project_swiper .swiper-wrapper .welfare li ul li {position:relative; float:left; margin-left:14px; font-size:14px;}
.index .project_swiper .swiper-wrapper .welfare li ul li:first-child {margin-left:0;}
.index .project_swiper .swiper-wrapper .welfare li ul li:after {content:''; display:block; width:4px; height:4px; border-radius:50%; background-color:#B6B6BC; position:absolute; top:calc(50% + 1.5px); right:-9px; transform:translateY(-50%);}
.index .project_swiper .swiper-wrapper .welfare li ul li:first-child:after {width:1px; height:12px; right:-7px;}
.index .project_swiper .swiper-wrapper .welfare li ul li:last-child:after {display:none;}
.index .project_swiper .swiper-wrapper .tag_wrap {margin-top:16px;}
.index .project_swiper .swiper-wrapper .tag_wrap span {display:inline-block; padding:0 8px; font-size:13px; line-height:30px; border-radius:8px; background-color:#F2F2F2; margin-right:8px; margin-bottom:8px;}
.index .project_swiper .swiper-button-prev, .index .project_swiper .swiper-button-next {position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:14px; height:24px; background:url("/web/img/icons/icon_slick_arrow.svg"); font-size:0;}
.index .project_swiper .swiper-button-prev {left:0;}
.index .project_swiper .swiper-button-next {right:0; transform:translateY(-50%) rotateZ(-180deg);}

/** 2021.12.27 HUBDNC HYJ 매칭리스트 페이지 **/
.new_list .matching_list {border-top:1px solid #DCDCDC;}
.new_list .matching_list > li {padding:26px; border-bottom:1px solid #DCDCDC; background-color:#fff;}
.new_list .matching_list > li a {display:block;}
.new_list .matching_list .logo_box {font-size:14px; font-weight:500; margin-bottom:24px;}
.new_list .matching_list .logo_box img {margin-right:14px; height:60px;}
.new_list .matching_list .matching_name {font-size:20px; font-weight:500; margin-bottom:20px;}
.new_list .matching_list .welfare > li {margin-right:20px; font-size:14px; display:inline-block;}
.new_list .matching_list .welfare li img {margin-right:6px;}
.new_list .matching_list .welfare li span {vertical-align:middle; margin-right:14px;}
.new_list .matching_list .welfare li ul {display:inline-block; vertical-align:middle;}
.new_list .matching_list .welfare li ul li {position:relative; float:left; margin-left:14px; font-size:14px;}
.new_list .matching_list .welfare li ul li:first-child {margin-left:0;}
.new_list .matching_list .welfare li ul li:after {content:''; display:block; width:4px; height:4px; border-radius:50%; background-color:#B6B6BC; position:absolute; top:calc(50% + 1.5px); right:-9px; transform:translateY(-50%);}
.new_list .matching_list .welfare li ul li:first-child:after {width:1px; height:12px; right:-7px;}
.new_list .matching_list .welfare li ul li:last-child:after {display:none;}
.new_list .matching_list .tag_wrap {margin-top:20px;}
.new_list .matching_list .tag_wrap span {display:inline-block; padding:0 8px; font-size:13px; line-height:30px; border-radius:8px; background-color:#F2F2F2; margin-right:8px; margin-bottom:8px;}

@media screen and (max-width:1120px) {
	.mb_block {display:block;}
	.pc_block {display:none;}
}

@media screen and (max-width:768px) {
	/** 2021.12.27 HUBDNC HYJ 메인페이지 진행중인 PROJECT 추가 **/
	.pc_only {display:none;}
	.mb_only {display:block;}
	.project_container {width:calc(100% + 17px); margin-left:0; padding:0;}
	.project_container:after, .project_container:before {display:none;}
	.project_container .more_btn {right:17px; transform:translateY(-50%) /*rotateZ(-180deg)*/;}
	.project_container .more_btn img {width:7px;}
	.project_container h2, .project_container .swiper-wrapper {padding-right: 14px;}
	.index .project_swiper .swiper-wrapper .swiper-slide {padding:8px 13px;}
	.index .project_swiper .swiper-wrapper .swiper-slide:last-of-type {margin-right:17px;}
	.index .project_swiper .swiper-wrapper .project_title {font-size:15px;}
	.index .project_swiper .swiper-wrapper .welfare > li, .index .project_swiper .swiper-wrapper .welfare li ul li {font-size:13px;}
	.index .project_swiper .swiper-button-prev, .index .project_swiper .swiper-button-next {display:none;}

	/** 2021.12.27 HUBDNC HYJ 매칭리스트 페이지 **/
	.new_list .matching_list, .new_list .matching_list > li {border:none; margin-top:10px;}
	.new_list .matching_list > li {padding:11px 16px;}
	.new_list .matching_list .matching_name {font-size:16px; margin-bottom:11px;}
	.new_list .matching_list .logo_box {border-bottom:1px dashed #E0E1E4; padding-bottom:13px; margin-bottom:14px;}
}

@media screen and (max-width:415px) {
	.mini_mb_br {display:block;}
}

@media screen and (max-width:365px) {
	.new_list .matching_list .welfare > li {margin-top:10px; line-height: 24px;}
}

.matching .main_matching_box{height: 70px;line-height: 59px;font-size: 14px;font-weight: 500;padding-bottom: 10px;}
.matching .matching_box .main_matching_label {position: absolute;right: 120px;top: 12px;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;}
.matching .matching_box .main_matching_label.process{border: 1px solid #FF9900;background: #FFF6E8;color: #F90;}
.matching .matching_box .main_matching_label.done{border: 1px solid #666666;background: #fff;color: #666;}
.main_matching_project .project_title{text-align: center;font-size:18px !important;font-weight:bold !important;;margin:0 0 18px !important;}
.matching_box_main_detail .label_box{padding: 15px 22px 8px;}