/** 메인 **/
.main {}
.main .main_visual_swiper {}
.main .main_visual_swiper .visual_slide {background: #ffffff;}
.main .main_visual_swiper .visual_slide .contents_wrapper {display: flex; align-items: center; justify-content: center; height: 500px; padding: 0 40px;}
.main .main_visual_swiper .visual_slide .visual_img {align-self: flex-end; flex-shrink: 0;}
.main .main_visual_swiper .visual_slide .txt {margin-left: 90px;}
.main .main_visual_swiper .visual_slide .txt .f40 {color:#000; margin-top: 15px;}
.main .main_visual_swiper .visual_slide .txt .f40 span {display: block;}
.main .main_visual_swiper .visual_slide .txt .f44 {color:#000; margin-bottom: 20px;}
.main .main_visual_swiper .visual_slide .txt .f50 {color:#000;}
.main .main_visual_swiper .visual_slide .txt .f22 {color:#000; margin-bottom: 8px;}
.main .main_visual_swiper .visual_slide .txt .f18 {color:#000; font-weight: 400;}
.main .main_visual_swiper .visual_slide .txt .f18 span {display: block;}
.main .main_visual_swiper .visual_slide .txt .btn_arrow { width: 220px; margin: 50px 0 0; background: #8b43de;}
.main .main_visual_swiper .visual_slide .txt .btn_arrow:hover {background: #762fc9;}
.main .main_visual_swiper .visual_slide.visual1 .visual_img img {max-width: 615px;}
.main .main_visual_swiper .visual_slide.visual2 .visual_img {align-self: auto;}
.main .main_visual_swiper .visual_slide.visual2 .visual_img img {max-width: 518px;}
.main .main_visual_swiper .visual_slide.visual3 .visual_img img {max-width: 533px;}
.main .main_visual_swiper .swiper-button-next, .main .main_visual_swiper .swiper-button-prev {color:#fff; font-weight: 900;}
.main .main_visual_swiper .swiper-button-prev {left: 40px;}
.main .main_visual_swiper .swiper-button-next {right: 40px;}
.main .main_visual_swiper .swiper-button-next::after, .main .main_visual_swiper .swiper-button-prev::after {font-size: 40px;}
.main .title {display: flex; justify-content: space-between;}
.main .title .f28 {}
.main .title .more_btn {display: flex; justify-content: space-between; align-items: center;}
.main .title .more_btn .f14 {color:#999; margin-right: 8px; font-weight: 500; transition: all 0.3s;}
.main .title .more_btn .plus_circle {width: 32px; height: 32px; background: #a572df; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.3s;}
.main .title .more_btn .plus_circle .plus {width: 10px; height: 2px; background: #fff; position: relative;}
.main .title .more_btn .plus_circle .plus::after {content: ''; width: 2px; height: 10px; background: #fff; position: absolute; top: -4px; left: 50%; transform: translateX(-50%);}
.main .title .more_btn:hover .f14 {color:#333; transition: all 0.3s;}
.main .title .more_btn:hover .plus_circle {background: #8b43de; transition: all 0.3s;}
.main .section2 {margin-bottom: 35px;}
.main .section2 .maker_box_wrap {background: #fff; padding: 45px 45px 50px; box-shadow: 2px 5px 20px rgb(0 0 0 / 8%); border-radius: 30px; position: relative; top: -45px; z-index: 1;}
.main .section2 .maker_list {display: flex; margin-top: 35px; justify-content: space-between;}
.main .section2 .maker_list .box {margin: 0 5px;}
.main .section2 .maker_list .box:first-child {margin-left: 0;}
.main .section2 .maker_list .box:last-child {margin-right: 0;}
.main .section2 .maker_list .box .img_circle {width: 100%; max-width: 160px; height: 160px; overflow: hidden; border-radius: 50%; transition: all 0.5s; margin: 0 auto;}
.main .section2 .maker_list .box .img_circle img {}
.main .section2 .maker_list .box .txt {display: flex; justify-content: center; align-items: center; margin-top: 12px;}
.main .section2 .maker_list .box .txt .f16 {color:#a572df; font-weight: 900; margin-right: 4px;}
.main .section2 .maker_list .box .txt .f18 {color:#333; font-weight: 600;}
.main .section2 .maker_list .box:hover .img_circle img {transform: scale(1.05); transition: all 0.5s;}
.main .section3 {margin-bottom: 90px;}
.main .section3 .title {border-bottom: 1px solid #e7e7e7; padding-bottom: 15px;}
.main .community_list {display: flex;}
.main .community_list .box {padding: 40px 30px 0; width: 25%;}
.main .community_list .box:first-child {padding-left: 0;}
.main .community_list .box:last-child {padding-right: 0;}
.main .community_list .box .community_title {display: flex; align-items: center;}
.main .community_list .box .community_title .cate {background: #a572df; font-weight: 600; color:#fff; border-radius: 50px; padding: 0 12px; height: 22px; display: flex; justify-content: center; align-items: center; margin-right: 6px; flex-shrink: 0;}
.main .community_list .box .community_title .f18 {display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s;}
.main .community_list .box .txt {color:#777; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 26px; height: 50px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 12px; transition: all 0.3s;}
.main .community_list .box:hover .community_title .f18 {color:#a572df; transition: all 0.3s;}
.main .community_list .box:hover .txt {color:#333; transition: all 0.3s;}
.main .section4 {background: #f6f3fa; padding: 80px 0;}
.main .category_wrap {display: flex; justify-content: space-between;}
.main .category_wrap .box {width: 224px; height: 220px; background: #fff; border-radius: 30px; box-shadow: 2px 5px 20px rgb(152 139 170 / 20%); padding: 23px 20px; display: flex; justify-content: center; align-items: center; flex-flow: column; margin: 0 5px;}
.main .category_wrap .box:first-child {margin-left: 0;}
.main .category_wrap .box:last-child {margin-right: 0;}
.main .category_wrap .box .icon {}
.main .category_wrap .box .icon img {max-width: 134px;}
.main .category_wrap .box .f18 {font-weight: 600; margin-top: 15px; text-align: center;}
.main .section5 {margin: 90px 0;}
.portfolio_wrap {display: flex; flex-flow: wrap; margin-top: 24px;}
.portfolio_wrap .box {flex: 0 1 calc(25% - 12px); width: calc(25% - 12px); margin: 0 8px 16px;}
.portfolio_wrap .box:first-child {margin-left: 0}
.portfolio_wrap .box:nth-child(4n) {margin-right: 0}
.portfolio_wrap .box:nth-child(4n + 1) {margin-left: 0}
.portfolio_wrap .box:nth-last-child(-n+4) {margin-bottom: 0;}
.portfolio_wrap .box .thumbnail {height: 190px; overflow: hidden;}
.portfolio_wrap .box .thumbnail img {object-fit: cover; transition: all 0.5s;}
.portfolio_wrap .box .txt_wrap {border: 1px solid #eaeaea; padding: 18px 20px 12px;}
.portfolio_wrap .box .txt_wrap .cate {padding: 0px 10px; border-radius: 50px; height: 22px; display: inline-block; line-height: 21px;}
.portfolio_wrap .box .txt_wrap .f18 {color:#444; font-weight: 600; transition: all 0.3s; margin-top: 8px; display: inline-block; width: 100%; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.portfolio_wrap .box:hover .thumbnail img {transform: scale(1.1); transition: all 0.5s;}
.portfolio_wrap .box:hover .txt_wrap .f18 {color:#000; transition: all 0.3s;}




/** 회원 - 로그인 **/
.login .shadow_box {padding-bottom: 55px;}
.login .box .find_idpw {text-align: center; margin-top: 25px;}
.login .box .find_idpw a {color:#333; font-weight: 500; text-decoration: underline;}
.login .box .find_idpw a:hover {color:#000; font-weight: 600;}
.login .box.last_box {text-align: center;}
.login .box.last_box .f15 {color:#666; font-weight: 500; display: none;}
.login .box.last_box .sns_wrap {display: flex; justify-content: center; align-items: center; margin-top: 12px; display: none;}
.login .box.last_box .sns_wrap .sns {border-radius: 50%; width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; margin: 0 7px;}
.login .box.last_box .sns_wrap .sns:first-child {margin-left: 0;}
.login .box.last_box .sns_wrap .sns:last-child {margin-right: 0;}
.login .box.last_box .sns_wrap .sns img {max-width: 20px;}
.login .box.last_box .sns_wrap .naver {background: #03cf5d;}
.login .box.last_box .sns_wrap .kakao {background: #fae100;}
.login .box.last_box .sns_wrap .naver:hover {background: #00c758;}
.login .box.last_box .sns_wrap .kakao:hover {background: #fadb00;}
.login .box.last_box .signup_wrap {display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.login .box.last_box .signup_wrap .txt {font-weight: 500;}
.login .box.last_box .signup_wrap .signup_btn {display: flex; align-items: center;}
.login .box.last_box .signup_wrap .signup_btn .f16 {margin-right: 10px; font-weight: 500;}
.login .box.last_box .signup_wrap .signup_btn .icon {transition: all 0.3s;}
.login .box.last_box .signup_wrap .signup_btn .icon img {max-width: 30px;}
.login .box.last_box .signup_wrap .signup_btn:hover .f16 {color: #000; font-weight: 700;}
.login .box.last_box .signup_wrap .signup_btn:hover .icon {transform: translateX(6px); transition: all 0.3s;}


/** 회원 - 아이디/비밀번호 찾기 **/
.find .box .f16 {color:#333; font-weight: 500; margin-bottom: 5px;}


/** 회원 - 약관동의 **/
.terms .terms_wrap {}
.terms .terms_wrap .box {margin-bottom: 30px;}
.terms .terms_wrap .box:last-child {margin-bottom: 0;}
.terms .terms_wrap .f18 {margin-bottom: 12px;}
.terms .terms_wrap .line_box {font-size: 14px; line-height: 22px; color: #777; border: 1px solid #ddd; border-radius: 8px; padding: 20px 22px; background-color: #fff; height: 200px; overflow-y:auto; }
.terms .terms_wrap .checkbox {padding-top:10px;}
.terms .terms_wrap .checkbox .f16 {display: inline-block; color:#333; font-weight: 600;}
.check_all_btn {width: 50%; max-width: 190px;}
.check_all_btn input[type="checkbox"] + label {background-color: #3f3b44;  height: 56px; display: flex; justify-content: center; align-items: center; color:#fff; font-weight: 700; border-radius: 8px; font-size: 16px; cursor: pointer;}
.check_all_btn input[type="checkbox"] + label:hover {background: #343138;}


/** 회원 - 가입완료 **/
.complete .sec1 {background: #eee6f8 url('../images/complete_top_bg.jpg') no-repeat center / 1920px; height: 220px; display: flex; justify-content: center; align-items: center;}
.complete .sec1 .txt {text-align: center;}
.complete .sec1 .txt .f40 {font-weight: 400;}
.complete .sec1 .txt .f40 strong {color:#a572df; font-weight: 700;}
.complete .sec1 .txt .f40 span {font-weight: 600;}
.complete .sec1 .txt .btn_arrow {margin-top: 35px;}
.complete .shadow_box {margin-bottom: 40px; padding: 10px 80px 20px; position: relative; top: -60px;}
.complete .shadow_box .box {display: flex; align-items: center; padding: 60px 0; border-bottom: 1px solid #e7e7e7;}
.complete .shadow_box .box:last-child {border-bottom: 0;}
.complete .shadow_box .box .icon {width: 150px; height: 150px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 80px; flex-shrink: 0;}
.complete .shadow_box .box .icon.icon1 {background: #fece66;}
.complete .shadow_box .box .icon.icon2 {background: #729edf;}
.complete .shadow_box .box .icon.icon3 {background: #a572df;}
.complete .shadow_box .box .icon img {max-width: 85px;}
.complete .shadow_box .box .txt {}
.complete .shadow_box .box .txt .f22 {font-weight: 600; color:#333;}
.complete .shadow_box .box .txt ul {margin-top: 15px;}
.complete .shadow_box .box .txt ul li {color:#888; padding-left: 10px; position: relative; margin-bottom: 4px;}
.complete .shadow_box .box .txt ul li:last-child {margin-bottom: 0;}
.complete .shadow_box .box .txt ul li::before {content: ''; display: inline-block; width: 2px; height: 2px; background: #999; position: absolute; left: 0; top: 10px;}


/** 회원 - 메이커 회원 등록 - 포트폴리오 등록 **/
.register_maker_detail {}
.register_maker_detail .row_title {display: flex; justify-content: space-between; margin-bottom: 10px;}
.register_maker_detail .row_title .f18 {margin-bottom: 0;}
.register_maker_detail .row_title .register_btn {display: flex; justify-content: center; align-items: center; color:#a572df; border: 1px solid #a572df; width: 60px; height: 28px; border-radius: 5px; letter-spacing: 0; cursor: pointer; transition: all 0.2s;}
.register_maker_detail .row_title .register_btn .plus {display: inline-block; width: 10px; height: 2px; background: #a572df; position: relative; margin-right: 5px; transition: all 0.2s;}
.register_maker_detail .row_title .register_btn .plus::after {content: '';  width: 2px; height: 10px; background: #a572df; position: absolute; top:-4px; left: 4px; transition: all 0.2s;}
.register_maker_detail .row_title .register_btn:hover {color:#fff; background: #a572df; transition: all 0.2s;}
.register_maker_detail .row_title .register_btn:hover .plus {background: #fff; transition: all 0.2s;}
.register_maker_detail .row_title .register_btn:hover .plus::after {background: #fff; transition: all 0.2s;}
.register_maker_detail .row_title2 {display: flex;}
.register_maker_detail .row_title2 .f15 {color:#888; margin-left: 8px; margin-top: 2px;}
.register_maker_detail .field_wrap .field {display: flex; align-items: center; margin-bottom: 8px;}
.register_maker_detail .field_wrap .field:last-child {margin-bottom: 0;}
.register_maker_detail .field_wrap .field .f15 {width: 8px; margin-right: 14px; color:#666; flex-shrink: 0; text-align: center;}
.register_maker_detail .field_wrap .field select {margin-right: 6px; font-weight: 500;}
.register_maker_detail .field_wrap .field input {margin-top: 0;}
.register_maker_detail .regist_pf_list {display: flex; flex-flow: wrap;}
.register_maker_detail .regist_pf_list .box {display: flex; flex: 0 1 calc(50% - 10px); width: calc(50% - 10px); margin: 0 10px 14px;}
.register_maker_detail .regist_pf_list .box:nth-child(odd){margin-left: 0;}
.register_maker_detail .regist_pf_list .box:nth-child(even) {margin-right: 0;}
.register_maker_detail .regist_pf_list .box .thum {margin-right: 16px; flex-shrink: 0; width: 90px; height: 90px;}
.register_maker_detail .regist_pf_list .box .txt .f15 {color:#aaa; font-weight: 600; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.register_maker_detail .regist_pf_list .box .txt .f16 {width: 100%;  overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 50px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/** 모달팝업 **/
.modal_popup {position: fixed; top: 0; left: 0; z-index: 99; background: rgb(0 0 0 / 60%); width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; display: none;}
.modal_popup .pop {width: 100%; max-width: 560px; margin: 0 16px; border-radius: 30px; overflow: hidden;}
.modal_popup .mp_title {background: #a572df; display: flex; justify-content: space-between; align-items: center; height: 70px; padding: 0 35px;}
.modal_popup .mp_title .f22 {color:#fff; font-weight: 600;}
.modal_popup .mp_title .close {cursor: pointer;}
.modal_popup .mp_title .close img {width: 20px;}
.modal_popup .mp_con {padding: 25px 35px 40px; background: #fff; overflow-y: auto; height: 70vh;}
.modal_popup .note {background: #faf5ff; border: 1px solid #dcd0e7; border-radius: 10px; display: flex;  padding: 8px 14px; margin-bottom: 4px;}
.modal_popup .note .icon {width: 25px; height: 25px; border-radius: 50%; background: #a572df; display: flex; justify-content: center; align-items: center; margin-right: 15px; margin-top: 6px; flex-shrink: 0;}
.modal_popup .note .icon img {width: 3px;}
.modal_popup .note ul {} 
.modal_popup .note ul li {font-weight: 400; color:#a572df; position: relative; line-height: 19px; padding-left: 6px;} 
.modal_popup .note ul li::before {content: ''; display: inline-block; width: 2px; height: 2px; background: #a572df; position: absolute; top: 8px; left: 0;}
.modal_popup .register_image {display: flex; flex-flow: wrap; }
.modal_popup .register_image .rg_image {width: 90px; height: 90px; border: 1px solid rgb(0 0 0 / 10%); margin: 0 3px; margin-top: 6px; display: flex;}
.modal_popup .register_image .rg_image.btn {cursor: pointer;}
.modal_popup .register_image .rg_image.btn:hover {border: 1px solid rgb(0 0 0 / 50%);}
.modal_popup .register_image .rg_image:first-child {margin-left: 0;}
.modal_popup .register_image .rg_image:nth-child(5n+1) {margin-left: 0;}
.modal_popup .register_image .rg_image:nth-child(5n) {margin-right: 0;}
.modal_popup .register_image .rg_image img {width: 100%;}


/** 종합검색 - 목록 **/
.search_top {background: #f6f3fa; padding: 30px 0;}

.search_option_wrap {margin-top: 10px; border-top: 2px solid #333;} 
.search_option_wrap .box {border-bottom: 1px solid #e1e1e1; display: flex; overflow: hidden;} 
.search_option_wrap .box .cm_con {display: flex; justify-content: space-between; padding: 10px 26px; width: 100%; transition: all 0.3s;}
.search_option_wrap .box .cm_con .thum {width: 130px; height: 130px; display: flex; flex-shrink: 0; flex-shrink: 0;} 
.search_option_wrap .box .cm_con .txt_wrap {display: flex; flex-flow: column; justify-content: space-between; width: calc(100% - 150px);}
.search_option_wrap .box .cm_con .txt_wrap .inner .title {display: flex; flex-wrap:wrap; align-items: center; margin-bottom: 10px;}
.search_option_wrap .box .cm_con .txt_wrap .inner .title .cate {height: 30px; width: 50px; padding: 0 4px; border-radius: 50px; background: #aaaaaa; color:#fff; margin-right: 10px; margin-top: 1px; display: flex; justify-content: center; align-items: center;}
.search_option_wrap .box .cm_con .txt_wrap .inner .title .cate_click {height: 30px; width: 50px; padding: 0 4px; border-radius: 50px; background: #e8b9b9; color:#fff; margin-right: 10px; margin-top: 1px; display: flex; justify-content: center; align-items: center;}
.search_option_wrap .box .cm_con .txt_wrap .inner .title .f20 {font-weight: 600; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search_option_wrap .box .cm_con .txt_wrap .inner .txt {color:#777; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 50px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.search_option_wrap .box .cm_con .txt_wrap .date {display: flex; align-items: center; color: #999; letter-spacing: 0; line-height: 20px;}
.search_option_wrap .box .cm_con .txt_wrap .date .icon {width: 14px; height: 14px; margin-right: 4px;}
.search_option_wrap .cm_con .txt_wrap .bottom {display: flex; align-items: center; margin-top: 16px;}
.search_option_wrap .cm_con .txt_wrap .bottom .recommend {margin-right: 30px;}
.search_option_wrap .cm_con .txt_wrap .bottom .icon {display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin-right: 2px;}
.search_option_wrap .cm_con .txt_wrap .bottom .icon img {width: 100%;}
.search_option_wrap .cm_con .txt_wrap .bottom .f14 {color:#888; font-weight: 500; vertical-align: middle; letter-spacing: 0;}
.search_option_wrap .box:hover {background: #f9f7fb; transition: all 0.3s;}
.search_option_wrap .box:hover .pj_con .txt_wrap .inner .title .f20 {color:#000;}
.search_option_wrap .box:hover .pj_con .txt_wrap .inner .txt {color:#333;}


.transaction_history .box_click {display: flex; justify-content: space-between; box-shadow: 0px 8px 35px 0px rgb(152 139 170 / 20%); background: #e8b9b9; border-radius: 10px; padding: 10px; flex: 1 1 25%; margin: 0 10px;}




/** 견적의뢰 - 목록 **/
.project_top {background: #f6f3fa; padding: 60px 0;}
.transaction_history {display: flex;}
.transaction_history .box {display: flex; justify-content: space-between; box-shadow: 0px 8px 35px 0px rgb(152 139 170 / 20%); background: #fff; border-radius: 10px; padding: 10px; flex: 1 1 25%; margin: 0 10px;}
.transaction_history .box:first-child {margin-left: 0;}
.transaction_history .box:last-child {margin-right: 0;}
.transaction_history .box .icon {width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.transaction_history .box .icon.icon1 {background: #f4be58;}
.transaction_history .box .icon.icon2 {background: #729edf;}
.transaction_history .box .icon.icon3 {background: #ec7387;}
.transaction_history .box .icon.icon4 {background: #c5c5c5;}
.transaction_history .box .icon img {max-width: 34px;}
.transaction_history .box .txt {text-align: right; margin-right: 15px;}
.transaction_history .box .txt .f16 {color:#666; font-weight: 500;}
.transaction_history .box .txt .f16red {color:red; font-weight: 800;}
.transaction_history .box .txt .result {margin-top: 12px; line-height: 40px;}



.project_list {margin-top: 70px;} 
.project_list .box {border: 1px solid #ddd; display: flex; border-radius: 20px; overflow: hidden; margin-bottom: 12px;} 
.project_list .box .pj_con {display: flex; padding: 30px 50px 30px 30px; width: calc(100% - 160px); transition: all 0.3s;}
.project_list .box .pj_con .thum {width: 130px; height: 130px; display: flex; flex-shrink: 0; margin-right: 50px;} 
.project_list .box .pj_con .thum img {}
.project_list .box .pj_con .txt_wrap {display: flex; flex-flow: column; justify-content: space-between; width: calc(100% - 180px);}
.project_list .box .pj_con .txt_wrap .inner {}
.project_list .box .pj_con .txt_wrap .inner .title {display: flex; margin-bottom: 12px;}
.project_list .box .pj_con .txt_wrap .inner .title .process {height: 26px; width: 74px; padding: 0 4px; border-radius: 50px; color:#fff; margin-right: 10px; margin-top: 1px; display: flex; justify-content: center; align-items: center;}
.project_list .box .pj_con .txt_wrap .inner .title .f18 {font-weight: 600; display: inline-block; width: calc(100% - 100px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.project_list .box .pj_con .txt_wrap .inner .txt {color:#666; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 50px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.project_list .box .pj_con .txt_wrap .date {display: flex; align-items: center; color: #999; letter-spacing: 0; line-height: 20px;}
.project_list .box .pj_con .txt_wrap .date .icon {width: 14px; height: 14px; margin-right: 4px;}
.project_list .box .pj_btn {width: 160px; border-left: 1px solid #ddd; display: flex; justify-content: center; align-items: center; flex-flow: column; transition: all 0.3s;}
.project_list .box .pj_btn .f14 {font-weight: 600; color:#666;}
.project_list .box .pj_btn .f18 {font-weight: 700; color:#000;}
.project_list .box .pj_btn .count {font-weight: 600; color:#000; position: relative; top: 1px; margin-right: 1px;}
.project_list .box .pj_btn .plus {width: 34px; height: 34px; border-radius: 50%; background: #a572df; display: flex; justify-content: center; align-items: center; margin-top: 15px; transition: all 0.3s;}
.project_list .box .pj_btn .plus span {display: inline-block; width: 10px; height: 2px; background: #fff; position: relative;}
.project_list .box .pj_btn .plus span::after {content: ''; width: 2px; height: 10px; background: #fff; position: absolute; top: -4px; left: 4px;}
.project_list .box:hover {background: #f9f7fb; border: 1px solid #a572df; transition: all 0.3s;}
.project_list .box:hover .pj_btn {border-left: 1px solid #a572df; transition: all 0.3s;}
.project_list .box:hover .pj_con .txt_wrap .inner .title .f18 {color:#000;}
.project_list .box:hover .pj_con .txt_wrap .inner .txt {color:#333;}
.project_list .box:hover .pj_btn .plus {transform: translateY(-5px); transition: all 0.3s;}



/** 견적의뢰 - 상세 **/
.request_detail .modal_popup .mp_con {height: auto; max-height: 70vh;}
.modal_popup .proposal_con .comment {font-weight: 400;}
.modal_popup .proposal_con ul {border-top: 2px solid #333; margin: 30px 0 50px;}
.modal_popup .proposal_con ul li {display: flex; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #ededed;}
.modal_popup .proposal_con ul li .title {font-weight: 700; color:#333;}
.modal_popup .proposal_con ul li .con {font-weight: 400;}
.project_detail {display: flex; justify-content: space-between;}
.project_detail .left {width: calc(100% - 480px);}
.project_detail .left .pj_con .top {display: flex; }
.project_detail .left .pj_con .top .thum {flex-shrink: 0; width: 130px; height: 130px;}
.project_detail .left .pj_con .top .thum img {width: 100%;}
.project_detail .left .pj_con .top .pj_title {margin-left: 30px; padding-top: 10px;}
.project_detail .left .pj_con .top .pj_title .state {height: 30px; width: 90px; padding: 0 10px; border-radius: 50px; color:#fff; display: flex; justify-content: center; align-items: center;}
.project_detail .left .pj_con .top .pj_title .f38 {margin-top: 18px;}
.project_detail .left .pj_con .pj_txt {color:#666; font-weight: 400; margin-top: 18px; line-height: 30px;}
.project_detail .left .pj_info {margin-top: 40px;}
.project_detail .left .pj_info ul li {display: flex; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #ddd;}
.project_detail .left .pj_info ul li .tit {color:#333; font-weight: 700;}
.project_detail .left .pj_info ul li .con {color:#222; font-weight: 500; letter-spacing: 0;}
.project_detail .left .pj_info ul li a.con {text-decoration: underline;}
.project_detail .left .btn_type2 {margin: 70px auto 0;} 
.project_detail .right {width: 400px; margin-left: 80px;}
.project_detail .right .shadow_box {padding: 30px 25px 20px; box-shadow: 0px 8px 30px 0px rgb(0 0 0 / 10%);}
.project_detail .right .shadow_box .title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
.project_detail .right .shadow_box .title .f24 {font-weight: 700;}
.project_detail .right .shadow_box .title .f16 {color:#333;}
.project_detail .right .shadow_box .title .f16 span {color:#a572df; font-weight: 700;}
.project_detail .right .proposal_list {display: flex; flex-flow: column;}
.project_detail .right .proposal_list .box {display: flex; border-bottom: 1px solid #eeeeee; padding: 15px 0; cursor: pointer;}
.project_detail .right .proposal_list .box:last-child {border-bottom: 0; padding-bottom: 0;}
.project_detail .right .proposal_list .profile {margin-right: 18px; display: flex; width: 86px; height: 86px; flex-shrink: 0; border-radius: 50%; overflow: hidden;}
.project_detail .right .proposal_list .profile img {width: 100%;}
.project_detail .right .proposal_list .proposal_text {width: 100%; display: flex; justify-content: space-between; flex-flow: column;}
.project_detail .right .proposal_list .proposal_text .title {margin-bottom: 5px; margin-top: 2px;}
.project_detail .right .proposal_list .proposal_text .title .nickname {font-weight: 600; color:#222;}
.project_detail .right .proposal_list .proposal_text .title .state {width: 60px; height: 22px; border-radius: 50px; display: flex; justify-content: center; align-items: center;}
.project_detail .right .proposal_list .proposal_con li {display: flex; justify-content: space-between;}
.project_detail .right .proposal_list .proposal_con li .title {color:#888; font-weight: 400; margin: 0;}
.project_detail .right .proposal_list .proposal_con li .con {color:#333; font-weight: 600; letter-spacing: 0;}


/** 견적의뢰 - 등록 **/
.request_register .attachments .txt_input input {width: calc(100% - 118px);}
.request_register .attachments .txt_input .btn_type1 {width: 110px; height: 50px; margin-top: 0; margin-left: 8px;}


/** 받은요청 - 목록 **/
.project_detail .shadow_box.estimate form {margin-top: 25px;}
.project_detail .shadow_box.estimate .btn_arrow {margin: 50px auto 20px;}


/** 메이커 - 목록 **/
.maker_list_wrap {display: flex; flex-wrap: wrap;}
.maker_list_wrap .box {border: 1px solid #e0e0e0; border-radius: 20px; display: flex; padding: 22px; flex: 0 1 50%; margin: 0 7px 14px; flex: 0 1 calc(50% - 7px); transition: all 0.2s;}
.maker_list_wrap .box:nth-child(odd) {margin-left: 0;}
.maker_list_wrap .box:nth-child(even) {margin-right: 0;}
.maker_list_wrap .box:nth-last-child(-n+2) {margin-bottom: 0;}
.maker_list_wrap .box .maker_img {width: 130px; height: 130px; border-radius: 50%; overflow: hidden; flex-shrink: 0;}
.maker_list_wrap .box .text_wrap {margin-left: 30px; width: 100%; display: flex; flex-flow: column; justify-content: space-between;}
.maker_list_wrap .box .text_wrap .txt .f16 {color:#666; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 50px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 8px; word-break: normal;}
.maker_list_wrap .box .text_wrap .bottom {display: flex; align-items: flex-end;}
.maker_list_wrap .box .text_wrap .bottom ul {display: flex;}
.maker_list_wrap .box .text_wrap .bottom ul li {color:#999; border-right: 1px solid #ddd; line-height: 15px; padding-right: 10px; margin-right: 10px;}
.maker_list_wrap .box .text_wrap .bottom ul li:last-child {margin-right: 0; padding-right: 0; border-right: 0;}
.maker_list_wrap .box .text_wrap .bottom .pick {display: flex; align-items: center; margin-left: 15px;}
.maker_list_wrap .box .text_wrap .bottom .pick .icon {display: flex; margin-bottom: 1px;}
.maker_list_wrap .box .text_wrap .bottom .pick .icon img {max-width: 14px;}
.maker_list_wrap .box .text_wrap .bottom .pick .f15 {font-weight: 700; color:#a572df; margin-left: 2px; margin-right: 6px; letter-spacing: 0; line-height: 15px;}
.maker_list_wrap .box .text_wrap .bottom .pick .count {font-weight: 500; color:#222; margin: 0;}
.maker_list_wrap .box:hover {background: #f9f7fb; border: 1px solid #a572df; transition: all 0.2s;}


/** 메이커 - 상세 **/
.maker_detail {}
.maker_detail .maker_title {position: relative; font-weight: 700; padding-left: 12px;}
.maker_detail .maker_title::before {content: ''; width: 4px; height: 4px; border-radius: 50%; background: #a572df; position: absolute; top: 12px; left: 0;}
.member_info_wrap {display: flex;}
.member_info_wrap .left .profile_wrap {width: 300px; margin-right: 120px;}
.member_info_wrap .left .profile_wrap .profile {width: 300px; height: 300px; border-radius: 50%; overflow: hidden;}
.member_info_wrap .left .profile_wrap .profile img {width: 100%;}
.member_info_wrap .left .profile_wrap .name {display: flex; justify-content: center; align-items: center; margin-top: 20px;}
.member_info_wrap .left .profile_wrap .name .f15 {border-radius: 5px; background: #a572df; color:#fff; font-weight: 600; padding: 0 8px; margin-left: 10px; height: 25px; letter-spacing: -0.5px;}
.member_info_wrap .left .profile_wrap .career {text-align: center; margin-top: 10px; color:#666;} 
.member_info_wrap .right {width: calc(100% - 420px);}
.member_info_wrap .right .shadow_box {padding: 64px 60px; position: relative;}
.member_info_wrap .right .shadow_box .pick {display: flex; align-items: center; position: absolute; right: 33px; top: 33px; border: 1px solid #a572df; padding: 6px 10px; border-radius: 50px; cursor: pointer; transition: all 0.2s;}
.member_info_wrap .right .shadow_box .pick .icon {display: flex; margin-bottom: 1px;}
.member_info_wrap .right .shadow_box .pick .icon img {max-width: 14px;}
.member_info_wrap .right .shadow_box .pick .icon img.off {display: block;}
.member_info_wrap .right .shadow_box .pick .icon img.on {display: none; transition: all 0.3s;}
.member_info_wrap .right .shadow_box .pick .f15 {font-weight: 600; color:#a572df; margin-left: 2px; margin-right: 6px; letter-spacing: 0; line-height: 15px; transition: all 0.2s;}
.member_info_wrap .right .shadow_box .pick .count {font-weight: 600; color:#222; margin: 0; color:#a572df;}
.member_info_wrap .right .shadow_box .pick:hover, .member_info_wrap .right .shadow_box .pick.on {background: #a572df; transition: all 0.2s;}
.member_info_wrap .right .shadow_box .pick:hover .f15, .member_info_wrap .right .shadow_box .pick.on .f15 {color:#fff; transition: all 0.2s;}
.member_info_wrap .right .shadow_box .pick:hover .icon img.off, .member_info_wrap .right .shadow_box .pick.on .icon img.off {display: none;}
.member_info_wrap .right .shadow_box .pick:hover .icon img.on, .member_info_wrap .right .shadow_box .pick.on .icon img.on {display: block; transition: all 0.3s;}
.member_info_wrap .right .shadow_box .row {border-bottom: 1px solid #ededed; display: flex; padding: 30px 0;}
.member_info_wrap .right .shadow_box .row.first {padding-top: 0;}
.member_info_wrap .right .shadow_box .row:last-child {padding-bottom: 0; border-bottom: 0;}
.member_info_wrap .right .shadow_box .row .maker_title {width: 140px;}
.member_info_wrap .right .shadow_box .row .f18 {font-weight: 400; color:#666; margin-top: 2px;}
.member_info_wrap .right .shadow_box .row ul li {display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;}
.member_info_wrap .right .shadow_box .row ul li:last-child {margin-bottom: 0;}
.member_info_wrap .right .shadow_box .row ul li .field {background: #eee; color:#888; font-weight: 600; border-radius: 50px; width: 78px; height: 26px; text-align: center; margin-right: 50px; flex-shrink: 0; display: flex; justify-content: center; align-items: center;}
.member_info_wrap .right .shadow_box .row ul li .cate {display: flex; justify-content: space-between; align-items: center; width: calc(100% - 80px); max-width: 200px;}
.member_info_wrap .right .shadow_box .row ul li .cate .f16 {color:#999;}
.member_info_wrap .right .shadow_box .row ul li .cate .f18 {font-weight: 600; text-align: right; margin-left: 12px; color:#222;}
.maker_detail .sec2 {margin-top: 50px;}
.maker_detail .sec2 .maker_title {border-bottom: 2px solid #333; padding-bottom: 10px;}


/** 포트폴리오 **/
.portfolio_detail .pf_detail_con {display: flex;}
.portfolio_detail .pf_detail_con .left {width: 50%;}
.portfolio_detail .pf_detail_con .left .image80 img {width: 400px;max-width: 600;}
.portfolio_detail .pf_detail_con .left .image100 img {max-width: 600;}
.portfolio_detail .pf_detail_con .right {width: 50%; padding-left: 60px;}
.portfolio_detail .pf_detail_con .right .box {box-shadow: 0px 8px 35px 0px rgb(0 0 0 / 7%); border-radius: 30px; padding: 60px; display: flex; flex-flow: column; justify-content: space-between; height: 600px;}
.portfolio_detail .pf_detail_con .right .box .top {display: flex; justify-content: space-between; margin-bottom: 15px;}
.portfolio_detail .pf_detail_con .right .box .top .cate {color:#a572df;}
.portfolio_detail .pf_detail_con .right .box .top .like {display: flex; border: 1px solid #ddd; border-radius: 50px; height: 22px; padding: 0 8px; display: flex; justify-content: center; align-items: center;}
.portfolio_detail .pf_detail_con .right .box .top .like .icon {margin-right: 4px; width: 12px; height: 11px; background: url('../images/like_icon.png') no-repeat center / cover;}
.portfolio_detail .pf_detail_con .right .box .top .like .num {color:#aaa; font-weight: 500;}
.portfolio_detail .pf_detail_con .right .box .top .like:hover, .portfolio_detail .pf_detail_con .right .box .top .like.on {border: 1px solid #888;}
.portfolio_detail .pf_detail_con .right .box .top .like:hover .icon, .portfolio_detail .pf_detail_con .right .box .top .like.on .icon {background: url('../images/like_icon_on.png') no-repeat center / cover;}
.portfolio_detail .pf_detail_con .right .box .top .like:hover .num, .portfolio_detail .pf_detail_con .right .box .top .like.on .num {color:#333;}
.portfolio_detail .pf_detail_con .right .box .txt .con .f18 {margin-top: 30px; color:#666; font-weight: 400; height: 200px; overflow: auto;}
.portfolio_detail .pf_detail_con .right .button_wrapper {display: flex;}
.portfolio_detail .pf_detail_con .right .btn_type2 {max-width: 140px; margin-right: 10px;}
.portfolio_detail .pf_detail_con .right .button_wrapper .btn_arrow{margin: 0;}
.portfolio_detail .sec2 {border-top: 2px solid #333; padding-top: 80px; margin-top: 90px;}
.portfolio_detail .sec2 .pf_img {justify-content: center; margin-bottom: 20px;}
.portfolio_detail .sec2 .pf_img img {width: auto; max-width: 1000px;}
.comment_wrap {margin-top: 100px;}
.comment_wrap .title {border-bottom: 2px solid #333; display: flex; align-items: flex-end; padding-bottom: 8px;}
.comment_wrap .title .f20 {font-weight: 700; color:#000;}
.comment_wrap .title .f16 {font-weight: 700; color:#a572df; margin-left: 8px;}
.comment_wrap .row .box {border-bottom: 1px solid #ddd; padding: 25px 0;}
.comment_wrap .row .box .user_info {display: flex; align-items: center;}
.comment_wrap .row .box .user_info .f16 {font-weight: 700; color:#444;}
.comment_wrap .row .box .user_info .date {color:#999; font-weight: 400; letter-spacing: 0; margin-left: 8px;}
.comment_wrap .row .box .user_info .date span {margin-left: 4px;}
.comment_wrap .row .box .user_info .delete {background: #bbb; border-radius: 3px; color:#fff; width: 30px; height: 18px; display: flex; justify-content: center; align-items: center; margin-left: 10px; font-weight: 500;}
.comment_wrap .row .box .comment {color:#777; margin-top: 8px;}
.comment_wrap .enter_comment {position: relative; margin-top: 20px;}
.comment_wrap .enter_comment textarea {border-radius: 0; height: 110px; border: 1px solid #ddd; font-size: 15px;}
.comment_wrap .enter_comment .btn_type1 {position: absolute; color:#fff; top: 10px; right: 10px; width: 100px; height: 90px; margin-top: 0;}


/** community - 목록 **/
.tab_wrap {display: flex; justify-content: center; margin-bottom: 70px;}
.tab_wrap .f18 {background: #f0f0f0; color:#aaa; font-weight: 500; border-radius: 50px; width: 160px; height: 50px; display: flex; justify-content: center; align-items: center; margin: 0 3px; cursor: pointer; transition: all 0.3s;}
.tab_wrap .f18:first-child {margin-left: 0;}
.tab_wrap .f18:last-child {margin-right: 0;}
.tab_wrap .f18:hover, .tab_wrap .f18.on {background: #a572df; color:#fff; transition: all 0.3s;}
.community_list .boardfrom .total {font-weight: 500; color:#333;}
.community_list .boardfrom .total span {font-weight: 700; color:#a572df; letter-spacing: 0;}
.comm_list_wrap {margin-top: 30px; border-top: 2px solid #333;} 
.comm_list_wrap .box {border-bottom: 1px solid #e1e1e1; display: flex; overflow: hidden;} 
.comm_list_wrap .box .cm_con {display: flex; justify-content: space-between; padding: 30px 26px; width: 100%; transition: all 0.3s;}
.comm_list_wrap .box .cm_con .thum {width: 130px; height: 130px; display: flex; flex-shrink: 0; flex-shrink: 0;} 
.comm_list_wrap .box .cm_con .txt_wrap {display: flex; flex-flow: column; justify-content: space-between; width: calc(100% - 150px);}
.comm_list_wrap .box .cm_con .txt_wrap .inner .title {display: flex; align-items: center; margin-bottom: 10px;}
.comm_list_wrap .box .cm_con .txt_wrap .inner .title .cate {height: 24px; width: 50px; padding: 0 4px; border-radius: 50px; background: #a572df; color:#fff; margin-right: 10px; margin-top: 1px; display: flex; justify-content: center; align-items: center;}
.comm_list_wrap .box .cm_con .txt_wrap .inner .title .f20 {font-weight: 600; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.comm_list_wrap .box .cm_con .txt_wrap .inner .txt {color:#777; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 50px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.comm_list_wrap .box .cm_con .txt_wrap .date {display: flex; align-items: center; color: #999; letter-spacing: 0; line-height: 20px;}
.comm_list_wrap .box .cm_con .txt_wrap .date .icon {width: 14px; height: 14px; margin-right: 4px;}
.comm_list_wrap .cm_con .txt_wrap .bottom {display: flex; align-items: center; margin-top: 16px;}
.comm_list_wrap .cm_con .txt_wrap .bottom .recommend {margin-right: 30px;}
.comm_list_wrap .cm_con .txt_wrap .bottom .icon {display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin-right: 2px;}
.comm_list_wrap .cm_con .txt_wrap .bottom .icon img {width: 100%;}
.comm_list_wrap .cm_con .txt_wrap .bottom .f14 {color:#888; font-weight: 500; vertical-align: middle; letter-spacing: 0;}
.comm_list_wrap .box:hover {background: #f9f7fb; transition: all 0.3s;}
.comm_list_wrap .box:hover .pj_con .txt_wrap .inner .title .f20 {color:#000;}
.comm_list_wrap .box:hover .pj_con .txt_wrap .inner .txt {color:#333;}
.community_list .comm_btn {position: relative;}
.community_list .comm_btn .btn_type1 {position: absolute; top: 0; right: 0; margin-top: 0; width: 140px;}


/** community - 상세 **/
.comm_detail_wrap .top {border-top: 2px solid #333; border-bottom: 1px solid #e1e1e1; padding: 30px 0 25px;}
.comm_detail_wrap .top .f30 {margin-bottom: 20px;}
.comm_detail_wrap .top .post_info {display: flex; justify-content: space-between;}
.comm_detail_wrap .top .post_info .left {display: flex;}
.comm_detail_wrap .top .post_info .left .f15 {color:#888; margin-right: 45px;}
.comm_detail_wrap .top .post_info .right {display: flex; align-items: center;}
.comm_detail_wrap .top .post_info .right .recommend {margin-right: 30px; cursor: pointer;}
.comm_detail_wrap .top .post_info .right .comment {cursor: pointer;}
.comm_detail_wrap .top .post_info .right .icon {display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin-right: 2px;}
.comm_detail_wrap .top .post_info .right .icon img {width: 100%;}
.comm_detail_wrap .top .post_info .right .icon .off {display: block;}
.comm_detail_wrap .top .post_info .right .icon .on {display: none;}
.comm_detail_wrap .top .post_info .right .btn.on .off, .comm_detail_wrap .top .post_info .right .btn:hover .off  {display: none;}
.comm_detail_wrap .top .post_info .right .btn.on .on, .comm_detail_wrap .top .post_info .right .btn:hover .on {display: block;}
.comm_detail_wrap .top .post_info .right .f14 {color:#888; font-weight: 500; vertical-align: middle; letter-spacing: 0;}
.comm_detail_wrap .top .post_info .right .btn:hover .f14, .comm_detail_wrap .top .post_info .right .btn.on .f14 {color:#a572df;}
.comm_detail_wrap .con {padding: 55px 0 50px; border-bottom: 1px solid #e1e1e1;}
.comm_detail_wrap .con .f18 {color:#777; font-weight: 400; margin-bottom: 35px;}
.comm_detail_wrap .con .f18:last-child {margin-bottom: 0;}
.comm_detail_wrap .con .image100 {justify-content: center; margin-bottom: 35px;}
.comm_detail_wrap .con .image100 img {width: auto; max-width: 950px;}
.community_detail .detail_btn {display: flex; justify-content: space-between; margin-top: 20px;}
.community_detail .detail_btn .btn_type1 {width: 140px; margin-top: 0;}
.community_detail .detail_btn .right {display: flex;}
.community_detail .detail_btn .right .btn_type1 {margin: 0 3px;}
.community_detail .detail_btn .right .btn_type1:first-child {margin-left: 0;}
.community_detail .detail_btn .right .btn_type1:last-child {margin-right: 0;}


/** community - 글쓰기 **/
.community_writing table {width: 100%; border-top: 2px solid #333;}
.community_writing table tr {border-bottom: 1px solid #ededed;}
.community_writing table tr td {padding: 10px 30px; width: calc(100% - 180px);}
.community_writing table .short {width: 70%; margin: 0;}
.community_writing table tr td.f17 {background: #f9f7fc; width: 180px; text-align: center; padding: 21px 10px; font-weight: 700; vertical-align: top;}
.community_writing table tr td .row {margin-bottom: 0;}
.community_writing table tr td input {margin-top: 0;}
.community_writing table tr td .attachments .txt_input {margin-top: 6px;}
.community_writing table tr td .attachments .txt_input:first-child {margin-top: 0;}
.community_writing table tr td .attachments .txt_input .btn_type1 {width: 120px; height: 50px; margin-top: 0; margin-left: 8px; flex-shrink: 0;}
.community_writing table tr td .attachments .thum {width: 130px; margin: 8px 0 12px;} 
.community_writing table tr td .attachments .plus_btn {width: 50px; height: 50px; background: #a572df; border-radius: 8px; display: flex; justify-content: center; align-items: center; cursor: pointer; flex-shrink: 0; margin-left: 10px; transition: all 0.3s;}
.community_writing table tr td .attachments .plus_btn .plus {width: 10px; height: 2px; background: #fff; position: relative;}
.community_writing table tr td .attachments .plus_btn .plus::after {content: ''; width: 2px; height: 10px; background: #fff; position: absolute; top: -4px; left: 50%; transform: translateX(-50%);}
.community_writing table tr td .attachments .plus_btn:hover {background: #8b43de; transition: all 0.3s;}
.community_writing  .detail_btn {display: flex; justify-content: space-between; margin-top: 20px;}
.community_writing  .detail_btn .btn_type1 {margin: 0; width: 140px;}


/** 회사소개 - 회사소개 **/
.about .row {display: flex; margin-bottom: 110px;}
.about .row .image100 {width: 100%; border-radius: 20px; overflow: hidden;}
.about .row .image100 img {object-fit: cover;}
.about .row.row1 {margin-left: 120px;}
.about .row.row2 {margin-right: 120px; justify-content: flex-end;}
.about .row.row3 {margin-left: 200px;}
.about .row.row1 .image100 {max-width: 571px;}
.about .row.row2 .image100 {max-width: 570px;}
.about .row.row3 .image100 {max-width: 400px;}
.about .row .text_box {padding-top: 65px;}
.about .row .text_box .title .f20 {color:#a572df; font-style: italic; font-weight: 700; margin-bottom: 6px;}
.about .row .text_box .title .f28 {font-weight: 600; color:#333;}
.about .row .text_box .f18 {color:#888; font-weight: 400; margin-top: 20px; width: 100%; max-width: 1000px;}
.about .row.left .text_box {margin-left: 80px;}
.about .row.right .text_box {margin-right: 80px;}
.about .row.right .text_box .title {text-align: right;}
.about .row.right .text_box .f18 {text-align: right;}










@media (max-width: 1600px) {
}


@media (max-width: 1440px) { 
    .main .main_visual_swiper .visual_slide .txt {margin-left: 60px;}
    form .row .f18 {font-size: 16px; line-height: 24px;}
    .main .main_visual_swiper .swiper-button-prev {left: 20px;}
    .main .main_visual_swiper .swiper-button-next {right: 20px;}
    .about .row.left .text_box {margin-left: 50px;}
    .about .row.right .text_box {margin-right: 50px;}
}


@media (max-width: 1199px) { 
    .main .main_visual_swiper .visual_slide .contents_wrapper {height: 400px;}
    .main .main_visual_swiper .visual_slide.visual1 .visual_img img, .main .main_visual_swiper .visual_slide.visual2 .visual_img img, .main .main_visual_swiper .visual_slide.visual3 .visual_img img {max-width: 440px;}
    .main .main_visual_swiper .visual_slide .txt {margin-left: 40px;}
    .main .main_visual_swiper .swiper-button-prev {left: 10px;}
    .main .main_visual_swiper .swiper-button-next {right: 10px;}
    .main .main_visual_swiper .swiper-button-next::after, .main .main_visual_swiper .swiper-button-prev::after {font-size: 30px;}
    .main .main_visual_swiper .visual_slide .txt .btn_arrow {margin: 35px 0 0;}
    .main .main_visual_swiper .visual_slide .txt .f40 {margin-top: 0;}
    .main .main_visual_swiper .visual_slide .txt .f44 {margin-bottom: 10px;}
    .main .section2 .maker_box_wrap {top: -25px;}
    .main .main_visual_swiper .visual_slide .txt .f18 {font-size: 17px;}
    .main .section2 .maker_list .box:nth-child(6) {display: none;}
    .complete .shadow_box {padding: 10px 40px 20px;}
    .complete .shadow_box .box .icon {margin-right: 40px;}
    .portfolio_detail .pf_detail_con .right {padding-left: 40px;}
    .portfolio_detail .pf_detail_con .right .box {height: 48vw; padding: 50px;}
    .portfolio_detail .pf_detail_con .right .box .txt .con .f18 {margin-top: 20px; height: 160px;}
    .project_detail .left {width: calc(100% - 440px);}
    .project_detail .right {margin-left: 40px;}
    .maker_list_wrap .box {padding: 18px 20px;}
    .maker_list_wrap .box .text_wrap {margin-left: 14px;}
    .maker_list_wrap .box .text_wrap .bottom ul li {padding-right: 6px; margin-right: 6px; font-size: 14px;}
    .maker_list_wrap .box .text_wrap .bottom .pick .f15 {font-size: 14px;}
    .maker_list_wrap .box .maker_img {width: 110px; height: 110px;}
    .member_info_wrap .left .profile_wrap {margin-right: 60px;}
    .member_info_wrap .right {width: calc(100% - 360px);}
    .portfolio_wrap .box .thumbnail {height: 15vw;}
    .portfolio_wrap .box .txt_wrap {padding: 14px 16px 8px;}
    .portfolio_wrap .box .txt_wrap .f18 {margin-top: 6px;}
    .about .row.row1 {margin-left: 0;}
    .about .row.row2 {margin-right: 0;}
    .about .row.row3 {margin-left:8vw;}
}


@media (max-width: 1024px) { 
    .main .main_visual_swiper .visual_slide .visual_img {align-self: auto;}
    .main .main_visual_swiper .visual_slide.visual1 .visual_img img, .main .main_visual_swiper .visual_slide.visual2 .visual_img img, .main .main_visual_swiper .visual_slide.visual3 .visual_img img {max-width: 40vw;}
    .main .main_visual_swiper .visual_slide .txt .f18 span {display: inline;}
    .main .section4 {padding: 60px 0;}
    .main .category_wrap .box {height: auto; border-radius: 20px;}
    .main .section2 .maker_box_wrap {padding: 35px 30px;}
    .main .section2 .maker_list {margin-top: 24px;}
    .main .section2 .maker_list .box .img_circle {max-width: 140px; height: 140px;}
    .main .community_list .box {padding: 30px 20px 0;}
    .complete .sec1 {height: 380px; background: #eee6f8 url('../images/complete_top_bg.jpg') no-repeat center right / cover;}
    .portfolio_detail .pf_detail_con .right {padding-left: 20px;}
    .portfolio_detail .pf_detail_con .right .box {padding: 40px;}
    .portfolio_detail .pf_detail_con .right .box .txt .con .f18 {height: 120px;}
    .portfolio_detail .pf_detail_con .right .btn_type2 {margin-right: 6px;}
    .portfolio_detail .pf_detail_con .right .box .txt .con .f18 {font-size: 16px; line-height: 26px;}
    .portfolio_detail .sec2 {padding-top: 60px; margin-top: 70px;}
    .portfolio_detail .sec2 .pf_img img {max-width: 600px;}
    .comment_wrap {margin-top: 80px;}
    .project_list .box .pj_con {width: calc(100% - 120px); padding: 22px 30px 22px 22px;}
    .project_list .box .pj_btn {width: 120px;}
    .project_list .box .pj_con .thum {margin-right: 30px; width: 110px; height: 110px;}
    .project_list .box .pj_con .txt_wrap {width: calc(100% - 140px);}
    .project_list .box .pj_con .txt_wrap .inner .title {margin-bottom: 6px;}
    .project_list .box .pj_con .txt_wrap .inner .title .process {width: 68px;}
    .transaction_history .box {margin: 0 4px;}
    .transaction_history .box .txt {margin-right: 5px;}
    .project_detail {flex-flow: column;}
    .project_detail .left {width: 100%;}
    .project_detail .right {width: 100%; margin-left: 0;}
    .project_detail .right .shadow_box {margin-top: 70px;}
    .project_detail .left .pj_info {margin-top: 30px;}
    .project_detail .left .btn_type2 {margin: 50px auto 0;}
    .project_detail .shadow_box.estimate form {margin-top: 10px;}
    .maker_list_wrap .box, .maker_list_wrap .box:nth-last-child(-n+2) {padding: 18px 16px; width: 100%; flex: 1 1 100%; margin: 0 0 8px;}
    .maker_list_wrap .box:nth-last-child(1) {margin-bottom: 0;}
    .maker_list_wrap .box .maker_img {width: 100px; height: 100px;}
    .maker_list_wrap .box .text_wrap .txt .f16 {margin-top: 2px; font-size: 15px; line-height: 23px; height: 46px;}
    .maker_list_wrap .box .text_wrap .bottom {margin-top: 10px;}
    .maker_list_wrap .box .text_wrap .bottom .pick {margin-top: 8px;}
    .member_info_wrap .left .profile_wrap {width: 250px;}
    .member_info_wrap .left .profile_wrap .profile {width: 250px; height: 250px;}
    .member_info_wrap .right {width: calc(100% - 310px);}
    .member_info_wrap .right .shadow_box {padding: 60px 40px 40px;}
    .member_info_wrap .right .shadow_box .row .maker_title {width: 120px;}
    .member_info_wrap .right .shadow_box .row ul li .field {margin-right: 30px;}
    .comm_detail_wrap .con {padding: 45px 0 40px;}
    .community_writing table tr td {padding: 10px 15px;}
    .about .row .text_box {padding-top:20px;}
    .about .row .text_box .f18 {margin-top: 20px;}
}


@media (max-width: 959px) { 
    .complete .shadow_box {padding: 10px 30px;}
    .complete .shadow_box .box {padding: 40px 0;}
    .complete .shadow_box .box .txt ul {margin-top: 10px;}
    .complete .shadow_box .box .icon {margin-right: 30px;}
    .portfolio_detail .pf_detail_con {flex-flow: column; justify-content: center; align-items: center;}
    .portfolio_detail .pf_detail_con .left {width: 100%; max-width: 600px;}
    .portfolio_detail .pf_detail_con .right {padding-left: 0; margin-top: 20px; width: 100%;}
    .portfolio_detail .pf_detail_con .right .box {height: auto;}
    .portfolio_detail .pf_detail_con .right .box .txt .con .f18 {height: auto;}
    .portfolio_detail .pf_detail_con .right .button_wrapper {margin-top: 30px;}
    .transaction_history {flex-wrap: wrap;}
    .transaction_history .box {flex: 1 1 calc(50% - 4px); margin-bottom: 8px; padding: 15px 20px 10px;}
    .transaction_history .box:nth-child(odd) {margin-left: 0;}
    .transaction_history .box:nth-child(even) {margin-right: 0;}
    .transaction_history .box:nth-last-child(-n+2) {margin-bottom: 0;}
    .project_top {padding: 40px 0;}
    .member_info_wrap .left .profile_wrap {width: 200px; margin-right: 40px;}
    .member_info_wrap .left .profile_wrap .profile {width: 200px; height: 200px;}
    .member_info_wrap .right {width: calc(100% - 240px);}
    .member_info_wrap .right .shadow_box .pick {right: 25px; top: 25px;}
    .member_info_wrap .right .shadow_box .row {padding: 22px 0;}
    .portfolio_wrap .box, .portfolio_wrap .box:nth-child(4n), .portfolio_wrap .box:nth-child(4n + 1), .portfolio_wrap .box:nth-last-child(-n+4) {flex: 0 1 calc(33.3% - 7px); margin: 0 5px 10px;}
    .portfolio_wrap .box:nth-child(3n) {margin-right: 0}
    .portfolio_wrap .box:nth-child(3n + 1) {margin-left: 0}
    .portfolio_wrap .box:nth-last-child(-n+3) {margin-bottom: 0;}
    .portfolio_wrap .box .thumbnail {height: 18vw;}
    .comm_list_wrap .box .cm_con {padding: 24px 0;}
    .comm_list_wrap .box .cm_con .thum {width: 110px; height: 110px;}
    .comm_list_wrap .box .cm_con .txt_wrap {width: calc(100% - 130px);}
    .community_detail .detail_btn .btn_type1 {width: 110px;}
    .community_writing table .short {width: 100% !important;}
    .about .row {margin-bottom: 80px;}
    .about .row.row3 {margin-left: 0;}
    .about .row.row3 .image100 {max-width: 350px;}
}


@media (max-width: 850px) { 
    .main .section2 .maker_list .box .img_circle {max-width: 120px; height: 120px;}
    .main .section2 .maker_list {margin-top: 20px;}
    .main .community_list .box {width: 33.3%;}
    .main .community_list .box:nth-child(3) {padding-right: 0;}
    .main .community_list .box:nth-child(4) {display: none;}

}

@media (max-width: 800px) { 
    .main .main_visual_swiper .visual_slide.visual1 .visual_img img, .main .main_visual_swiper .visual_slide.visual2 .visual_img img, .main .main_visual_swiper .visual_slide.visual3 .visual_img img {max-width: 35vw;}
    .main .main_visual_swiper .visual_slide .contents_wrapper {height: 360px;}
    .main .category_wrap .box {padding: 18px 20px;}
}

@media (max-width: 767px) {
    .main .main_visual_swiper .visual_slide .contents_wrapper {flex-flow: column; height: 560px; padding: 40px 20px;}
    .main .main_visual_swiper .visual_slide .visual_img {order: 2;}
    .main .main_visual_swiper .visual_slide .txt {order: 1; margin-bottom: 35px; margin-left: 0; text-align: center;}
    .main .main_visual_swiper .visual_slide.visual1 .visual_img img, .main .main_visual_swiper .visual_slide.visual2 .visual_img img {max-width: 400px;}
    .main .main_visual_swiper .visual_slide.visual3 .visual_img img {max-width: 300px;}
    .main .main_visual_swiper .visual_slide.visual1 .visual_img {}
    .main .main_visual_swiper .visual_slide .txt .btn_arrow {margin: 25px auto 0;}
    .main .main_visual_swiper .visual_slide .txt .f18 {font-size: 16px;}
    .main .section2 .maker_box_wrap {border-radius: 20px;}
    .main .category_wrap {flex-flow: wrap;}
    .main .category_wrap .box {flex: 1 1 calc(33.3% - 10px); margin:0 5px 10px;}
    .main .category_wrap .box:nth-child(3) {margin-right: 0;}
    .main .category_wrap .box:nth-child(4) {margin-left: 0;}
    .main .category_wrap .box .icon img {max-width: 100px;}
    .main .section2 .maker_list .box:nth-child(5) {display: none;}
    .login .shadow_box {padding-bottom: 45px;}
    .terms .terms_wrap .line_box {padding: 16px 18px;}
    .register_maker_detail .field_wrap .field input {margin-bottom: 0;}
    .register_maker_detail .regist_pf_list .box .thum {width: 70px; height: 70px; margin-right: 12px;}
    .register_maker_detail .regist_pf_list .box .txt .f16 {font-size: 14px; line-height: 22px; height: 42px;}
    .complete .sec1 {height: 340px;}
    .complete .sec1 .txt .btn_arrow {margin-top: 20px;}
    .complete .shadow_box {top: -50px;}
    .complete .shadow_box .box {align-items: flex-start;}
    .complete .shadow_box .box .icon {width: 100px; height: 100px;}
    .complete .shadow_box .box .icon img {max-width: 60px;}
    .portfolio_detail .pf_detail_con .right .box .top .like {margin-top: 0;}
    .portfolio_detail .sec2 .pf_img img {width: 100%; max-width: 100%;}
    .project_list .box .pj_con .txt_wrap .inner .title .process {height: 24px; margin-right: 8px; margin-top: 0;}
    .project_list .box .pj_con .txt_wrap .inner .txt {font-size: 15px; line-height: 23px; height: 44px;}
    .project_list {margin-top: 60px;}
    .transaction_history .box .icon {width: 70px; height: 70px;}
    .transaction_history .box .txt .result {margin-top: 8px;}
    .project_list {margin-top: 50px;}
    .project_top {padding: 30px 0;}
    .project_detail .left .pj_con .pj_txt {line-height: 26px;}
    .project_detail .left .pj_con .top .pj_title {}
    .project_detail .left .pj_con .top .thum {width: 100px; height: 100px;}
    .project_detail .left .pj_con .top .pj_title {margin-left: 20px; padding-top: 0;}
    .project_detail .left .pj_con .top .pj_title .state {height: 24px; width: 80px; font-size: 15px;}
    .project_detail .left .pj_con .top .pj_title .f38 {margin-top: 10px; font-size: 24px; line-height: 34px;}
    .member_info_wrap .left .profile_wrap {width: 200px;}
    .member_info_wrap .left .profile_wrap .profile {width: 200px; height: 200px;}
    .member_info_wrap .right {width: calc(100% - 240px);}
    .member_info_wrap .right .shadow_box {padding: 50px 30px 30px;}
    .member_info_wrap .right .shadow_box .row {flex-flow: column;}
    .member_info_wrap .right .shadow_box .row .f18 {margin-top: 0;}
    .member_info_wrap .right .shadow_box .row .maker_title {margin-bottom: 10px;}
    .member_info_wrap .right .shadow_box .row ul li {margin-bottom: 8px;}
    .member_info_wrap .right .shadow_box .row ul li {justify-content: flex-start;}
    .member_info_wrap .right .shadow_box .row ul li .cate {max-width: 150px;}
    .member_info_wrap .right .shadow_box .row .maker_title {width: 100%;}
    .tab_wrap {margin-bottom: 40px;}
    .comm_list_wrap {margin-top: 40px;}
    .comm_list_wrap .box .cm_con .txt_wrap {width: calc(100% - 120px);}
    .comm_list_wrap .box .cm_con .thum {width: 100px; height: 100px;}
    .comm_detail_wrap .con {padding: 35px 0 25px;}
    .comm_detail_wrap .con .f18 {margin-bottom: 25px;}
    .comm_detail_wrap .con .image100 {margin-bottom: 25px;}
    .comm_detail_wrap .con .image100 img {width: 100%; max-width: 950px;}
    .community_writing table tr td {width: calc(100% - 120px);}
    .community_writing table tr td.f17 {font-size: 16px; width: 120px;}
    .community_writing table tr td .attachments .txt_input .btn_type1 {width: 90px; margin-left: 6px}
    .community_writing table tr td .attachments .plus_btn {margin-left: 8px;}
    .about .row .text_box {padding-top: 0;}
    .about .row.left .text_box {margin-left: 30px;}
    .about .row.right .text_box {margin-right: 30px;}
    .about .row.row3 .image100 {max-width: 300px;}
}


@media (max-width: 640px) {
    .main .category_wrap .box .icon img {max-width: 18vw;}
    .main .section2 .maker_list .box:nth-child(4) {display: none;}
    .main .section2 .maker_box_wrap {padding: 30px 25px;}
    .main .section2 .maker_list .box .txt .f16 {font-size: 15px;}
    .main .community_list .box {width: 50%; padding: 26px 10px 0;}
    .main .community_list .box:nth-child(2) {padding-right: 0;}
    .main .community_list .box:nth-child(3) {display: none;}
    .main .section3 {margin-bottom: 70px;}
    .main .section5 {margin: 70px 0;}
    .main .section2 .maker_list {justify-content: center;}
    .main .section2 .maker_list .box {margin: 0 15px;}
    .main .section2 .maker_list .box:nth-child(3) {margin-right: 0;}
    .register_maker_detail .row_title2 {flex-flow: column; margin-bottom: 12px;}
    .register_maker_detail .row_title2 .f18 {margin-bottom: 0;}
    .register_maker_detail .row_title2 .f15 {margin: 0;}
    .modal_popup .register_image .rg_image, .modal_popup .register_image .rg_image:nth-child(5n), .modal_popup .register_image .rg_image:nth-child(5n+1) {flex: 0 1 calc(25% - 6px); width: 25%; height: auto; margin: 0 3px; margin-top: 6px;}
    .modal_popup .register_image .rg_image:first-child {margin-left: 0;}
    .modal_popup .register_image .rg_image:nth-child(4n+1) {margin-left: 0;}
    .modal_popup .register_image .rg_image:nth-child(4n) {margin-right: 0;}
    .modal_popup .mp_con {padding: 25px 20px 40px;}
    .complete .shadow_box {padding: 10px 20px;}
    .complete .shadow_box .box .icon {margin-right: 20px;}
    .complete .shadow_box .box {padding: 30px 0;}
    .portfolio_detail .pf_detail_con .right .box {padding: 35px 30px;}
    .portfolio_detail .pf_detail_con .right .box .txt .con .f18 {margin-top: 15px;}
    .comment_wrap .enter_comment .btn_type1 {width: 80px;}
    .project_list .box {flex-flow: column;}
    .project_list .box .pj_con {width: 100%; padding: 20px 18px;}
    .project_list .box .pj_btn {width: 100%; border-left: 0; border-top: 1px solid #ddd; flex-flow: nowrap; padding: 4px 0;}
    .project_list .box .pj_btn .f14 {margin-right: 6px;}
    .project_list .box .pj_btn .plus {margin-top: 0; width: 24px; height: 24px; margin-left: 12px;}
    .project_list .box .pj_btn .count {font-size: 22px;}
    .project_list .box:hover .pj_btn {border-left: 0; border-top: 1px solid #a572df;}
    .project_list .box:hover .pj_btn .plus {transform: translateY(0);}
    .project_list .box .pj_con .thum {margin-right: 20px;}
    .project_list .box .pj_con .txt_wrap {width: calc(100% - 130px);}
    .project_list .box .pj_btn .plus {width: 20px; height: 20px; margin-left: 8px;}
    .project_list .box .pj_btn .plus span {width: 8px;}
    .project_list .box .pj_btn .plus span::after {height: 8px; top: -3px; left: 3px;}
    .transaction_history .box .icon {width: 60px; height: 60px;}
    .transaction_history .box .txt .result {margin-top: 0px;}
    .receive_list .project_list .box .pj_btn {padding: 10px 0 8px;}
    .request_register .attachments .txt_input input {width: calc(100% - 98px);}
    .request_register .attachments .txt_input .btn_type1 {width: 90px;}
    .maker_list_wrap .box .text_wrap .bottom {flex-flow: column; align-items: flex-start;}
    .member_info_wrap {flex-flow: column;}
    .member_info_wrap .right {width: 100%;}
    .member_info_wrap .left .profile_wrap {width: auto; margin: 0 0 26px;}
    .member_info_wrap .left .profile_wrap .career {margin-top: 6px;}
    .member_info_wrap .left .profile_wrap .profile {margin: 0 auto;}
    .member_info_wrap .right .shadow_box {padding: 36px 20px 30px;}
    .member_info_wrap .right .shadow_box .pick {right: 18px; top: 20px;}
    .member_info_wrap .right .shadow_box .row ul li .field {font-size: 15px; width: 74px;}
    .member_info_wrap .right .shadow_box .row .maker_title {padding-left: 10px;}
    .portfolio_wrap {margin-top: 20px;}
    .portfolio_wrap .box, .portfolio_wrap .box:nth-child(4n), .portfolio_wrap .box:nth-child(4n + 1), .portfolio_wrap .box:nth-last-child(-n+4), .portfolio_wrap .box:nth-child(3n), .portfolio_wrap .box:nth-child(3n + 1), .portfolio_wrap .box:nth-last-child(-n+3) {flex: 0 1 calc(50% - 4px); margin: 0 4px 8px;}
    .portfolio_wrap .box:nth-child(odd) {margin-left: 0}
    .portfolio_wrap .box:nth-child(even) {margin-right: 0}
    .portfolio_wrap .box:nth-last-child(-n+2) {margin-bottom: 0;}
    .portfolio_wrap .box .thumbnail {height: 26vw;}
    .tab_wrap {flex-wrap: wrap; justify-content: flex-start;}
    .tab_wrap .f18 {margin: 0 2px 6px; flex: 0 1 calc(33.3% - 3px); height: 46px;}
    .tab_wrap .f18:first-child, .community_list .tab_wrap .f18:nth-child(4) {margin-left: 0;}
    .tab_wrap .f18:nth-child(3) {margin-right: 0;}
    .comm_list_wrap .box .cm_con .txt_wrap .inner .title {margin-bottom: 6px;}
    .comm_list_wrap .cm_con .txt_wrap .bottom {margin-top: 10px;}
    .comm_list_wrap .box .cm_con .thum {display: none;}
    .comm_list_wrap .box .cm_con .txt_wrap {width: 100%;}
    .comm_list_wrap .box .cm_con {padding: 20px 0;}
    .community_list .comm_btn .btn_type1 {width: 100px;}
    .community_list .comm_btn .btn_type2 {max-width: 160px;}
    .community_detail .detail_btn .btn_type1 {width: 80px;}
    .comm_detail_wrap .top {padding: 24px 0 18px;}
    .comm_detail_wrap .top .f30 {margin-bottom: 14px;}
    .community_writing table tr td {padding: 10px 10px; width: calc(100% - 80px);}
    .community_writing table tr td.f17 {width: 80px;}
    .community_writing table tr td .attachments .txt_input .btn_type1 {width: 80px; margin-left: 4px;}
    .community_writing table tr td .attachments .plus_btn {margin-left: 6px;}
}


@media (max-width: 540px) {
    .about .row {flex-flow: column; margin-bottom: 60px;}
    .about .row.left .text_box {margin-left: 0;}
    .about .row.right .text_box {margin-right: 0;}
    .about .row .text_box .f18 {max-width: 100%;}
    .about .row .text_box {margin-top: 20px;}
    .about .row.row2 .text_box {order: 2;}
    .about .row.row2 .image100 {order: 1;}
    .about .row.right .text_box .title {text-align: left;}
    .about .row.right .text_box .f18 {text-align: left;}
    .about .row .text_box .title .f20 {margin-bottom: 0;}
    .about .row .text_box .f18 { margin-top: 10px;}
    .about .row.row3 .image100 {margin: 0 auto;}
}


@media (max-width: 479px) {
    .main .category_wrap {flex-flow: column;}
    .main .category_wrap .box {flex: 1 1 100%; margin: 0 0 6px; padding: 12px 16px; width: 100%; border-radius: 15px; flex-flow: nowrap; justify-content: flex-start;}
    .main .category_wrap .box .f18 {margin-top: 0; margin-left: 20px;}
    .main .section2 .maker_list .box .img_circle {max-width: 100px; height: 100px;}
    .main .title .more_btn .f14 {display: none;}
    .main .title .more_btn .plus_circle {width: 28px; height: 28px;}
    .main .section2 .maker_list .box {margin: 0 5px;}
    
    .login .shadow_box {padding-bottom: 35px;}
    .login .box.last_box .signup_wrap {flex-flow: column;}
    .login .box.last_box .signup_wrap .txt {margin-bottom: 6px;}
    .terms .terms_wrap .line_box {height: 160px;}
    .register_maker_detail .regist_pf_list {flex-flow: column;}
    .register_maker_detail .regist_pf_list .box {flex: 1 1 100%; width: 100%; margin: 0 0 10px;}
    .register_maker_detail .field_wrap .field {flex-flow: wrap; margin-bottom: 10px;}
    .register_maker_detail .field_wrap .field select {width: calc(50% - 15px);}
    .register_maker_detail .field_wrap .field input {width: 100%; margin: 4px 6px 0 18px;}
    .register_maker_detail .field_wrap .field .f15 {margin-right: 10px;}
    .complete .sec1 {height: 300px;}
    .complete .shadow_box {top: -40px;}
    .complete .shadow_box .box {flex-flow: column; align-items: center;}
    .complete .shadow_box .box .icon {margin-right: 0; margin-bottom: 20px;}
    .complete .shadow_box .box .txt ul li {margin-bottom: 6px;}
    .portfolio_detail .sec2 {padding-top: 40px; margin-top: 50px;}
    .portfolio_detail .pf_detail_con .right .box {padding: 30px 25px;}
    .portfolio_detail .pf_detail_con .right .button_wrapper {flex-flow: column;}
    .portfolio_detail .pf_detail_con .right .button_wrapper .btn_type2 {width: 100%; max-width: 100%;}
    .portfolio_detail .pf_detail_con .right .button_wrapper .btn_arrow {width: 100%; max-width: 100%; margin-top: 8px;}
    .comment_wrap {margin-top: 60px;}
    .project_list .box .pj_con .txt_wrap .inner .title {flex-flow: column; margin-bottom: 4px;}
    .project_list .box .pj_con .txt_wrap .inner .title .f18 {margin-top: 6px; width: 100%;}
    .project_list .box .pj_con .txt_wrap .date {margin-top: 10px;}
    .project_list .box .pj_con .thum {width: 90px; height: 90px;}
    .project_list .box .pj_con .txt_wrap {width: calc(100% - 110px);}
    .transaction_history .box {padding: 10px 12px; border-radius: 15px;}
    .transaction_history .box .icon {width: 50px; height: 50px;}
    .transaction_history .box .txt .f16 {font-size: 14px; line-height: 14px;}
    .transaction_history .box .txt .result {margin-top: 0; line-height: 28px; margin-top: 8px;}
    .transaction_history .box .icon img {max-width: 28px;}
    .project_detail .right .shadow_box {padding: 25px 18px 20px;}
    .project_detail .right .proposal_list .profile {width: 70px; height: 70px;}
    .project_detail .right .proposal_list .proposal_con li {flex-flow: column; margin-bottom: 5px;}
    .project_detail .right .proposal_list .proposal_con li:last-child {margin-bottom: 0;}
    .project_detail .left .pj_con .top .thum {width: 80px; height: 80px;}
    .project_detail .left .pj_con .top .pj_title .f38 {font-size: 22px; line-height: 32px;}
    .project_detail .left .pj_con .top .pj_title {margin-left: 15px;}
    .project_detail .left .pj_info {margin-top: 20px;}
    .project_detail .left .pj_info ul li {padding: 10px 0;}
    .maker_list_wrap .box {flex-flow: column;}
    .maker_list_wrap .box .maker_img {align-self: center;}
    .maker_list_wrap .box .text_wrap {margin-left: 0; margin-top: 12px;}
    .maker_list_wrap .box .text_wrap .txt .f18 {text-align: center;}
    .member_info_wrap .left .profile_wrap .profile {width: 160px; height: 160px;}
    .member_info_wrap .left .profile_wrap .name {margin-top: 12px;}
    .member_info_wrap .left .profile_wrap {margin: 0 0 20px;}
    .portfolio_wrap .box .txt_wrap {padding: 10px 12px 4px;}
    .portfolio_wrap .box .txt_wrap .cate {padding: 0 8px;}
    .community_list .comm_btn .btn_type1 {width: 100%; max-width: 100%; position: static; margin: 14px 0 0;}
    .community_list .comm_btn .btn_type2 {max-width: 100%;}
    .comm_detail_wrap .con {padding: 30px 0 20px;}
    .comm_detail_wrap .con .f18 {margin-bottom: 20px;}
    .comm_detail_wrap .con .image100 {margin-bottom: 20px;}
    .comm_detail_wrap .top {padding: 20px 0 15px;}
    .comm_detail_wrap .top .f30 {margin-bottom: 14px;}
    .comm_detail_wrap .top .post_info .left .f15 {margin-right: 15px; font-size: 14px;}
    .comm_detail_wrap .top .post_info .right .icon {margin-right: 0px;}
    .comm_detail_wrap .top .post_info .right .recommend {margin-right: 15px;}
    .comm_detail_wrap .top .post_info .right .f14 {font-size: 13px;}
    .community_detail .detail_btn {flex-flow: column;}
    .community_detail .detail_btn .btn_type1 {width: 100%; max-width: 100%; margin: 0;}
    .community_detail .detail_btn .right {margin-top: 10px;}
    .community_detail .detail_btn .right .btn_type1 {margin: 0 2px;}
    .community_writing table tr td .attachments .txt_input .btn_type1 {width: 64px;}
    .community_writing table tr {display: flex; flex-flow: column;}
    .community_writing table tr td {width: 100%; padding: 0; padding: 6px 0 10px;}
    .community_writing table tr td.f17 {width: 100%; background: transparent; text-align: left; padding: 10px 0 0;}
    .community_writing .detail_btn .btn_type1 {width: 50%; margin: 0 2px;}
    .community_writing .detail_btn .btn_type1:first-child {margin-left: 0;}
    .community_writing .detail_btn .btn_type1:last-child {margin-right: 0;}

}

@media (max-width: 420px) {
    .main .section2 .maker_box_wrap {padding: 25px 20px;}
}

@media (max-width: 374px) {
    .main .section2 .maker_list .box {margin: 0 15px;}
    .main .section2 .maker_list .box:nth-child(2) {margin-right: 0;}
    .main .section2 .maker_list .box:nth-child(3) {display: none;}
    .comm_detail_wrap .top .post_info {flex-flow: column;}
    .comm_detail_wrap .top .post_info .left, .comm_detail_wrap .top .post_info .right {width: 100%;}
    .comm_detail_wrap .top .post_info .left .f15, .comm_detail_wrap .top .post_info .right .recommend {margin-right: 30px;}
}