.feedback .leftcard {
    float: left;
    width: 480px;
}
.feedback .leftcard .mymsg {
    width: 95%;
    min-height: 300px;
    background-color: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: -20px 12px 12px 12px;
}
.feedback .leftcard .mymsg .message {
    padding: 20px 40px 40px 40px;
}
.feedback .leftcard .mymsg .message .title {
    position: relative;
    font-size: 22px;
    color: #313333;
}
.feedback .leftcard .mymsg .message textarea.message {
    width: 90%;
    height: 110px;
    margin: 20px 12px 0 0;
    border: 1px solid #dcdcdc;
    padding: 5px;
}
.feedback .leftcard .mymsg .message .btns {
    text-align: center;
}
.feedback .leftcard .mymsg .message .btns button {
    background: #f585a2;
    width: 100px;
    padding: 10px 12px;
    border: none;
    color: #ffffff;
    font-size: 15px;
    margin-top: 10px;
}
.feedback .leftcard .companymsg {
    width: 95%;
    min-height: 300px;
    background-color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 12px 12px 0px 12px;
}
.feedback .leftcard .companymsg hr {
    width: 95%;
    border: 1px solid #faf0f3;
}
.feedback .leftcard .companymsg .txt {
    padding: 10px 12px;
}
.feedback .rightcard {
    float: left;
    margin-left: 1px;
    width: 479px;
}
.feedback .rightcard .modules {
    position: relative;
    width: 95%;
    min-height: 600px;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 12px 12px 20px 12px;
}
.feedback .rightcard .modules .container {
    padding: 12px 12px;
}
.feedback .rightcard .modules .title {
    position: relative;
    padding: 35px 40px 0 40px;
    font-size: 22px;
    color: #313333;
    display: inline-block;
}
.feedback .rightcard .modules .ad {
    text-align: center;
    position: absolute;
    bottom: 12px;
    width: 100%;
}
button.feedback_btn {
    background: #f585a2;
    padding: 10px 12px;
    border: none;
    color: #ffffff;
    font-size: 15px;
    margin-top: 10px;
}

/* cjs 22.03.10 수정*/
.pr_pop {
    width: 600px;
    background-color: white;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    padding: 30px;
    letter-spacing: -1px;
    box-sizing: border-box;
}
.pr_pop * {
    box-sizing: border-box;
}
#select_member_request_type {
    width: calc(762px / 1.5);
    padding: 40px 45px;
}
#select_member_request_type::-webkit-scrollbar {
    width: 5px;
}
#select_member_request_type::-webkit-scrollbar-thumb {
    background: #afafaf;
    border-radius: 5px;
}
.pr_pop .pr_pop_title {
    width: 100%;
    font-family: "nskeb";
    text-align: center;
    letter-spacing: -2px;
    font-size: 35px;
    margin-bottom: 0px;
}
.pr_pop .pr_pop_close {
    width: 100%;
    text-align: right;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 1em;
}
.pr_pop .pr_pop_close_icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-image: url("/_asset/img/close_Btn.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.pr_pop .pr_pop_msg {
    width: 100%;
    font-family: "nskm";
    letter-spacing: -1.5px;
    text-align: center;
    line-height: 37px;
    border-bottom: 1px solid #000;
    font-size: 16px;
    padding-bottom: 15px;
}
.pr_pop .pr_pop_mem {
    width: 100%;
}
.pr_pop .pr_pop_mem .pr_pop_mem_form {
    width: 80%;
    margin: 30px auto 0;
}
.pop_sns_log {
    width: 100%;
}
.pop_sns_log a {
    height: 60px;
    font-size: 18px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #000;
    font-family: "nskm";
    letter-spacing: -1px;
}
.pop_sns_log a:not(:last-child) {
    margin-bottom: 10px;
}

/* cjs 220426 로그인 팝업 디자인 변경으로 일반회원 로그인 버튼추가 */
.pop_sns_log .nosns_btn {
    background: url(../img/login/T_icon.png) no-repeat center left 12px;
    background-size: 40px;
}
.pop_sns_log .kakao {
    background: url(../img/login/sns_ico_1.png) no-repeat center left 12px;
    background-size: 40px;
}
.pop_sns_log .naver {
    background: url(../img/login/sns_ico_2.png) no-repeat center left 12px;
    background-size: 40px;
}
.pop_sns_log .facebook {
    background: url(../img/login/sns_ico_3.png) no-repeat center left 12px;
    background-size: 40px;
}
.pop_sns_log .azoomma {
    background: url(../img/login/sns_ico_4.png) no-repeat center left 12px;
    background-size: 40px;
}
.no_sns_log {
    width: 100%;
    margin-top: 15px;
}
.no_sns_log .belog_btn {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #000;
    font-size: 18px;
    font-family: "nskm";
    letter-spacing: -1px;
    margin-top: 50px;
}
.findbox {
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.findbox a {
    font-size: 16px;
    font-family: "nskm";
    color: #000;
    border-bottom: 1px solid #000;
}

/* 공통 설정부분 */
.missionList .resumeAcc input,
.missionList .resumeAcc textarea,
.missionList .resumeAcc select {
    box-sizing: border-box;
}

.resumeList ul li {
    float: none;
    width: 100%;
}

/*상단 프로젝트 현황 제목 css project-status-title*/
.project-status-title {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.project-status-title h1 {
    margin-bottom: 0;
}
.project-status-title .searchClick {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
.project-status-title .searchClick .listBtn {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    margin-right: 20px;
    align-items: baseline;
}
.project-status-title .searchClick .listBtn a {
    font-size: 14px;
    padding: 0 10px;
}
.project-status-title .searchClick .listBtn a span {
    font-weight: 600;
    font-size: 18px;
}

.listProject {
    width: 100%;
}
.listProject .list {
    margin-bottom: 85px;
}
.listProject .list li {
    position: relative;
}
.listProject .companyImg {
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    overflow: hidden;
    display: grid;
}
.searchClick .searchBox {
    width: 280px;
    height: 40px;
    border-radius: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
    background: #f4f4f4;
}
.searchClick .searchBox input[type="text"] {
    font-size: 18px;
    width: 200px;
    height: 40px;
    border: none;
    outline: none;
    background: #f4f4f4;
}
.searchClick .searchBox input[type="image"] {
    float: right;
    width: 25px;
    margin: 10px 20px 0 0;
}
.searchClick .searchBox a {
    align-self: center;
}
.searchClick .searchBox a img {
    width: 25px;
}

/* 꼭 읽어주세요 팝업 */
.fix_black {
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
}
.notice_pop {
    display: none;
    position: fixed;
    width: 1000px;
    height: 95%;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 60px 50px 30px;
    z-index: 150;
}
.notice_pop .closeBtn {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 25px;
    height: 25px;
    background: url(/_asset/img/close_Btn.png) no-repeat center center;
    cursor: pointer;
}
.notice_pop .notice_wrap {
    width: 100%;
    height: 100%;
}
.notice_pop .notice_wrap .vsubject {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 3px solid #000;
    font-size: 36px;
    font-family: "nskb";
    letter-spacing: -1px;
}
.notice_pop .notice_wrap .vinfo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin: 14px 0 35px;
    font-size: 14px;
    font-family: "nskr";
    letter-spacing: -1px;
    color: #ababab;
}
.notice_pop .notice_wrap .vinfo span span {
    margin-left: 10px;
}
.notice_pop .notice_wrap .vinfo span:not(:last-child) {
    margin-right: 27px;
}
.notice_pop .notice_wrap .cont_scroll {
    width: 100%;
    height: 70%;
    overflow-y: scroll;
}
.notice_pop .notice_wrap .cont_scroll::-webkit-scrollbar {
    width: 5px;
}
.notice_pop .notice_wrap .cont_scroll::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 5px;
}
.notice_pop .notice_wrap .prev_noti {
    width: 100%;
    margin-top: 40px;
    padding-top: 15px;
    border-top: 1px solid #9e9e9e;
    font-size: 20px;
    font-family: "nskr";
    letter-spacing: -1px;
}
.notice_pop .notice_wrap .prev_noti .prevtit span {
    margin-left: 50px;
}

/* 활동페이지 초기진입 */
.logBox {
    width: 594px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 0;
}
.logBox .tit {
    width: 100%;
    font-size: 45px;
    font-family: "nskeb";
    text-align: center;
    letter-spacing: -2px;
    margin-bottom: 25px;
}
.logBox .txt {
    width: 100%;
    font-size: 24px;
    font-family: "nskm";
    letter-spacing: -1.5px;
    text-align: center;
    padding-bottom: 30px;
    line-height: 37px;
    border-bottom: 1px solid #000;
}
.logBox .txt.un_bor {
    padding-bottom: 40px;
    margin-bottom: 0;
    border-bottom: 1px solid #000;
}
.logBox .loginSns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 384px;
    margin-top: 30px;
    box-sizing: border-box;
}
.logBox .loginSns a {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: -9999px;
    overflow: hidden;
}
.logBox .loginSns a:nth-child(1) {
    background: url(/_asset/img/login/sns_ico_1.png) no-repeat center center;
}
.logBox .loginSns a:nth-child(2) {
    background: url(/_asset/img/login/sns_ico_2.png) no-repeat center center;
}
.logBox .loginSns a:nth-child(3) {
    background: url(/_asset/img/login/sns_ico_3.png) no-repeat center center;
}
.logBox .loginSns a:nth-child(4) {
    background: url(/_asset/img/login/sns_ico_4.png) no-repeat center center;
}
.logBox .log_in {
    width: 384px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #000;
    font-size: 21px;
    font-family: "nskm";
    letter-spacing: -1px;
    color: #000;
    box-sizing: border-box;
    margin-top: 50px;
    cursor: pointer;
}
.logBox .be_log {
    width: 384px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #000;
    font-size: 21px;
    font-family: "nskm";
    letter-spacing: -1px;
    box-sizing: border-box;
    margin-top: 10px;
    cursor: pointer;
}
.logBox .be_logpop {
    display: none;
}
.logBox .innerBox {
    width: 384px;
    margin: 50px auto 0;
    box-sizing: border-box;
}
.logBox .innerBox input {
    width: 100%;
    height: 62px;
    box-sizing: border-box;
    border: 2px solid #000;
    font-size: 21px;
    font-family: "nskm";
    letter-spacing: -1px;
    padding: 0 15px;
}
.logBox .innerBox input::placeholder {
    color: #b8b8b8;
}
.logBox .innerBox input[type="text"] {
    margin-bottom: 15px;
}
.logBox .innerBox .txt {
    font-size: 20px;
    text-align: left;
    font-family: "nskr";
    letter-spacing: -1px;
    padding-bottom: 40px;
    border-bottom: 0;
}
.logBox .innerBox .reserveBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    background: #000;
    color: #fff;
    font-size: 24px;
    font-family: "nskm";
    letter-spacing: -1px;
    margin: 0;
}

/* 로그인페이지이동 */
.general {
    display: none;
    width: 594px;
    margin: 0 auto;
    padding: 40px 0;
}
.general .tit {
    width: 100%;
    font-size: 45px;
    font-family: "nskeb";
    text-align: center;
    letter-spacing: -2px;
    margin-bottom: 25px;
}
.general .txt {
    width: 100%;
    font-size: 24px;
    font-family: "nskm";
    letter-spacing: -1.5px;
    text-align: center;
    padding-bottom: 30px;
    line-height: 37px;
    border-bottom: 1px solid #000;
}
.general .loginbox {
    width: 384px;
    margin: 62px auto 20px;
}
.general .loginbox li {
    width: 100%;
    height: 62px;
    border: 2px solid #e1e1e6;
    padding: 0 10px;
    box-sizing: border-box;
}
.general .loginbox li input {
    width: 100%;
    height: 100%;
    font-size: 21px;
    font-family: "nskm";
    color: #000;
    box-sizing: border-box;
    outline: none;
    border: 0;
}
.general .loginbox li input::placeholder {
    color: #b8b8b8;
}
.general .loginbox li:first-child {
    margin-bottom: 10px;
}
.general .loginCheck {
    width: 384px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.general .loginCheck .loginSerch a {
    font-size: 19px;
    font-family: "nskm";
    color: #000;
    border-bottom: 1px solid #000;
}
.general .loginCheck .loginSerch a:first-child {
    margin-right: 10px;
}
.general .loginBtn {
    width: 384px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 35px auto;
    background: #000;
    font-size: 21px;
    font-family: "nskm";
    color: #fff;
    letter-spacing: -1px;
    cursor: pointer;
}

/* 활동페이지 수정 팝업 버튼 */
.missionList .missionBtn.pBtn {
    width: 333px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    margin: 30px auto 0px;
    font-size: 20px;
    font-family: "nskm";
    letter-spacing: -1px;
    color: #ffffff;
}

.sns_view_wrap .add_wrap .urltxt {
    font-size: 20px;
    font-family: "nskr";
    letter-spacing: -1px;
    color: #696868;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sns_view_wrap .add_wrap .urltxt .txt-a {
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.project .missionList ul.mission {
    border-top: 2px solid #000;
}
.project .resumeList ul.mission li {
    width: 100%;
    margin: 40px 0 0;
    border-bottom: 0;
}
.project .resumeList ul.mission li .tit {
    margin-bottom: 15px;
    font: 18px "nskm";
}
.missionList .acc02 li input [type="text"] {
    height: 60px;
    padding: 0 20px;
    color: #000;
}
.project .resumeList ul.mission li input[type="file"] {
    height: 60px;
    outline: none;
    padding: 0;
    padding-left: 20px;
    border: 1px solid #c6c6c6;
    font: 14px "nskr";
    font-weight: normal;
    letter-spacing: -1px;
    color: #999;
    position: relative;
    line-height: 60px;
}
.project .resumeList ul.mission li input[type="file"]::file-selector-button {
    background: #000;
    color: #fff;
    width: 20%;
    height: 60px;
    border: 0;
    font: 14px "nskm";
    font-weight: normal;
    letter-spacing: -1px;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0;
    cursor: pointer;
}
.add_photo_area div {
    font: 14px "nskr";
    color: #000;
    margin-top: 15px;
}
.add_photo_area div span {
    padding: 3px 10px;
    font: 14px "nskr";
    color: #fff;
    background: #000;
    cursor: pointer;
}

.mission-table-responsive {
    overflow-x: auto;
}
table.mission-table {
    font: 16px "nskr";
    border-top: 2px solid #000;
    background-color: #fff;
    color: #000;
    width: 100%;
}
table.mission-table th,
table.mission-table td {
    border: 1px solid #000;
    padding: 4px 4px;
}
table.mission-table thead > * {
    background-color: #000;
    color: #fff;
}
table.mission-table th {
    text-align: center;
}

/*프로젝트 상세페이지 리뉴얼 css*/
.projectDetail.new {
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 0.45fr 1fr 0.45fr; /* background: #efefef; */
    align-items: center;
    z-index: 1;
    padding: 50px 0;
    column-gap: 15px; /* display: none; */
}
.projectDetail.new::before {
    content: "";
    display: block;
    width: 2140px;
    height: 100%;
    position: absolute;
    background: #efefef;
    z-index: -1;
    left: -380px;
    top: 0;
}
.projectDetail.new.imageNone {
    grid-template-columns: 1fr 0.4fr;
    padding: 80px 0;
}
.projectDetail .companyLogo {
    width: 300px;
    height: 300px;
    display: block;
}
.projectDetail.new .detailBox {
    display: grid;
    width: 100%;
}
.projectDetail .detailBox dl {
    width: 100%;
}
.projectDetail .detailBox dl dt,
.projectDetail.new.sticky .detailBox p.project_subject {
    font-size: 40px;
    color: #000;
    text-align: left;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: -0.02em;
}
.projectDetail .detailBox dl dd,
.projectDetail .detailBox dl dd > a,
.projectDetail.new.sticky .detailBox p.projectStatus span {
    font-size: 16px;
    color: #999999;
    text-align: left;
    line-height: 25px;
    margin-top: 15px;
}
.projectDetail .detailBox dl dd.projectStatus,
.projectDetail.new.sticky .detailBox div.projectStatus {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 15px;
    font-size: 22px;
    color: #000;
    margin-top: 40px;
}
.projectDetail .detailBox dl dd.projectStatus div {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
}
.projectDetail .detailBox dl dd.projectStatus a,
.projectDetail.new.sticky .detailBox div.projectStatus p:last-child a {
    display: block;
    font-size: 20px;
    color: #000;
    padding: 5px 20px;
    box-sizing: border-box;
    line-height: 22px;
    border-radius: 8px;
    background: #fff;
}
.projectDetail .detailBox dl dd.projectStatus a.black {
    background: #ffe54d;
}
.projectDetail .detailBox dl dd.projectStatus .snspop_btn {
    background: none;
    margin: 0;
    padding: 0;
}
.snspop_btn img {
    width: auto;
    height: 30px;
}
.projectDetail .btnSns {
    display: flex;
    align-self: center;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    row-gap: 20px;
}
.projectDetail .btnSns a.btn {
    display: block;
    border-radius: 10px;
    width: 100%;
    height: 74px;
    line-height: 74px;
    background-color: #f585a2;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
.projectDetail .btnSns .btn.ing {
    background-color: #f585a2;
    color: #ffffff;
}
.projectDetail .btnSns .btn.mission {
    background-color: #333333;
    color: #ffffff;
}
.projectDetail .btnSns .btn.end {
    background-color: #ffffff;
    color: #999999;
}
.projectDetail .btnSns .btn.assess {
    background-color: #b3c9fa;
    color: #ffffff;
}
.projectDetail .btnSns .btn.finish {
    background-color: #c6c6c6;
    color: #ffffff;
}
.projectDetail .btnSns .snsBox {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 6px;
}
.projectDetail .btnSns .snsBox a {
    display: block;
}
.projectDetail .btnSns .snsBox a.mobile {
    display: none;
}
.projectDetail .btnSns .snsBox a img {
    width: 40px;
    height: auto;
}

/* 공유하기버튼 팝업 css */
.pr_pop.mobSnsPopup {
    display: none;
    width: 90%;
    max-width: 600px;
    height: auto;
    padding: 20px 10px 30px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #999;
}
.pr_pop.mobSnsPopup .popInner {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.pr_pop.mobSnsPopup .popInner p {
    font-size: 20px;
    display: flex;
    flex-direction: row;
    height: 25px;
    justify-content: center;
    align-items: center;
}
.pr_pop.mobSnsPopup .popInner p span {
    line-height: 25px;
}
.pr_pop.mobSnsPopup .popInner p a {
    display: block;
    position: absolute;
    top: 0;
    right: 22px;
}
.pr_pop.mobSnsPopup .popInner p img {
    display: block;
}
.pr_pop.mobSnsPopup .popInner ul.snsBox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    row-gap: 15px;
    margin-top: 30px;
}
.pr_pop.mobSnsPopup .popInner ul.snsBox li {
    width: 30%;
}
.pr_pop.mobSnsPopup .popInner ul.snsBox li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
    position: relative;
}
.pr_pop.mobSnsPopup .popInner ul.snsBox li a::after {
    content: attr(data-sns-name);
    display: block;
    width: 100%;
    font-size: 14px;
    color: #333;
    position: absolute;
    bottom: 0;
    text-align: center;
}
.pr_pop.mobSnsPopup .popInner ul.snsBox li a img {
    display: block;
    width: 60px;
    margin: 0 auto;
}

/*프로젝트 상세페이지 리뉴얼 댓글창 css*/
.project_commentWrap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 0 50px;
}
.project_commentWrap p.project_comment_status {
    font-size: 16px;
    padding: 30px 0;
}
.project_commentWrap p.project_comment_status span {
    font-weight: 900;
}
.project_commentArea ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.project_commentArea ul li:first-child {
    width: 78%;
}
.project_commentArea ul li textarea {
    display: block;
    width: 100%;
    height: 150px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
}
.project_commentArea ul li:last-child {
    width: 20%;
}
.project_commentArea ul li button {
    width: 100%;
    height: 150px;
    border: none;
    background: #000;
    color: #fff;
    font-size: 18px;
}
.project_commentList {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 20px;
    padding-bottom: 40px;
}
.project_commentList > ul {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.project_commentList ul li.project_commentList_top ul,
.project_commentList ul li.project_commentList_bottom ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 10px;
}
.project_commentList ul li.project_commentList_top ul {
    justify-content: flex-start;
    align-items: center;
}
.project_commentList ul li.project_commentList_top ul li p,
.project_commentList ul li.project_commentList_bottom ul li p {
    font-size: 16px;
    word-break: break-all;
}
.project_commentList ul li.project_commentList_top ul li:last-child p {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.project_commentList ul li.project_commentList_top ul li p a {
    display: block;
    color: #ababab;
    font-weight: 300;
    padding: 0 5px;
}
.project_commentList ul li.project_commentList_bottom ul {
    justify-content: space-between;
    align-items: flex-start;
}
.project_commentList ul li.project_commentList_bottom ul li:first-child {
    width: 85%;
}
.project_commentList ul li.project_commentList_bottom ul li:last-child {
    width: 10%;
    display: flex;
    justify-content: flex-end;
}
.project_commentList ul li.project_commentList_bottom ul li span {
    font-size: 16px;
    color: #ababab;
    font-weight: 300;
}
.project_commentList ul li ul li img {
    display: block;
    width: 34px;
    height: 34px;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
}
.project_comment_edit {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding: 30px 0;
}
.project_commentList ul li.project_commentList_bottom ul.project_comment_edit li:first-child {
    width: 78%;
}
.project_commentList ul li.project_commentList_bottom ul.project_comment_edit li:last-child {
    width: 20%;
}
.project_comment_edit textarea {
    display: block;
    width: 100%;
    height: 150px;
    padding: 10px;
    box-sizing: border-box;
}
.project_comment_edit li button {
    width: 100%;
    height: 150px;
    border: none;
    background: #000;
    color: #fff;
    font-size: 18px;
}
.comment_moreView {
    width: 100%;
    height: 74px;
    background: #fff;
    border: 1px solid #ababab;
    color: #333;
    font-size: 18px;
}

/*프로젝트 상세페이지 리뉴얼 스티키 탭 css*/
.projectDetail.new.sticky {
    max-width: 1400px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: fixed;
    top: 0;
    padding: 15px 0;
    display: none;
    animation: scrollDown 0.6s;
    z-index: 10;
}
@keyframes scrollDown {
    0% {
        top: -400px;
    }
    100% {
        top: 0;
    }
}
.projectDetail.new.sticky::before {
    top: 0;
}
.projectDetail.new.sticky .detailBox p.project_subject {
    font-size: 36px;
}
.projectDetail.new.sticky .detailBox .btnSns {
    row-gap: 6px;
}
.projectDetail.new.sticky .detailBox .btnSns a {
    height: 45px;
    line-height: 45px;
}

.projectDetail.new.sticky .detailBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.projectDetail.new.sticky .btnSns a {
    padding: 0 40px;
}

.projectViewWrap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.detailUnderBox {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 45px 0 20px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}
.detailUnderBox .detailTxt {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border: none;
}
.detailUnderBox .detailTxt tr {
    font-size: 16px;
    color: #000;
    text-align: left;
}
.detailUnderBox .detailTxt tr td {
    color: #000;
    box-sizing: border-box;
}
.detailUnderBox .detailTxt tr td.detailTit {
    color: #ababab;
    border-right: 1px solid #ababab;
    width: 26%;
    padding: 5px 0 5px;
}
.detailUnderBox .detailTxt tr td.detailCont {
    width: 70%;
    padding: 5px 0 5px 4%;
    word-break: break-all;
}

/* 프로젝트 상세페이지 하단 슬라이드 css 2024.05.22 추가 */
.v2_wrap .log_projectBox {
    max-width: 1000px;
    margin: 0 auto 50px;
}

/* 프로젝트 상세페이지 스토어 페이지 이동 버튼 css 23.07.17 추가 */
.to_commerce {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    letter-spacing: -0.5px;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    background: #fff;
    transition: all 0.2s;
    overflow: hidden;
}
.to_commerce:hover {
    color: #fff;
    background: #000;
}

/* 프로젝트 상세페이지 하단 '프로젝트 신청' '제품 자세히 보기' css 24.10.18 추가 */
.store_btn_wrap {
    width: 80%;
    margin: 2.5rem auto 1rem;
}
.store_btn_wrap a {
    display: block;
    text-align: center;
}

/*프로젝트 상세페이지 공지사항 1:1문의 리뉴얼 css*/
#projectContents .projectDetail.inquiry.mylist {
    margin-top: 20px;
}
.projectNoticeTit {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.projectDetail.inquiry.mylist .inquiryList {
    width: 100%;
    border-top: 2px solid #333;
}
.projectDetail.inquiry.mylist .inquiryList ul#board_list {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ababab;
}
.projectDetail.inquiry.mylist .inquiryWrite {
    width: fit-content;
    margin-bottom: 20px;
    margin-left: auto;
}
.projectDetail.inquiry.mylist .inquiryWrite a {
    display: block;
    font-size: 18px;
    text-align: center;
    padding: 15px 50px;
    background: #000;
    color: #fff;
}
.projectDetail.inquiry.mylist .inquiryList ul#board_list li {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    border: none;
}
.projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    background: none;
    padding: 40px 20px 20px;
    border-bottom: 1px solid #ababab;
    font-weight: 300;
}
.projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn.project-notice-title {
    cursor: pointer;
}
.projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn span.inquiryTitWrap {
    display: flex;
    flex-direction: row;
    column-gap: 5px;
    align-items: center;
}
.projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn span {
    font-size: 20px;
    line-height: 28px;
    text-align: left;
}
.projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn > span {
    display: block;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn span.inquiryTit {
    display: block;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn a.showNotice {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    align-items: center;
}
.projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn a.showNotice span {
    display: block;
    font-size: 16px;
    text-align: right;
    color: #000;
}

.projectView {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    color: #999999;
    border-bottom: 2px solid #333;
}

.porojectComment:after {
    display: block;
    content: "";
    clear: both;
}
.porojectComment {
    background-color: #f2f2f2;
    width: 96%;
    padding: 2%;
}
.porojectComment textarea {
    outline: none;
    padding: 20px 2%;
    font-size: 14px;
    color: #999999;
    border: 1px solid #686969;
    width: 80%;
    height: 90px;
    float: left;
    margin-bottom: 14px;
}
.porojectComment a.btn {
    width: 15%;
    border: 1px solid #686969;
    border-left: none;
    float: left;
    height: 130px;
    background-color: #ffffff;
    line-height: 130px;
    font-size: 19px;
    color: #f36487;
    text-align: center;
}
/* 리뉴얼 프로젝트 뷰 */
.projectDetail.new .btnSns a.btn {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
    font-size: 22px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    border: 1px solid #000;
}
.projectDetail.new .btnSns a.newIng {
    background-color: #000;
}
.projectDetail.new .btnSns a.newMission {
    background-color: #000;
}
.projectDetail.new .btnSns a.newEnd {
    background-color: #000;
}
.projectDetail.new .btnSns a.newEnd img {
    margin-right: 15px;
    margin-top: -4px;
}

/*프로젝트 상세페이지 설문문항 리뉴얼 css*/
.appTitleWrap {
    margin-top: 100px;
}
.gotoProject {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.appTitleWrap h3 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}
.appTitleWrap .appStatusBar {
    width: 100%;
    max-width: 1000px;
    margin: 30px auto 60px;
    position: relative;
    height: auto;
}
.appTitleWrap .appStatusBar progress {
    width: 100%;
    height: 10px;
    border-radius: 15px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.appTitleWrap .appStatusBar progress::-webkit-progress-bar {
    background: #efefef;
}
.appTitleWrap .appStatusBar progress::-webkit-progress-value {
    background: #000;
    transition: all 0.5s;
}
.prev_application,
.application {
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 10px;
}
.prev_application .prevAppInfo p {
    font-size: 16px;
    text-align: center;
    line-height: 25px;
}
.prev_application .not-enter-sns {
    margin-top: 40px;
    padding: 20px 25px;
    border: 1px solid #a7a7a7;
    border-radius: 10px;
}
.prev_application .snsArea {
    width: 100%;
    /* max-width: 760px; */
    display: flex;
    justify-content: center;
    margin: 15px auto 0;
}
.prev_application .startResearch {
    width: fit-content;
    margin: 0 auto;
    margin-top: 15px;
}
.prev_application .startResearch a,
#module_load #research_question_list a.missionBtn {
    width: 310px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    transition: all 0.2s;
    margin: 20px auto;
}
.prev_application .startResearch:hover a,
#module_load #research_question_list a.missionBtn:hover {
    background: #000;
    color: #fff;
}
#module_load dl.appTitle.research_title {
    display: none;
}
#module_load #research_question_list li.research_question h1.research_titleMain {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    padding-bottom: 5px;
}
.research .research_question > p {
    margin: 0;
    font-size: 14px;
    color: #999;
    font-weight: 300;
}
#module_load #research_question_list li.research_question table {
    /* margin-left: 10px; */
}
.research .research_question div.inputBox {
    margin-top: 15px;
}
.prev_application .areaInner-profile.areaInner.on {
    /* max-width: 760px; */
    /* margin: 30px auto; */
    margin: 15px auto;
}
.prev_application .areaInner-profile.areaInner.on .setting-area{
    margin-top: 0;
}
.prev_application button.change_info_btn {
    padding: 5px 26px;
}
.prev_application .selectArea > div {
    float: none;
    width: 100%;
}
.prev_application .select p.optionDefault {
    width: 100%;
    padding-left: 16px;
    font-size: 16px;
    color: #000;
    margin: 0;
}

/*설문문항 css*/
div.inputBox.listStyle01,
div.inputBox.listStyle04 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 20px;
    align-items: flex-start;
    justify-content: flex-start;
}
div.inputBox.listStyle01 .radio_input,
div.inputBox.listStyle04 p {
    display: flex;
    flex-direction: row;
    /* justify-content: flex-start; */
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}

/*설문문항 radio button css*/
div.inputBox.listStyle01 .radio_input input[type="radio"].research_radio {
    position: initial;
    z-index: 1;
    opacity: 1;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #555;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
div.inputBox.listStyle01 .radio_input input[type="radio"].research_radio.radioSelect::after {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    background: #333;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
div.inputBox.listStyle01 .radio_input input[type="radio"].research_radio + label {
    padding: 0;
    height: auto !important;
    margin: 0;
    background: none;
    font-size: 16px;
    color: #000;
    display: block;
}

/*설문문항 selectbox css*/
div.inputBox.listStyle04 p input[type="checkbox"].research_check {
    display: block;
    position: initial;
    z-index: 1;
    opacity: 1;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    border: 2px solid #333;
    background: #fff;
    position: relative;
    cursor: pointer;
}
div.inputBox.listStyle04 p input[type="checkbox"].research_check.checkSelect {
    background: url("/_asset/img/user/icon_check03_on.png") 50% 50% no-repeat;
    background-size: contain;
}
div.inputBox.listStyle04 p input[type="checkbox"].research_check + label {
    display: block;
    height: auto;
    font-size: 1rem;
    color: #000;
    padding: 0;
    margin: 0;
    background: none;
}

/*설문문항 화면 exit popup*/
.layer_exit_pop {
    width: 300px;
    padding: 30px 0;
    display: none;
}
.layer_exit_pop p {
    font-size: 18px;
    text-align: center;
    padding: 20px 5px;
    word-break: keep-all;
}
.layer_exit_pop .exit_A {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.layer_exit_pop .exit_A a {
    font-size: 14px;
    text-align: center;
    display: block;
    padding: 15px 0;
    width: 50%;
}
.layer_exit_pop .exit_A a:first-child {
    background: #aeaeae;
}
.layer_exit_pop .exit_A a:last-child {
    background: #000;
    color: #fff;
}

/* 프로젝트 메인 */
.contents.project:after {
    display: block;
    content: "";
    clear: both;
}
.contents.project {
    margin-top: 25px;
}

.companySlider {
    width: auto;
    border: 1px solid #f2f2f2;
    height: 300px;
    position: relative;
}
.companySlider .slider {
    float: left;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
}
.companySlider .slider ul {
    height: auto;
}
.companySlider .slider ul li {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 1px;
}
.companySlider .slider img {
    border: none;
    padding: 0;
    margin: 0;
}
.companySlider .slider img.companyLogo {
    float: left;
    width: 298px;
}
.companySlider .slider img.companyVisual {
    float: left;
    width: 700px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.companySlider .slider .bx-viewport {
    height: auto !important;
}
.companySlider .slider .bx-controls {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
}
.companySlider .slider .bx-pager {
    width: 100%;
    text-align: center;
    position: relative;
    top: 0;
    right: 0;
}
.companySlider .slider .bx-pager-item {
    display: inline-block;
    margin: 0 5px;
}
.companySlider .slider .bx-controls-auto {
    position: absolute;
    top: 0;
    right: 24px;
    width: 50px;
    display: none;
}
.companySlider .slider .bx-controls-auto div a {
    margin-left: 10px;
}
.companySlider .slider .bx-pager-link {
    background: url("/_asset/img/project/projectSlider_off.png") no-repeat;
    width: 15px;
    height: 15px;
    font-size: 0;
    float: left;
}
.companySlider .slider .bx-pager-link.active {
    background: url("/_asset/img/project/projectSlider_on.png") no-repeat;
    width: 15px;
    height: 15px;
    font-size: 0;
    float: left;
}
.companySlider .slider .bx-start {
    background: url("/_asset/img/project/projectSlider_play_off.png") no-repeat;
    width: 13px;
    height: 18px;
    font-size: 0;
    float: left;
}
.companySlider .slider .bx-start.active {
    background: url("/_asset/img/project/projectSlider_play_on.png") no-repeat;
    width: 13px;
    height: 18px;
    font-size: 0;
    float: left;
}
.companySlider .slider .bx-stop {
    background: url("/_asset/img/project/projectSlider_stop_off.png") no-repeat;
    width: 13px;
    height: 18px;
    font-size: 0;
    float: left;
}
.companySlider .slider .bx-stop.active {
    background: url("/_asset/img/project/projectSlider_stop_on.png") no-repeat;
    width: 13px;
    height: 18px;
    font-size: 0;
    float: left;
}

.category {
    width: 100%;
}
.category .categoryBox {
    width: 100%;
}
.category .categoryBox h1 {
    font-size: 18px;
    color: #313333;
    text-align: left;
    font-weight: bold;
    margin-left: 8px;
    width: 14%;
    vertical-align: top;
    float: left;
}
.category .categoryBox .categoryList {
    width: 85%;
    float: right;
}
.category .categoryBox .categoryList a {
    font-size: 14px;
    color: #999999;
    display: inline-block;
    width: 13%;
    text-align: center;
    margin-bottom: 21px;
}
.category .categoryBox .categoryList a.first {
    width: 9%;
}
.category .categoryBox .categoryList a.last {
    width: 9%;
}
.category .categoryBox .categoryList .spanBar {
    margin: 0;
}

/*사이드 lnb css*/
nav.lnb .lnbList li a {
    display: block;
}
nav.lnb .lnbList.myproject li:nth-child(1).on:after {
    width: 35px;
}
nav.lnb .lnbList.myproject li:nth-child(2).on:after {
    width: 55px;
}
nav.lnb .lnbList.myproject li:nth-child(3).on:after {
    width: 80px;
}
nav.lnb .lnbList.myproject li:nth-child(4).on:after {
    width: 35px;
}

.companySlider.main {
    width: auto;
    border: 1px solid #f2f2f2;
    height: 298px;
    position: relative;
}
.companySlider.main .slider img.companyVisual {
    float: left;
    width: 700px;
    position: absolute;
    top: -2px;
    right: -1px;
}

.listProject .companyText {
    width: 100%;
}
.listProject .companyText dl {
    margin-bottom: 15px;
}
.listProject .companyText dt {
    font-size: 21px;
    line-height: 26px;
    color: #f36487;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
}
.listProject .companyText dt a {
    color: #f36487 !important;
}
.listProject .companyText dt.end a {
    color: #313333 !important;
}
.listProject .companyText dd {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.listProject .companyText p {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}
.listProject .companyText p span {
    color: #313333;
}
.listProject a.projectBtn {
    position: absolute;
    top: 169px;
    left: 33px;
    width: 348px;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
}
.listProject a.projectBtn.ing {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}
.listProject a.projectBtn.mission {
    background-color: #000;
    color: #ffffff;
    border: 1px solid #000;
}
.listProject a.projectBtn.end {
    color: #999999;
}
.listProject a.projectBtn.assess {
    background-color: #b3c9fa;
    color: #ffffff;
    border: 1px solid #b3c9fa;
}
.listProject a.projectBtn.finish {
    background-color: #f2f2f2;
    color: #313333;
    border: 1px solid #c6c6c6;
}

.listProject .arrow {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 100px;
}
.listProject .arrow li {
    font-size: 18px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 2px;
}
.listProject .arrow li a {
    height: 27px;
    line-height: 27px;
    color: #999999;
    padding: 0 9px;
    display: inline-block;
}

/* 프로젝트 뷰 */
.projectAcc_btn {
    display: none;
}
.projectTabs {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block !important;
}
.projectTabs ul:after {
    display: block;
    content: "";
    clear: both;
}
.projectTabs li {
    width: 13%;
    float: left;
    margin-left: 15px;
}
.projectTabs li.first {
    margin-left: 0;
}
.projectTabs li a {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #999999;
    display: block;
    text-align: center;
    border: 1px solid #c6c6c6;
}
.projectTabs li.on a {
    background-color: #313333;
    border: 1px solid #313333;
    color: #ffffff;
}
.projectTabs li a:hover {
    background-color: #313333;
    border: 1px solid #313333;
    color: #ffffff;
}

.porojectComment .snsWrite {
    position: absolute;
    right: 0;
    top: 0;
    clear: both;
}
.porojectComment .snsWrite input[type="checkbox"] {
    position: absolute;
    z-index: -1;
}
.porojectComment .snsWrite input[type="checkbox"] + label {
    padding-left: 32px;
    height: 23px;
    padding-bottom: 9px;
    background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
    padding: 5px 0 5px 32px;
    margin-right: 15px;
}
.porojectComment .snsWrite input[type="checkbox"].checkSelect + label {
    padding-left: 32px;
    padding-bottom: 9px;
    height: 23px;
    background: url("/_asset/img/project/check_gray_on.jpg") no-repeat;
}
.porojectComment .snsWrite input[type="checkbox"]:checked + label {
    padding-left: 32px;
    padding-bottom: 9px;
    height: 23px;
    background: url("/_asset/img/project/check_gray_on.jpg") no-repeat;
}
.porojectComment .fileUpload_project {
    clear: both;
    position: relative;
}
.porojectComment .fileUpload_project .fileUpload_input {
    width: 44%;
    height: 12px;
    line-height: 12px;
    border: 1px solid #c6c6c6;
    background-color: #ffffff;
    padding: 16px 20px 15px 20px;
}
.porojectComment .fileUpload_project .fileUpload_div {
    position: relative;
    width: 16%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
}
.porojectComment .fileUpload_project .fileUpload_button {
    position: absolute;
    width: 63%;
    top: 0px;
    padding: 0 17%;
    border: 1px solid #c6c6c6;
    background-color: #ffffff;
    height: 34px;
    line-height: 34px;
}
.porojectComment .fileUpload_project .fileUpload_button img {
    margin-right: 6%;
}
.porojectComment .fileUpload_project .fileUpload_hidden {
    width: 99%;
    height: 36px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
.porojectComment .fileUpload_project .fileUpload_div.img {
    float: left;
    margin-right: 8px;
}
.porojectComment .fileUpload_project #fileImg {
    margin-right: 24px;
}

#review_list {
    margin-bottom: 47px;
}
.projectReview:after {
    display: block;
    content: "";
    clear: both;
}
.projectReview {
    width: 96%;
    padding: 0;
    clear: both;
    position: relative;
}
.projectReview:first-child {
    border-top: none;
}
.projectReview .reviewProfile {
    width: 13%;
    float: left;
}
.projectReview .reviewProfile p {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.projectReview .reviewProfile span.profileBg {
    width: 80px;
    height: 80px;
    background: url("/_asset/img/project/profileBg.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% auto;
    behavior: url(/_asset/css/backgroundsize.min.htc);
}
.projectReview .reviewProfile img.profileEx {
    width: 72px;
}
.projectReview .reviewText {
    float: left;
    width: 80%;
}
.projectReview .reviewText dl {
    width: 100%;
}
.projectReview .reviewText dt {
    font-size: 18px;
    color: #999999;
    text-align: left;
    font-weight: normal;
    margin-bottom: 14px;
}
.projectReview .reviewText dt span {
    font-size: 14px;
    color: #999999;
    margin-left: 10px;
    font-weight: normal;
}
.projectReview .reviewText dd {
    line-height: 25px;
    font-size: 18px;
    color: #313333;
    width: 100%;
    word-break: break-all;
}

.projectReview .reviewShare {
    position: initial;
}
.projectReview .shareBox {
    width: 150px;
    float: left;
    text-align: center;
}
.projectReview .shareBox a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 10px;
}
.projectReview .reviewShare a.remove {
    float: left;
    width: 88px;
    display: block;
    height: 24px;
    line-height: 24px;
    border: 1px solid #c8c8c8;
    background-color: #f9f9f9;
    font-size: 14px;
    color: #313333;
    text-align: center;
    margin-left: 10px;
}

.projectReview .reviewBtn {
    font-size: 14px;
    color: #999999;
    width: 86%;
    padding-right: 45px;
    float: right;
    text-align: right;
    background: url("/_asset/img/common/icon_answer_off.png") no-repeat 98% bottom;
    margin-top: -39px;
}
.projectReview .reviewBtn.active {
    background: url("/_asset/img/common/icon_answer_on.png") no-repeat 100% bottom;
    margin-top: 30px;
    margin-bottom: 20px;
}
.projectReview .reviewAcc {
    width: 830px;
    word-break: break-all;
    float: right;
    font-size: 14px;
    color: #999999;
}
.projectReview .reviewAcc img {
    max-width: 100%;
    height: auto !important;
}

.projectReview .reviewImg {
    width: 87%;
    float: right;
    clear: both;
}
.projectReview .reviewImg img {
    margin-bottom: 10px;
    width: 100%;
}
.projectReview .reviewImg iframe {
    width: 100%;
}
.reviewLoading {
    width: 100%;
    background-color: #f2f2f2;
    padding: 22px 0;
    text-align: center;
    margin-bottom: 77px;
}
.reviewLoading span {
    font-size: 16px;
    color: #313333;
    display: block;
    margin: 17px auto 0 auto;
    text-align: center;
}
.review_moreView {
    font-size: 19px;
    color: #313333;
    text-align: center;
    width: 100%;
    height: 74px;
    line-height: 74px;
    border: 1px solid #c6c6c6;
    display: none;
}

/* 리뉴얼 프로젝트 메인 */
.project.new .listProject .list li {
    border: none;
}
.listProject .companyImg.new {
    width: 45%;
    border: none;
}
.listProject .companyImg.new img {
    width: 420px;
    height: 179px;
    border: 1px solid #f2f2f2;
}
.listProject .companyText.new {
    width: 48%;
    margin-top: 6px;
}
.listProject .companyText.new dt {
    font-size: 20px;
    text-align: left;
    margin-bottom: 10px;
    font-weight: normal;
    letter-spacing: -0.025em;
}
.listProject .companyText.new dt a {
    color: #313333 !important;
    display: block;
}
.listProject .companyText.new dd p {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}
.listProject .companyText.new dd span {
    width: 45%;
    float: left;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}
.listProject .companyText.new a.btn {
    width: 221px;
    height: 42px;
    line-height: 42px;
    display: block;
    font-size: 16px;
    text-align: center;
    position: absolute;
    bottom: 45px;
}
.listProject .companyText.new a.newIng {
    background-color: #f2f2f2;
    border: 1px solid #c6c6c6;
    color: #313333;
}
.listProject .companyText.new a.newMission {
    border: 1px solid #c6c6c6;
    color: #313333;
}
.listProject .companyText.new a.newEnd {
    text-align: left;
    font-size: 18px;
}
.listProject .companyText.new a.newEnd img {
    margin-right: 15px;
    margin-top: -4px;
}
.listProject .companyImg.new.finish {
    background-color: #ffffff;
    height: 179px;
}
.listProject .companyText.new.finish dt a {
    color: #999999 !important;
}

/* 활동 미션 */
.projectDetail.mission {
    border-bottom: none;
}
.missionTitle {
    width: 96%;
    padding: 0 2%;
    position: relative;
}
.missionTitle p {
    font-size: 14px;
    color: #999999;
    position: absolute;
    top: 19px;
    left: 0;
}
.missionTitle p b {
    color: #313333;
    font-weight: normal;
}
.missionTitle h1 {
    font-size: 24px;
    color: #313333;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
.missionTitle h1 span {
    font-size: 53px;
    color: #e2587a;
    vertical-align: middle;
    margin: 0 12px 0 32px;
}

.choiceMission:after {
    display: block;
    content: "";
    clear: both;
}
.choiceMission {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 30px;
}
.choiceMission ul {
    text-align: center;
    width: 100%;
}
.choiceMission li {
    width: 7%;
    height: 53px;
    background-color: #f2f2f2;
    margin: 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.choiceMission li:first-child {
    margin-left: 0;
}
.choiceMission li.on {
    background-color: #333333;
}

.missionNotice span {
    width: 96%;
    display: block;
    float: left;
    background: url("/_asset/img/project/icon_notice_gray.png") no-repeat;
    padding-left: 32px;
    font-size: 14px;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mission a.moreInfo_open {
    padding: 0 50px 10px 16px;
    font-size: 17px;
    color: #666666;
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #c6c6c6;
    background: url("/_asset/img/user/arrowBottom_gray.png") no-repeat 97% 15px;
    display: block;
    text-align: right;
}
.mission .receiveList {
    margin-top: 43px;
    border: none;
}
.missionList {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
}
.missionList ul:after {
    display: block;
    content: "";
    clear: both;
}
.missionList ul {
    margin-bottom: 0;
    /* border-bottom: 1px solid #c6c6c6; */
}
.missionList li {
    padding: 45px 2% 22px 2%;
}
.missionList .missionCount {
    float: left;
    position: relative;
    width: 120px;
    height: 120px;
    line-height: 120px;
    background-color: #e9819b;
    text-align: center;
    font-size: 60px;
    color: #ffffff;
    font-weight: bold;
}
.missionList .missionCount.finish {
    background-color: #f2f2f2;
    color: #313333;
}
.missionList .missionCount span.countBg {
    width: 120px;
    height: 120px;
    background: url("/_asset/img/project/missionBg.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.missionList .missionTxt {
    float: right;
    width: 84%;
}
.missionList .missionTxt .urlcopy {
    position: absolute;
    top: 30px;
    right: 0;
}
.missionList .missionTxt .urlcopy.mobile {
    display: none;
}
.missionList dl {
    width: 100%;
    box-sizing: border-box;
}
.missionList dt {
    font-size: 18px;
    margin-bottom: 25px;
    color: #313333;
    text-align: left;
    font-weight: bold;
}
.missionList dt span {
    font-size: 14px;
    color: #999999;
    float: right;
}
.missionList dd {
    font-size: 14px;
    color: #999999;
    width: 95%;
}
.missionList .mylist {
    margin-top: 140px;
    margin-left: 130px;
    font-size: 16px;
    line-height: 25px;
}
.missionList .arrowBtn {
    top: 44px;
    right: 21px;
    background: url("/_asset/img/user/arrowBottom_pink.png") no-repeat right 73px;
    width: 96%;
    height: 120px;
}
.missionList .arrowBtn.active {
    top: 44px;
    right: 21px;
    background: url("/_asset/img/user/arrowTop_pink.png") no-repeat right 73px !important;
    width: 96%;
    height: 120px;
}
.project .missionList ul {
    border-bottom: none;
}
.project .mission a.moreInfo_open {
    padding: 0 40px 0 20px;
    background: url("/_asset/img/user/arrowBottom_gray.png") no-repeat 93% 13px;
    margin-bottom: 0 !important;
}
.project .mission a.moreInfo_close {
    margin-bottom: 0 !important;
}

.missionList .resumeAcc {
    width: 100%;
    /* border: 1px solid #c6c6c6; */
}
.missionList .resumeAcc li {
    border-bottom: none;
    padding: 0;
}
.missionList .acc01 table {
    width: 852px;
    border-bottom: 1px solid #c6c6c6;
}
.missionList .acc01 table th {
    padding: 20px 0;
    background-color: #c6c6c6;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    border-left: 1px solid #ffffff;
}
.missionList .acc01 table th:first-child {
    border-left: none;
}
.missionList .acc01 table th.th_01 {
    width: 234px;
}
.missionList .acc01 table th.th_02 {
    width: 398px;
}
.missionList .acc01 table th.th_03 {
    width: 235px;
}
.missionList .acc01 table td {
    padding: 20px 0;
    font-size: 14px;
    color: #313333;
    text-align: center;
    border-left: 1px solid #c6c6c6;
}
.missionList .acc01 table td a {
    color: #eb8ea5;
    border-bottom: 1px solid #eb8ea5;
}
.missionList .acc01 table td:first-child {
    border-left: none;
}
.missionList .acc01 .receiveList {
    margin-top: 43px;
}
.missionList .acc01 .receiveList li {
    width: 25%;
    text-align: center;
    margin-bottom: 50px;
}
.missionList .acc01 .receiveList img {
    border: 1px solid #c6c6c6;
    margin-bottom: 30px;
    display: block;
    margin: 0 auto 20px auto;
}
.missionList .acc01 .receiveList input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.missionList .acc01 .receiveList input[type="checkbox"] + label {
    font-size: 14px;
    color: #999999;
    height: 23px;
    background: url("/_asset/img/project/check_black_off.png") no-repeat;
    padding: 5px 0 5px 32px;
}
.missionList .acc01 .receiveList input[type="checkbox"].checkSelect + label {
    background: url("/_asset/img/project/check_black_on.png") no-repeat;
}
.missionList .acc01 .receiveList p {
    margin-top: 20px;
    font-size: 16px;
    color: #313333;
}

.missionList .acc02 {
    border: none;
}
.missionList .acc02 .reviewBox {
    margin-bottom: 80px;
}
.missionList .acc02 select {
    border: 1px solid #000;
    padding: 0 20px;
    font-size: 20px;
    font-family: "nskr";
    color: #000;
    margin-bottom: 10px;
    height: 70px;
}
.missionList .acc02 input[type="tel"] {
    border: 1px solid #c6c6c6;
    padding: 0 20px;
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    height: 70px;
}
.missionList .acc02 input[type="text"] {
    width: 200px;
    border: 1px solid #000;
    padding: 0 20px;
    font-size: 20px;
    font-family: "nskr";
    color: #000;
    margin-bottom: 10px;
    height: 70px;
}
.missionList .acc02 input[type="text"].insns_name {
    width: 410px;
}
.popupReserve .missionList .acc02 input[type="text"] {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
    border: 1px solid #000;
    box-sizing: border-box;
}
.missionList .acc02 input[type="file"] {
    border: 1px solid #c6c6c6;
    padding: 15px 20px;
    font-size: 14px;
    color: #999999;
    margin-bottom: 5px;
}
.missionList .acc02 input.insns_input {
    width: 90%;
}
.missionList .acc02 select.insns {
    border: 1px solid #000;
    font-size: 20px;
    font-family: "nskr";
    color: #000;
    margin-bottom: 10px;
    -webkit-appearance: none;
    appearance: none;
    background: url(/_asset/img/project/arrow-down.png) no-repeat right 20px center;
    height: 70px;
    width: 200px;
}
.missionList .acc02 .snsMisson {
    margin-top: 15px;
}
.missionList .acc02 .snsMisson input[type="checkbox"] {
    position: absolute;
    z-index: -1;
}
.missionList .acc02 .snsMisson input[type="checkbox"] + label {
    padding-left: 32px;
    height: 23px;
    padding-bottom: 9px;
    background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
    padding: 5px 0 5px 32px;
    margin-right: 15px;
}
.missionList .acc02 .snsMisson input[type="checkbox"].checkSelect + label {
    padding-left: 32px;
    padding-bottom: 9px;
    height: 23px;
    background: url("/_asset/img/project/check_gray_on.jpg") no-repeat;
}
.missionList .acc02 .snsMisson span {
    font-size: 14px;
    color: #999999;
}
.missionList .acc02 .snsMisson p {
    font-size: 14px;
    color: #999999;
    text-align: left;
    margin: 20px 0 40px 0;
}
.missionList .acc02 .editor {
    border: 1px solid #c6c6c6;
    width: 100%;
    height: 322px;
    padding: 3%;
    font-size: 14px;
    color: #000;
}
.missionList .acc02 .plusWork {
    margin: 0;
    margin-top: -95px;
}
.sns_wrap {
    display: flex;
    width: 100%;
    border-top: 3px solid #000;
    align-items: flex-start;
    border-bottom: 1px solid #9e9e9e;
}
.sns_wrap .tit {
    width: 205px;
    padding-top: 46px;
    font-size: 20px;
    font-family: "nskb";
    letter-spacing: -1px;
}
.sns_wrap .add_wrap {
    width: calc(100% - 205px);
    padding: 20px 0 32px 41px;
    border-left: 1px solid #9e9e9e;
}
.sns_wrap .add_wrap input.insns_input {
    outline: none;
    box-sizing: border-box;
    height: 70px;
    border: 1px solid #000;
    padding: 0;
    padding-left: 23px;
    font-size: 20px;
    font-family: "nskr";
    letter-spacing: -1px;
    color: #000;
    margin-bottom: 0;
}
.sns_wrap .add_wrap .input_add {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 18px;
}
.sns_wrap .add_wrap .input_add input {
    outline: none;
    box-sizing: border-box;
    width: 85%;
    height: 70px;
    border: 1px solid #000;
    padding: 0;
    padding-left: 23px;
    font-size: 20px;
    font-family: "nskr";
    letter-spacing: -1px;
    color: #000;
    margin-bottom: 0;
}
.sns_wrap .add_wrap .input_add .missionBtn {
    width: 60px;
    height: 70px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    color: #000;
    font-size: 17px;
    font-family: "nskb";
    letter-spacing: -1px;
}
.sns_wrap .add_wrap .addBtn {
    width: 660px;
    margin-top: 28px;
}
.url_wrap {
    display: none;
}
.sns_view_wrap {
    display: flex;
    width: 100%;
    border-top: 3px solid #000;
    align-items: flex-start;
    border-bottom: 1px solid #9e9e9e;
    margin-top: 20px;
}
.sns_view_wrap .tit {
    width: 150px;
    padding-top: 46px;
    font-size: 20px;
    font-family: "nskb";
    letter-spacing: -1px;
}
.sns_view_wrap .add_wrap {
    width: calc(100% - 150px);
    padding: 46px 0;
}
.sns_view_wrap .add_wrap .urltxt {
    font-size: 20px;
    font-family: "nskr";
    letter-spacing: -1px;
    color: #696868;
}
.sns_view_wrap .add_wrap .urltxt:not(:last-child) {
    margin-bottom: 32px;
}
.missionList .acc03 {
    margin-bottom: 80px;
    min-width: 10%;
    border: none;
    padding-bottom: 48px;
}
.missionList .acc03 .acc03_box {
    border: 1px solid #c6c6c6;
    padding-top: 50px;
    padding-bottom: 49px;
}
.missionList .acc03 .acc03_img {
    display: block;
    margin: 0 auto;
}
.missionList .acc03 p {
    font-size: 14px;
    color: #999999;
    text-align: left;
}
.missionList .acc03 p.acc03_img_title {
    margin: 9px auto 0 auto;
    padding: 16px 12px;
    border: 1px solid #c6c6c6;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    width: 61%;
}
.missionList .acc03 .postingTitle {
    width: 80%;
    margin: 0 auto;
}
.missionList .acc03 .snsPosting {
    text-align: right;
    float: right;
    display: block;
    margin-top: 10px;
}
.missionList .acc03 .snsPosting input[type="checkbox"] {
    position: absolute;
    z-index: -1;
}
.missionList .acc03 .snsPosting input[type="checkbox"] + label {
    padding-left: 32px;
    height: 23px;
    padding-bottom: 9px;
    background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
    padding: 5px 0 5px 32px;
    margin-left: 27px;
}
.missionList .acc03 .snsPosting input[type="checkbox"].checkSelect + label {
    padding-left: 32px;
    padding-bottom: 9px;
    height: 23px;
    background: url("/_asset/img/project/check_gray_on.jpg") no-repeat;
}
.missionList .acc03 .feedShare_title {
    font-size: 18px;
    color: #313333;
    font-weight: bold;
    margin: 14px auto 43px auto;
    text-align: right;
    width: 61%;
}
.missionList .acc03 .feedShare_title span {
    color: #e2587a;
}
.missionList .acc03 .feedList {
    border: 1px solid #c6c6c6;
    width: 100%;
    background-color: #f2f2f2;
    padding: 13px 0;
    margin-top: 15px;
}
.missionList .acc03 table {
    width: 100%;
}
.missionList .acc03 table th {
    width: 48px;
    padding: 13px 0 13px 34px;
}
.missionList .acc03 table td.snsUrl {
    width: 653px;
    text-align: left;
    font-size: 14px;
    color: #333333;
    word-break: break-all;
}
.missionList .acc03 table td.snsYear {
    width: 134px;
    text-align: center;
    font-size: 14px;
    color: #999999;
}
.missionList .acc03Upload {
    position: relative;
    width: 550px;
    height: 294px;
    margin: 0 auto;
}
.missionList .acc03Upload #acc03Input {
    width: 550px;
    height: 294px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.missionList .acc03Upload #acc03Img {
    width: 550px;
    height: 294px;
}
.table_area.project .missionList .acc03 .userTextarea {
    padding: 16px 12px;
    border: 1px solid #c6c6c6;
    font-size: 14px;
    color: #999999;
    width: 55%;
    margin: 9px auto 0 auto;
    display: block;
}

.missionList .acc04 {
    margin-bottom: 80px;
    border: none;
}
.missionList .acc04_upload {
    width: 100%;
    border: 1px solid #c6c6c6;
    position: relative;
    height: 44px;
}
.missionList .acc04_input {
    float: left;
    width: 645px;
    margin: 15px 0 0 20px;
    border: none;
    font-size: 14px;
}
.missionList .acc04_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    overflow: hidden;
}
.missionList .acc04_button {
    width: 170px;
    height: 48px;
    position: absolute;
    top: -4px;
    right: 0;
    background-color: #f585a2;
    color: #ffffff;
    border: none;
    font-size: 16px;
}
.missionList .acc04_hidden {
    font-size: 14px;
    color: #999999;
    width: 100%;
    height: 46px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
.missionList .acc04 p {
    font-size: 14px;
    color: #999999;
    margin-top: 25px;
    margin-left: 20px;
}

.missionList .acc05 {
    margin-bottom: 80px;
    padding-top: 24px;
    padding-bottom: 40px;
}
.missionList .acc05 p {
    font-size: 14px;
    color: #999999;
    width: 65%;
    line-height: 24px;
    margin: 0 auto;
}
.missionList .acc05 p span {
    color: #eb8ea5;
}
.missionList .acc05 img {
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
    margin-top: 21px;
}
.missionList .acc05 textarea {
    background-color: #f2f2f2;
    color: #999999;
    font-size: 14px;
    border: 1px solid #c6c6c6;
    padding: 2%;
    width: 60%;
    margin: 0 auto;
    display: block;
}
.missionList .acc05 h3 {
    margin-top: 37px;
    font-size: 18px;
    color: #313333;
    text-align: center;
}
.missionList .acc05 h3 span {
    color: #999999;
}
.missionList .acc05 h3 span.on {
    color: #e2587a;
}

/* 프로젝트 신청 */
.projectDetail.application {
    border-bottom: none;
}
.application .appTitle {
    width: 96%;
    padding: 0 2%;
}
.application .appTitle dt {
    font-size: 32px; /* color: #f36487; */
    text-align: center;
    font-weight: normal;
    margin: 20px 0 30px 0;
}
.application .appTitle dd {
    font-size: 16px;
    color: #999999;
    text-align: center;
    margin-bottom: 30px;
}
.application .activeTxt {
    margin: 0 2% 17px 2%;
    border: 1px solid #c6c6c6;
    height: 362px;
    font-size: 16px;
    color: #313333;
}
.application .appBtn a {
    width: 24%;
    height: 66px;
    line-height: 66px;
    text-align: center;
    font-size: 20px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 10px;
}
.application .appBtn a.gray {
    color: #313333;
    background-color: #f9f9f9;
    border: 1px solid #c6c6c6;
}
.application .appBtn a.pink {
    color: #ffffff;
    font-weight: bold;
    background-color: #e9819b;
    border: 1px solid #e9819b;
}
.application .appBtn a img {
    margin-left: 8px;
}

.application .appTitle02 dt {
    margin: 58px 0 30px 0;
}
.application .subBtn {
    text-align: right;
    width: 96%;
    margin: 0 2% 80px 2%;
}
.application .subBtn a {
    width: 115px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #c6c6c6;
    color: #999999;
    margin-left: 8px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.application .subBtn a.tempsaveBtn {
    background-color: #ffffff;
}
.application .subBtn a.projectMainBtn {
    background-color: #f2f2f2;
}

.application .appTitle03 {
    margin-bottom: 50px;
}
.application .appTitle03 dt {
    font-size: 36px;
    font-weight: bold;
    margin: 83px 0 20px 0;
}
.application .appTitle03 dd.ddSub {
    font-size: 30px;
    color: #313333;
    margin-bottom: 50px;
}

.application .moreProject {
    font-size: 14px;
    color: #999999;
    text-align: center;
    margin-bottom: 220px;
}
.application .moreProject img {
    margin-right: 5px;
}
.application .moreProject a {
    color: #e9819b;
    margin-left: 33px;
}
.application .appBtn03 {
    margin-bottom: 45px;
}

/* 프로젝트 제품안내 */
.goods .projectTabs {
    border-bottom: 4px solid #c6c6c6;
    padding-bottom: 20px;
}

/* 프로젝트 회사소개 */
.profile.projectDetail .detailBox {
    width: 94%;
}
.profile.projectDetail .detailBox dl dt {
    margin-bottom: 35px;
}

/* 프로젝트 공지사항 */
.projectDetail.inquiry {
    border-bottom: none;
    padding-top: 0;
}
.projectDetail.inquiry .searchClick p {
    font-size: 14px;
    color: #313333;
    margin-left: 25px;
    float: left;
    line-height: 60px;
}
.projectDetail.inquiry .searchClick p.inquiryList {
    line-height: normal;
}
.projectDetail.inquiry .searchClick .searchBox {
    float: right;
}
.projectDetail.inquiry .searchClick .searchBox.notice {
    float: left;
    margin-left: 20px;
}
.projectDetail.inquiry .searchClick .noticeQna {
    width: 175px;
    height: 37px;
    line-height: 37px;
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
    text-align: center;
    font-size: 16px;
    color: #313333;
    float: right;
    margin-top: 7px;
}

.projectDetail.inquiry .inquiryList .arrowBtn {
    width: 845px;
    background: #f2f2f2 url("/_asset/img/common/icon_answerBottom_black.png") no-repeat 97% 25px;
    margin: 0 auto;
}
.projectDetail.inquiry .inquiryList .arrowBtn.active {
    background: #f2f2f2 url("/_asset/img/common/icon_answerTop_black.png") no-repeat 97% 25px !important;
}
.projectDetail.inquiry .inquiryList .arrowBtn img {
    margin-left: 5px;
}
.projectDetail.mylist .category.notice {
    padding: 30px 0;
}
.projectDetail.inquiry .arrow {
    margin: 0 0 260px 0;
}
.resumeList.inquiryList ul li {
    margin-bottom: 17px;
    border-bottom: 0;
}

/* 프로젝트 1:1문의 */
.projectDetail.inquiry .inquiryArea {
    width: 818px;
    padding: 0 90px 43px 90px;
    margin-left: auto;
    margin-right: auto;
}
.projectDetail.inquiry .inquiryArea .inputFull,
p.optionDefault.borderCheck.projectSelect,
.projectDetail.inquiry .selectInquiry,
.projectDetail.inquiry .inquiryList .resumeAcc textarea,
.projectDetail.inquiry .inquiryArea textarea {
    width: 100%;
}
.projectDetail.inquiry a.inquiry_openBtn {
    margin-bottom: 70px;
}
.projectDetail.inquiry .inquiryArea {
    margin: 20px auto 70px;
}
.projectDetail.inquiry .inquiryArea .inputFull {
    width: 100%;
}
.projectDetail.inquiry .selectInquiry p.borderCheck {
    width: 100%;
}
.projectDetail.inquiry .selectInquiry {
    width: 100%;
}
.projectDetail.inquiry .inquiryList .resumeAcc textarea {
    width: 879px;
}
.projectDetail.inquiry .inquiryArea textarea {
    width: 792px;
    width: 100%;
}
.projectDetail.inquiry .inquiryArea {
    margin-bottom: 70px;
}
.projectDetail.inquiry a.inquiry_openBtn {
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 70px;
}
.projectDetail.inquiry .inquiry_openBtn img {
    width: 1.5rem;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
.projectDetail.inquiry .inquiryArea {
    max-width: 1000px;
    margin: 20px auto 70px;
}
.missionList .acc06 .editor {
    width: 100%;
    height: 500px;
    background-color: #f2f2f2;
}
.missionList .acc03 .missionBtn {
    margin: 0 auto;
    margin-top: 50px;
}
#projectContents .missionList .missionTxt {
    width: 86%;
}
#projectContents .missionList .acc01 table {
    width: 960px;
}
#projectContents .missionList .acc02 input[type="text"] {
    width: 95%;
}
.popupReserve .missionList .acc02 input[type="text"] {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
    border: 1px solid #000;
    box-sizing: border-box;
    color: #000;
}
#projectContents .missionList .acc02 input[type="text"].insns_name {
    width: 94%;
}
#projectContents .missionList .acc02 input[type="text"].insns_input {
    width: 94%;
}
#projectContents .missionList .acc02 input[type="text"].insns_phone {
    width: auto;
}
#projectContents .missionList .acc03 p.acc03_img_title {
    width: 55%;
}
#projectContents .missionList .acc03 .postingTitle {
    width: 71%;
}
#projectContents .missionList .acc05 textarea {
    width: 53%;
}
#projectContents .missionList .acc06 input[type="text"] {
    width: 30%;
}
#projectContents .research .listStyle11 ul {
    width: 815px;
    border: none;
}
#projectContents .research .listStyle11 li {
    width: 73px !important;
    border-top: 1px solid #c6c6c6 !important;
    border-bottom: 1px solid #c6c6c6 !important;
    margin-left: -1px;
    border-right: 1px solid #c6c6c6 !important;
    margin-left: -1px;
}
/* 프로젝트 1:1문의 추가 24.11.19 - 김수정 */
.v2_inquiry_form form {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    width: 65%;
    margin: 2rem auto;
}
.v2_inquiry_form form .fs-title-h3 {
     text-align: center;
}
.v2_inquiry_form textarea {
    border: 1px solid #1d1d1f;
    border-radius: 0.25rem;
    outline: none;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}
.v2_inquiry_img_box {
    margin-top: 4.8rem;
}
.v2_inquiry_img_box .fs-title-h3 {
    margin-bottom: 1rem;
}
.inquiry-img-box > .box-flex-stech {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1rem;
    row-gap: 1rem;
}
.inquiry-img-box > .box-flex-stech .box-file{
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 6px;
    position: relative;
    flex-wrap: wrap;
}
.inquiry-img-box > .box-flex-stech .box-file > .box-flex-stech{
    width: 100%;
}
.inquiry-img-box .upload_file_label {
    display: flex;
    width: 100%;
    color: #979798;
    align-items: center;
    justify-content: space-between;
}
.inquiry-img-box .file_name{
    display: inline-block;
    width: 80%;
    font-size: 16px;
    padding: 0.5rem 1rem;
    word-break: break-all;
    border: 1px solid #c7c8c9;
    border-radius: 0.25rem;
}
.inquiry-img-box .upload_file{
    border-radius: 0.25rem;
    cursor: pointer;
    display: inline-block;
    padding: 0.5rem 1.5rem;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
}
.inquiry-img-box .upload_file img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.inquiry-img-box .box-flex-stech input[type='file']{
    display: none;
}
.inquiry-img-box .box-flex-stech .upload-name{
    display: inline-block;
    padding: .5em .75em;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.inquiry-img-box .btnWrap {
    width: 100%;
    display: flex;
    column-gap: 6px;
    flex-wrap: wrap;
}
.inquiry-img-box .btn-file-action{
    display: block;
    width: 25px;
    height: 25px;
    background: none;
    outline: none;
    border: 0;
}
.inquiry-img-box .btn-file-action.btn-file-action-add {
    display: none;
}
.inquiry-img-box .btn-file-action.btn-file-action-del {
    background: url(/_asset/img_v2/mytable/minus_btn.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 8px;
    right: 217px;
}
.inquiry-img-box .box-file:last-child .btn-file-action-add {
    display: block;
    margin-top: 1rem;
    background: #fff;
    color: #0087f5;
    border: 2px dashed #0087F5;
    width: 100%;
    padding: 0.75rem 0.5rem;
    height: auto;
    font-size: 18px;
}
.inquiry-img-box .box-file:first-child .btn-file-action-del{
    display: none;
}
.securityCheck {
    margin-top: 4.8rem;
}
div.securityCheckbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    column-gap: 1rem;
    margin-bottom: 1rem;
}
div.securityCheckbox p {
    font-size: 16px;
    line-height: 30px;
    width: fit-content !important;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.v2_inquiry_form .inquiryBtn {
    text-align: center;
    padding: 1rem;
    margin: 4.8rem auto 0;
}
.v2_inquiry_answer {
    padding: 2rem 2.5rem;
}
.v2_mytable_select_list {
    cursor: pointer;
    border: 1px solid #c7c8c9;
    border-radius: 0.25rem;
    padding: 0.5rem 1.5rem;
    position: relative;
    height: auto !important;
    width: 100%;
    background: #fff url('/_asset/img_v2/mytable/arrow_bottom_black.png') 98% center no-repeat;
    background-size: 24px;
    color: #1D1D1F;
}
.v2_mytable_select_list:focus,
.v2_mytable_select_list.error:focus {
    border: 2px solid #1d1d1f;
    background: #fff url('/_asset/img_v2/mytable/arrow_top_black.png') 98% center no-repeat;
    background-size: 24px;
}
.v2_mytable_select_list:disabled,
.v2_mytable_select_list.disabled {
    border: 1px solid #C7C8C9;
    background: #f4f4f5 url('/_asset/img_v2/mytable/arrow_bottom_black.png') 98% center no-repeat;
    background-size: 24px;
    color: #979798;
}
.v2_mytable_select_list.error {
    border: 1px solid #F3213B;
    background: #FCE9E9FA url('/_asset/img_v2/mytable/arrow_bottom_black.png') 98% center no-repeat;
    background-size: 24px;
}
.v2_mytable_select_option_wrap {
    width: 100%;
    position: absolute;
    left: 0;
    top: 42px;
    z-index: 1;
    background: #FAFAFAFA;
    border: 1px solid #c7c8c9;
    border-radius: 0.25rem;
    box-shadow: -9px 97px 27px 0px rgba(48, 48, 48, 0.00), -6px 62px 25px 0px rgba(48, 48, 48, 0.01), -3px 35px 21px 0px rgba(48, 48, 48, 0.05), -1px 15px 16px 0px rgba(48, 48, 48, 0.08), 0px 4px 9px 0px rgba(48, 48, 48, 0.09);
}
.v2_mytable_select_option_list {
    max-height: 300px;
    overflow-y: scroll;
}
.v2_mytable_select_option_list li {
    padding: 0.5rem 1.5rem;
    background: #fff;
}
.v2_mytable_select_option_list li:hover {
    background: #1d1d1f;
    color: #fff;
}

/* 프로젝트 FAQ */
.projectDetail.inquiry .searchClick p.faq {
    line-height: 24px;
}
.projectDetail.inquiry .searchClick p.faq span {
    display: block;
    color: #999999;
    margin-left: 20px;
}
.inquiry .inquiryList .resumeAcc p.faq_box {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
    line-height: 30px;
    color: #999999;
    font-size: 14px;
}

/* 활동스토리 */
/* 서브컨텐츠 박스 */
.subContents {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding-top: 50px;
}
.subContents.insightViewContents{
    width: 100%;
    max-width: 1400px;
    padding: 0 16px;
}
/* 목록 타이틀 */
.projectTitle_sub {
    margin-bottom: 25px;
}
.projectTitle_sub h1 {
    font-size: 18px;
    color: #999999;
    text-align: left;
    font-weight: normal;
    float: left;
    border-bottom: 1px solid #999999;
    padding-bottom: 12px;
}
.projectTitle_sub h1 span {
    font-size: 30px;
    color: #313333;
    border-bottom: 5px solid #313333;
    padding-bottom: 9px;
}
.projectTitle_sub p {
    font-size: 14px;
    color: #999999;
    text-align: left;
    float: left;
    clear: both;
    margin-top: 13px;
}

/* 활동스토리 탭 */
.actib_tab:after {
    display: block;
    content: "";
    clear: both;
}
.actib_tab {
    margin-bottom: 32px;
}
.actib_tab li {
    float: left;
    position: relative;
    margin-left: 10px;
    border: 1px solid #cccccc;
}
.actib_tab li.first {
    margin-left: 0;
}
.actib_tab li a {
    display: block;
    font-size: 15px;
    color: #313333;
    text-align: center;
    padding: 0 37px;
    height: 42px;
    line-height: 42px;
}
.actib_tab li.on {
    border: 2px solid #e2587a;
    top: -1px;
    left: -1px;
}
.actib_tab li:hover {
    border: 2px solid #e2587a;
    top: -1px;
    left: -1px;
}
.actib_tab li.clear {
    border: none;
    margin: 0;
    float: none;
}

/* actibities 목록 */
.subContents ul.actib_list.view {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 70px;
    justify-content: space-between;
    align-items: flex-start;
}
.actib_list li {
    width: 30%;
    height: auto;
    /* overflow: hidden; */
    margin: 0;
}
.actib_list .thum {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}
.actib_list .thum a {
    display: block;
    cursor: pointer;
}
.actib_list .thum img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* .actib_list dl {
    margin-top: 20px;
}
.actib_list dl dt a {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
.actib_list dl dt a:hover {
    font-weight: 900;
}
.actib_list dl dd {
    color: #999;
    font-size: 14px;
    line-height: 26px;
    margin-top: 10px;
    word-break: break-all;
}
.actib_list dl dd span {
    display: block;
    color: #d6d6d6;
} */
.actib_list a .tit{
    display: inline-block;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    word-break: break-all;
    margin-bottom: 24px;
    padding: 0 8px;
}
.subContents .arrow {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 100px;
}
.subContents .arrow li {
    font-size: 18px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 2px;
}
.subContents .arrow li a {
    height: 27px;
    color: #999999;
    padding: 0 9px;
    display: inline-block;
}
.subContents .arrow li.alignText a {
    line-height: 27px;
    vertical-align: middle;
}
.subContents .arrow li.alignText.on a {
    background-color: #313333;
    color: #ffffff;
}
.subContents .arrow li.alignText a:hover {
    background-color: #313333;
    color: #ffffff;
}

/* actibities 상세 */
.viewTitWrap{
    max-width: 1100px;
    margin: 60px auto 0;
}
.viewTitWrap h2{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 24px;
    line-height: 1;
}
.viewTitWrap h2 img {
    width: 30px;
    margin-right: 16px;
    vertical-align: middle;
}
.viewCateWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
    row-gap: 6px;
}
.viewTit {
    display: flex;
    padding: 4px 24px;
    align-items: center;
    column-gap: 8px;
    font-size: 18px;
    background: #f5f5f5;
    border-radius: 10em;
}

.act_view_category {
    width: 100px;
    display: flex; 
    flex-wrap: wrap; 
    row-gap: 6px; 
    justify-content: flex-start; 
    column-gap: 16px; 
    font-size: 12px; 
    font-family: 'Gmarket Sans'; 
    align-items: center;
    margin: 60px auto 0;
    /* margin-bottom: 10px; */
    background: #eaeaea; 
    border-radius: 10em; 
    padding: 8px;
}

div.share {
    display: inline-block;
    position: relative;
}
.share.insight_share{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1100px;
    margin: 37px auto 24px;
    padding: 24px 0 16px;
    border-top: 2px solid #000;
    justify-content: flex-end;
}
div.share .bt_sns {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 88px;
    height: 24px;
    line-height: 24px;
    font-weight: 600;
    background: #f9f9f9;
    border: 1px solid #c8c8c8;
    text-align: center;
    color: #333;
    font-size: 14px;
}
div.share .sns_list {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 16px;
}
div.share .sns_list li {
    display: inline-block;
    cursor: pointer;
}
div.share .sns_list li div img {
    display: block;
    width: 30px;
}

.post_view {
    max-width: 1000px;
    margin: 0px auto 50px;
}
.post_view h1.tit {
    display: block;
    color: #000;
    font-size: 46px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
}
.post_view div.info {
    position: relative;
    margin-bottom: 77px;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 22px;
    padding: 16px 0;
}
.post_view div.info span {
    color: #757575;
    font-size: 14px;
    font-family: 'NotoKr';
}
.post_view div.info span img {
    margin-right: 5px;
}
.post_view .txtContent {
    padding-bottom: 20px;
    color: #999;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
}
.post_view .txtContent img {
    max-width: 100%;
}
/* 인사이트(이야기) 에디터 스타일 정의 */
.fr-class-headline {
    font-size: 46px;
    font-weight: 700;
    color: #1b1b1b;
    line-height: 1.5;
}
.fr-class-title-1 {
    font-size: 38px;
    font-weight: 700;
    color: #1b1b1b;
    line-height: 1.5;
}
.fr-class-title-2 {
    font-size: 32px;
    font-weight: 700;
    color: #1b1b1b;
    line-height: 1.5;
}
.fr-class-title-3 {
    font-size: 28px;
    font-weight: 700;
    color: #1b1b1b;
    line-height: 1.5;
}
.fr-class-title-4 {
    font-size: 20px;
    font-weight: 700;
    color: #1b1b1b;
    line-height: 1.3;
}
.fr-class-body-bold {
    font-size: 16px;
    font-weight: 700;
    color: #313131;
    line-height: 1.5;
}
.fr-class-body-regular {
    font-size: 16px;
    font-weight: 400;
    color: #313131;
    line-height: 1.5;
}
.fr-class-caption-1 {
    font-size: 14px;
    font-weight: 500;
    color: #313131;
    line-height: 1.3;
}
.fr-class-caption-2 {
    font-size: 13px;
    font-weight: 500;
    color: #313131;
    line-height: 1.5;
}
.insightGrayBgStyle {
    background: #f8f8f8;
    padding: 30px 24px;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    color: #1b1b1b;
}
.insightBlackBgStyle {
    background: #1b1b1b;
    padding: 30px 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #fdfdfd;
}
.insightQuotationStyle {
    width: 80%;
    margin: 0 auto;
    border-left: 2px solid #1b1b1b;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
    color: #1b1b1b;
}
.insightLineStyle1 {
    width: 90%;
    margin: 0 auto;
    border: 2px solid #1b1b1b;
    border-radius: 16px;
    background: #f5f5f5;
    padding: 30px 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #1b1b1b;
}
.insightLineStyle2 {
    padding: 32px;
    border: 2px solid #1b1b1b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #313131;
}
.table-insight-list {
    padding: 0 1.5rem;
}
.table-insight-list li {
    list-style: inherit;
    font-size: 16px;
    font-weight: 400;
    color: #313131;
    line-height: 1.5;
}

/* 인사이트(이야기) 자세히보기, 닫기 템플릿화 */
.detaile_view_button,
.insight_view_close_button {
    display:block;
    width:80%;
    max-width: 260px;
    padding: 0.5rem 1rem ;
    font-size: 1rem;
    margin: 40px auto;
    background: #0087f5;
    color:#fff;
    border:none;
}

.insight_detail_view_wrap {
    height:300px;
    overflow:hidden;
    position:relative;
    order: 1;
}
.insight_detail_view_wrap.view {
    height:auto;
    order: 2;
}

.insight_detail_view_wrap::after{
    content: '';
    display:block;
    width:100%;
    height:200px;
    background:url('/_upload/202408/670e20d2ca1d367b0711d9b1cc8a68610d4175a3.png') center bottom repeat-x;
    background-size:contain;
    position:absolute;
    left:0;
    bottom:0;
    right:0;
}
.insight_detail_view_wrap.view::after{
    display:none;
}
.folding-contents.fr-folding-contents {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.detaile_view_button {
    order: 2;
}
.detaile_view_button.off{
    order: 1;
}

.fr-sliding-container .swiper-button-next {
    background:url('/_asset/img_v2/insight/swiper-right.png') center center no-repeat;
    background-size:contain;
    color: transparent;
    width: 50px;
    height: 50px;
}

.fr-sliding-container .swiper-button-prev {
    background:url('/_asset/img_v2/insight/swiper-left.png') center center no-repeat;
    background-size:contain;
    color: transparent;
    width: 50px;
    height: 50px;
}

.sliding-container img {
    margin: 0 auto;
}


/* 사전설문 css 수정 24.11.28 */
div.inputBox.listStyle01 .radio_order_table tr:first-of-type {
    background: #e4e4e4;
}
div.inputBox.listStyle01 .radio_order_table .radio_input {
    font-size: 0.9rem;
}
.research_question_order_list span {
    font-size: 1rem;
}

@media all and (max-width:780px){
    .appTitleWrap {
        margin-top: 10px;
    }
    .fr-class-headline {
        font-size: 34px;
        line-height: 1.4;
    }
    .fr-class-title-1 {
        font-size: 28px;
        line-height: 1.4;
    }
    .fr-class-title-2 {
        font-size: 24px;
        line-height: 1.5;
    }
    .fr-class-title-3 {
        font-size: 20px;
        line-height: 1.5;
    }
    .fr-class-title-4 {
        font-size: 18px;
        line-height: 1.5;
    }
    .fr-class-body-bold,
    .fr-class-body-regular {
        font-size: 17px;
        line-height: 1.7;
    }
    .fr-class-caption-1 {
        font-size: 15px;
        line-height: 1.5;
    }
    .fr-class-caption-2 {
        font-size: 14px;
        line-height: 1.5;
    }
    .insightGrayBgStyle {
        padding: 16px;
        border-radius: 8px;   
        font-size: 17px;
        font-weight: 400;
    }
    .insightBlackBgStyle {
        padding: 16px; 
        font-size: 17px;
    }
    .insightQuotationStyle {
        width: 100%;
        font-size: 17px;
        line-height: 1.7;
    }
    .insightLineStyle1 {
        width: 95%;
        padding: 16px;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.7;
        border-radius: 8px;
    }
    .insightLineStyle2 {
        padding: 16px;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.7;
    }
}

.list_btns {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 52px;
    text-align: center;
    margin-top: 56px;
    padding-top: 16px;
    border-top: 1px solid #000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.list_btns a.btn_prev {
    display: block;
    width: 52px;
    height: 52px;
    background: url("/_asset/img/common/icon_arrow_left_black.png") center center no-repeat;
    font-size: 0;
}
.list_btns a.btn_list {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    background: #fff;
    padding: 8px 24px;
}
.list_btns a.btn_next {
    display: block;
    width: 52px;
    height: 52px;
    background: url("/_asset/img/common/icon_arrow_right_black.png") center center no-repeat;
    font-size: 0;
}
.actibContents h5 {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    padding: 24px 0;
}
.insight_view_hashtag {
    margin-top: 80px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    flex-wrap: wrap;
    row-gap: 8px;
}
.insight_view_hashtag a {
    background: #f5f5f5;
    border-radius: 10em;
    font-size: 16px;
    padding: 8px 16px;
    cursor: pointer;
}
.insight_content_wrap{
    padding: 20px 0;
    transition: all .2s;
    border-radius: 16px;
}
.insight_content_wrap:hover{
    padding: 0 0 40px;
}
.insight_content_wrap:hover .insight_content_inner{
    box-shadow: 0px 218px 61px 0px rgba(150, 150, 150, 0.00), 0px 140px 56px 0px rgba(150, 150, 150, 0.01), 0px 79px 47px 0px rgba(150, 150, 150, 0.04), 0px 35px 35px 0px rgba(150, 150, 150, 0.07), 0px 9px 19px 0px rgba(150, 150, 150, 0.08);

}
.insight_content_inner{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f5f5f5;
    border-radius: 16px; 
    min-height: 567px;
    cursor: pointer;
}
.insight_content_wrap a {
    display: block;
}
.insight_text_top{
    display: flex;
    justify-content: flex-start;
    font-size: 12px;
    font-family: "Gmarket Sans";
    align-items: center;
    margin-bottom: 10px;
    padding: 16px 8px 0;
    column-gap: 16px;
    row-gap: 6px;
    flex-wrap: wrap;
}
.insight_text_top .v2_insight_content_category {
    background: #eaeaea;
    border-radius: 10em;
    padding: 8px;
}
.insight_text_top .v2_insight_content_category img{
    width: 14px;
    height: 14px;
    margin-right: 8px;
}
.v2_insight_date {
    font-family: "Gmarket Sans";
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 24px;
    padding: 0 8px;
}
.insight_hashtag{
    display: flex;
    font-size: 14px;
    padding: 0 8px 16px;
    flex-wrap: wrap;
}
.insight_hashtag a{
    margin-right: 8px;
    text-decoration: underline;
}

.post_view div.cate {
    position: relative;
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    flex-wrap: wrap;
}
.post_view div.cate span {
    color: #ababab;
    font-size: 14px;
    display: inline-block;
    font-weight: 300;
}
.post_view div.cate span:first-child {
    background: none;
}

.eventComplete_box {
    border-top: none;
}
.eventComplete_box h1 {
    font-size: 36px;
    color: #f36487;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}
.eventComplete_box h2 {
    font-size: 30px;
    color: #313333;
    font-weight: normal;
    text-align: center;
}

.eventComplete_box div.box {
    border: 1px solid #c6c6c6;
    width: 510px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 40px;
}
.eventComplete_box table {
    margin-left: 71px;
    margin-top: 35px;
    margin-bottom: 35px;
}
.eventComplete_box table th {
    font-size: 18px;
    color: #8a8a8a;
    text-align: left;
    font-weight: normal;
    line-height: 37px;
}
.eventComplete_box table td span {
    font-size: 18px;
    color: #8a8a8a;
    text-align: left;
    font-weight: normal;
}
.eventComplete_box table td {
    font-size: 20px;
    color: #000000;
    text-align: left;
}
.eventComplete_box p.p_top {
    font-size: 16px;
    color: #000000;
    text-align: center;
    margin-bottom: 10px;
}
.eventComplete_box p.p_bottom {
    font-size: 16px;
    color: #8a8a8a;
    text-align: center;
}
.eventComplete_box div.gray {
    margin-top: 40px;
    background-color: #f3f3f3;
    padding: 0 38px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.eventComplete_box div.gray p {
    font-size: 14px;
    color: #8a8a8a;
    text-align: center;
    line-height: 22px;
    letter-spacing: -0.05em;
}
.eventComplete_box div.btn {
    margin-top: 25px;
    text-align: center;
}
.eventComplete_box div.btn a {
    width: 114px;
    height: 31px;
    background-color: #ffffff;
    text-align: center;
    line-height: 31px;
    font-size: 16px;
    color: #3a3a3a;
    border: 1px solid #c6c6c6;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 10px;
}


/* cjs 22.03.10 수정 */
.popupReserve {
    width: calc(762px / 1.5);
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    z-index: 1000;
    padding: 40px 45px;
    transform: translate(-50%, -50%);
    max-height: 95%;
    overflow-y: scroll;
    box-sizing: border-box;
    border: 1px solid #333;
}
.popupReserve * {
    box-sizing: border-box;
}
.popupReserve::-webkit-scrollbar {
    width: 5px;
}
.popupReserve::-webkit-scrollbar-thumb {
    background: #afafaf;
    border-radius: 5px;
}
.popupReserve ul.list_ul {
    width: 100%;
    margin-top: 10px;
}
.popupReserve ul.list_ul li.list_li {
    width: 100%;
    margin-bottom: 20px;
}
.popupReserve ul.list_ul li.list_li dl dt {
    font-size: 18px;
    font-family: "nskm";
    letter-spacing: -1px;
    word-break: break-all;
}
.popupReserve ul.list_ul li.list_li dl dd {
    font-size: 14px;
    color: #999999;
    text-align: left;
    margin-left: 28px;
    margin-top: 17px;
}
.popupReserve .list_input {
    width: 100%;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
}
.popupReserve .list_input input[type="checkbox"] {
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    margin-right: 10px;
}
.popupReserve .list_input input[type="checkbox"]:checked {
    background: url("/_asset/img/login/ck_ico.png") no-repeat center center;
}
.popupReserve .selectPay {
    width: 32%;
}
.popupReserve .inputFull {
    width: 100%;
    height: 60px;
    padding: 0 12px;
    border: 2px solid #000;
    font-size: 18px;
    font-family: "nskr";
    letter-spacing: -1px;
    margin-bottom: 0;
}
.popupReserve .phoneReserve {
    border: 2px solid #000;
    font-size: 18px;
    font-family: "nskr";
    letter-spacing: -1px;
    width: 32%;
    height: 60px;
    padding: 0 12px;
    box-sizing: border-box;
}
.list_li.terms .list_input {
    justify-content: flex-start;
}
.popupReserve .list_input textarea {
    display: none;
    order: 3;
    font-size: 14px;
    color: #999999;
    padding: 18px 20px;
    border: 1px solid #c6c6c6;
    width: 100%;
    height: 100px;
    margin-top: 20px;
}
.popupReserve .list_input textarea.on {
    display: block;
}

/* cjs 22.03.10 추가 */
.popupReserve .bebox {
    width: 100%;
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #000;
}
.bebox .tit {
    width: 100%;
    text-align: center;
    font-size: 35px;
    font-family: "nskeb";
    letter-spacing: -1px;
}
.bebox .txt {
    text-align: center;
    font-size: 16px;
    font-family: "nskm";
    letter-spacing: -1px;
}
.bebox .txt span.txt_b {
    font-family: "nskb";
}
.bebox .joinBtn,
.list_li .check_phone_btn {
    width: 100%;
    height: 65px;
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
    font-size: 18px;
    font-family: "nskm";
    letter-spacing: -1px;
}
.list_li .check_phone_btn {
    margin-bottom: 15px;
}

/* cjs 22.03.11 추가 */
.list_input label {
    font-size: 16px;
    font-family: "nskm";
    letter-spacing: -1px;
}
.list_input label input[type="checkbox"] {
    width: 26px;
    height: 26px;
    border: 2px solid;
}
.list_input label input[type="checkbox"]:checked {
    background: url(../img/login/ck_ico.png) no-repeat center center;
}
.list_input .viewBtn {
    margin-left: 20px;
    font-size: 16px;
    font-family: "nskr";
    border-bottom: 1px solid #000;
    cursor: pointer;
}

/* cjs 22.03.11 수정 */
.popupReserve .reserveBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 65px;
    color: #fff;
    font-size: 18px;
    font-family: "nskm";
    background: #000;
    margin: 25px auto 0;
}
.popupReserve .borderCheck {
    border: 1px solid #c6c6c6;
    padding: 10px 4% 10px 14px;
    border-radius: 0;
}
.popupReserve input.right {
    float: right;
}
.popupReserve .topArea {
    width: 100%;
    position: relative;
    border-bottom: 3px solid #000;
}
.popupReserve .topArea .popupLogo {
    position: absolute;
    top: 24px;
    left: 32px;
}
.popupReserve .topArea p {
    font-size: 24px;
    color: #000;
    font-family: "nskb";
    letter-spacing: -1px;
    padding-bottom: 5px;
    text-align: center;
}
.popupReserve ul.list_ul li.list_li.list_02#review_contents {
    max-height: 450px;
    overflow-y: scroll;
}
.popupReserve ul.list_ul li.list_li.list_02#review_contents::-webkit-scrollbar {
    display: none;
}
.popupReserve ul.list_ul li.list_li.list_02 p {
    font-size: 14px;
}
.popupReserve .topArea2 {
    background-color: #313333;
    padding: 24px 0;
    width: 100%;
    position: relative;
}
.popupReserve .topArea2 .popupLogo {
    position: absolute;
    top: 24px;
    left: 32px;
}
.popupReserve .topArea2 p {
    font-size: 22px;
    color: #feffff;
    text-align: center;
}
.popupReserve .topArea2 p span {
    font-size: 20px;
    color: #feffff;
    text-align: center;
    text-decoration: underline;
}
.popupReserve .closeBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}

.popupReserve .selectPay.center {
    margin: 0 12px;
}
.popupReserve .borderCheck {
    margin: 0;
}
.popupReserve .selectPay p.optionDefault {
    border-radius: initial !important;
}

.popupReserve #checkReserve {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
}
.popupReserve #checkReserve + label {
    padding-left: 32px;
    padding-bottom: 6px;
    height: 20px;
    background: url("/_asset/img/project/popupReserve_off.png") no-repeat;
    font-size: 14px;
    color: #313333;
}
.popupReserve #checkReserve.checkSelect + label {
    background: url("/_asset/img/project/popupReserve_on.png") no-repeat;
}
.popupReserve .checkEmail {
    margin: 0;
    border-radius: 0;
    border: 1px solid #c6c6c6;
    height: 41px;
    line-height: 41px;
    width: 66%;
}
.popupReserve .checkEmail input {
    margin: 10px 0;
}
.popupReserve .checkPost {
    margin: 0;
    border: 1px solid #c6c6c6;
    border-radius: 0;
    height: 41px;
    width: 46%;
}
.popupReserve .checkPost input {
    margin: 10px 0;
    width: 72%;
}
.popupReserve .checkPost .postsClick {
    right: -13px;
    height: 45px;
    line-height: 45px;
}
.popupReserve .inputAddress {
    width: 44%;
}
.popupReserve .inputDetail {
    margin-top: 10px;
}

/* 서비스정책 */
.servicePolicy.Contents {
    padding-bottom: 100px;
}
.servicePolicy .visual_01 {
    width: 100%;
    background: url("/_asset/img/project/serviceVisual_01.jpg") center 60% no-repeat;
    background-size: cover;
    behavior: url(/_asset/css/backgroundsize.min.htc);
    height: 450px;
    margin-bottom: 70px;
    margin-top: 50px;
}
.servicePolicy .visual_01 p {
    font-size: 18px;
    color: #cccccc;
    text-align: center;
    line-height: 30px;
}
.servicePolicy .visual_01 .quotesTop {
    padding-top: 135px;
    margin-bottom: 47px;
    display: block;
    text-align: center;
}
.servicePolicy .visual_01 .quotesBottom {
    padding-top: 35px;
    display: block;
    text-align: center;
}
.servicePolicy .quotesTop img {
    width: 29px;
}
.servicePolicy .quotesBottom img {
    width: 29px;
}
.servicePolicy .textBox {
    width: 1000px;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
}
.servicePolicy .textBox div {
    margin-bottom: 85px;
}
.servicePolicy .textBox p {
    font-size: 18px;
    color: #313333;
}
.servicePolicy .textBox h1 {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    color: #313333;
    margin-bottom: 25px;
}
.servicePolicy .textBox ul li {
    font-size: 14px;
    color: #999999;
    line-height: 28px;
    margin-left: 20px;
}
.servicePolicy .textBox ul li em {
    margin-left: -23px;
}
.servicePolicy .textBox .last {
    margin-top: 35px;
}
.servicePolicy .textBox ol {
    margin-top: 35px;
}
.servicePolicy .textBox ol li {
    font-size: 14px;
    color: #999999;
    line-height: 28px;
}
.servicePolicy .textBox ol li em {
    margin-left: -9px;
}
.servicePolicy .textBox strong {
    color: #313333;
    font-weight: bold;
}

.servicePolicy .textBox .dl_list:after {
    display: block;
    content: "";
    clear: both;
}
.servicePolicy .textBox .dl_list {
    margin: 35px 0;
    margin-left: 25px;
}
.servicePolicy .textBox .dl_list dl {
    float: left;
    width: 176px;
    border: 1px solid #c6c6c6;
    border-left: 0;
}
.servicePolicy .textBox .dl_list dl:first-child {
    border-left: 1px solid #c6c6c6;
}
.servicePolicy .textBox .dl_list dt {
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    color: #999999;
    text-align: center;
    font-weight: normal;
    width: 176px;
    word-break: break-all;
    border-bottom: 1px solid #c6c6c6;
    background-color: #f9f9f9;
}
.servicePolicy .textBox .dl_list dt span {
    font-size: 26px;
    color: #313333;
    font-weight: 900;
}
.servicePolicy .textBox .dl_list dd {
    font-size: 13px;
    color: #333333;
    text-align: center;
    height: 42px;
    line-height: 42px;
    width: 176px;
    word-break: break-all;
}
.servicePolicy .textBox .dl_list span.spanRight {
    text-align: right;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
    display: block;
    margin-right: 99px;
    margin-top: 15px;
}

/* 비회원1:1문의 */
.nomember {
    padding: 0 !important;
}
.nomember ul.nomemMain {
    margin-left: 95px;
}
.nomember ul.nomemMain li {
    border: 1px solid #c6c6c6;
    width: 347px;
    height: 391px;
    position: relative;
    float: left;
    cursor: pointer;
}
.nomember ul.nomemMain li img {
    display: block;
    margin: 0 auto;
}
.nomember ul.nomemMain li a.btn {
    width: 237px;
    height: 68px;
    line-height: 68px;
    color: #999999;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    background: url("/_asset/img/project/icon_inquiry_04.jpg") no-repeat;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.nomember ul.nomemMain li dl dt {
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 12px;
}
.nomember ul.nomemMain li dl dd {
    font-size: 14px;
    color: #999999;
    text-align: center;
}
.nomember ul.nomemMain li a.view {
    margin: 0 auto;
    margin-top: 30px;
    font-size: 14px;
    color: #e2587a;
    display: block;
    border-bottom: 1px solid #e2587a;
    text-align: center;
    width: 105px;
    padding-bottom: 3px;
    position: relative;
    z-index: 1;
}
.nomember ul.nomemMain li.member {
    margin-right: 112px;
}
.nomember ul.nomemMain li.member img {
    margin-top: 49px;
    margin-bottom: 24px;
}
.nomember ul.nomemMain li.nomember img {
    margin-top: 52px;
    margin-bottom: 27px;
}
.nomember ul.nomemMain li:hover a.btn {
    background: url("/_asset/img/project/icon_inquiry_03.jpg") no-repeat;
    color: #ffffff;
}
.nomember ul.nomemMain li:hover span {
    width: 347px;
    height: 391px;
    border: 3px solid #000000;
    position: absolute;
    top: -3px;
    left: -3px;
}
.nomember div.nomemMain_txt {
    width: 730px;
    position: relative;
    margin: 0 auto;
    margin-top: 49px;
    margin-bottom: 100px;
}
.nomember div.nomemMain_txt h1 {
    font-size: 16px;
    color: #333333;
    text-align: left;
    font-weight: normal;
    margin-bottom: 25px;
}
.nomember div.nomemMain_txt span {
    color: #999999;
    font-size: 14px;
    line-height: 22px;
    width: 50%;
    float: left;
}
.nomember div.nomemMain_txt p {
    color: #999999;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    clear: both;
}
.nomember div.nomemMain_txt strong {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: middle;
}

.nomemSub {
    width: 956px;
    margin: 0 auto;
}
.nomemSub ol {
    float: left;
}
.nomemSub ol li {
    font-size: 14px;
    color: #313333;
    line-height: 23px;
}
.nomemSub ol li strong {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.nomemSub a.nomemQna {
    float: right;
    width: 160px;
    height: 37px;
    line-height: 37px;
    border: 1px solid #e2e2e2;
    background-color: #ffffff;
    font-size: 16px;
    color: #e2587a;
    text-align: center;
    border-radius: 30px;
}
.nomemSub .nomemLine {
    float: left;
    margin-top: 50px;
}
.nomemSub .nomemLine input {
    float: left;
}
.nomemSub .nomemLine .nomemberPhone {
    width: 152px;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #999999;
    padding: 13px 13px 12px 20px;
    float: left;
    position: relative;
}
.nomemSub .nomemLine .optionDefault img {
    float: right;
    margin-top: 5px;
}
.nomemSub .nomemLine .nomemberPhone div.optionData {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 1;
}
.nomemSub .nomemLine .nomemberPhone ul.optionList {
    background-color: #ffffff;
}
.nomemSub .nomemLine .nomemberPhone ul.optionList li {
    cursor: pointer;
    font-size: 18px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    padding: 0 9%;
}
.nomemSub .nomemLine .nomemberPhone ul.optionList li:hover {
    background-color: #f585a2;
    color: #ffffff;
}
.nomemSub .nomemLine .nomemNunber_center {
    width: 152px;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #999999;
    padding: 13px 13px 12px 20px;
    float: left;
    position: relative;
    margin: 0 10px 0 11px;
    text-align: center;
    outline: none;
}
.nomemSub .nomemLine .nomemNunber_right {
    width: 152px;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #999999;
    padding: 13px 13px 12px 20px;
    float: left;
    position: relative;
    text-align: center;
    outline: none;
}
.nomemSub .nomemLine .nomemNunber_password {
    width: 317px;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #999999;
    padding: 13px 22px 12px 23px;
    float: left;
    position: relative;
    margin-left: 10px;
    outline: none;
}
.nomemSub .nomemLine .nomemNunber_obj {
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #999999;
    padding: 13px 20px 12px 20px;
    width: 914px;
    margin: 15px auto;
    outline: none;
}
.nomemSub .nomemLine textarea {
    padding: 20px;
    width: 914px;
    height: 166px;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #999999;
    outline: none;
}
.nomemSub .agreeView {
    float: right;
    margin-top: 20px;
}
.nomemSub .agreeView #nomemAgree {
    position: relative;
    opacity: 0;
    z-index: -1;
}
.nomemSub .agreeView #nomemAgree + label {
    font-size: 14px;
    color: #313333;
    padding: 2px 0;
    padding-left: 32px;
    height: 21px;
    background: url("/_asset/img/common/check_gray_off.jpg") no-repeat;
}
.nomemSub .agreeView #nomemAgree.checkSelect + label {
    background: url("/_asset/img/common/check_gray_on.jpg") no-repeat;
}
.nomemSub .agreeView #nomemAgree:checked + label {
    background: url("/_asset/img/common/check_gray_on.jpg") no-repeat;
}
.nomemSub .agreeView a {
    font-size: 13px;
    color: #e2587a;
    text-align: center;
    width: 58px;
    border-bottom: 1px solid #e2587a;
    padding-bottom: 2px;
    margin-left: 19px;
}
.nomemSub .nomemberBtn {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    width: 223px;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
    margin-top: 40px;
    display: block;
    background-color: #f585a2;
    clear: both;
}

.popupNomember {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -318px;
    border: 3px solid #313333;
    background-color: #ffffff;
}
.popupNomember .top {
    background-color: #313333;
    width: 630px;
    height: 83px;
    position: relative;
}
.popupNomember .top img.logo {
    position: absolute;
    left: 22px;
    top: 26px;
}
.popupNomember .top .closeParent {
    position: absolute;
    right: 22px;
    top: 26px;
}
.popupNomember .top h1 {
    font-size: 24px;
    color: #feffff;
    text-align: center;
    font-weight: normal;
    line-height: 83px;
}
.popupNomember .middle {
    padding: 33px 40px 36px 41px;
    width: 549px;
}
.popupNomember .middle p.title {
    font-size: 16px;
    color: #999999;
    text-align: center;
    line-height: 26px;
    margin-bottom: 40px;
}
.popupNomember .middle .nomemberPhone {
    width: 142px;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #999999;
    padding: 13px 13px 12px 20px;
    float: left;
    position: relative;
}
.popupNomember .middle .optionDefault img {
    float: right;
    margin-top: 5px;
}
.popupNomember .middle .nomemberPhone div.optionData {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 1;
}
.popupNomember .middle .nomemberPhone ul.optionList {
    background-color: #ffffff;
}
.popupNomember .middle .nomemberPhone ul.optionList li {
    cursor: pointer;
    font-size: 18px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    padding: 0 9%;
}
.popupNomember .middle .nomemberPhone ul.optionList li:hover {
    background-color: #f585a2;
    color: #ffffff;
}
.popupNomember .middle .nomemNunber_center {
    width: 141px;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #999999;
    padding: 13px 13px 12px 20px;
    float: left;
    position: relative;
    margin: 0 10px 0 11px;
    text-align: center;
    outline: none;
}
.popupNomember .middle .nomemNunber_right {
    width: 140px;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #999999;
    padding: 13px 13px 12px 20px;
    float: left;
    position: relative;
    text-align: center;
    outline: none;
}
.popupNomember .middle .nomemNunber_password {
    width: 502px;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    color: #999999;
    padding: 13px 22px 12px 23px;
    float: left;
    position: relative;
    outline: none;
    margin-top: 18px;
}
.popupNomember .bottom .popupBtn {
    margin-top: 36px;
    display: block;
    margin: 0 auto;
    width: 174px;
    height: 44px;
    line-height: 44px;
    background-color: #f585a2;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
.popupNomember .bottom {
    margin-bottom: 44px;
}

.popupAgree {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -318px;
    border: 3px solid #313333;
    background-color: #ffffff;
}
.popupAgree .top {
    background-color: #313333;
    width: 630px;
    height: 83px;
    position: relative;
}
.popupAgree .top img.logo {
    position: absolute;
    left: 22px;
    top: 26px;
}
.popupAgree .top .closeParent {
    position: absolute;
    right: 22px;
    top: 26px;
}
.popupAgree .top h1 {
    font-size: 24px;
    color: #feffff;
    text-align: center;
    font-weight: normal;
    line-height: 83px;
}
.popupAgree .middle {
    padding: 33px 40px 36px 41px;
    width: 549px;
}
.popupAgree .middle p.title {
    font-size: 16px;
    color: #999999;
    text-align: center;
    line-height: 26px;
    margin-bottom: 40px;
}
.popupAgree .middle textarea {
    border: 1px solid #c6c6c6;
    width: 96%;
    padding: 2%;
    height: 120px;
}
.popupAgree .bottom .popupBtn {
    margin-top: 36px;
    display: block;
    margin: 0 auto;
    width: 174px;
    height: 44px;
    line-height: 44px;
    background-color: #f585a2;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
.popupAgree .bottom {
    margin-bottom: 44px;
}

.nomemSub_list {
    margin-top: 45px;
}
.nomemList {
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 40px;
    margin-bottom: 23px;
}
.inquiry .inquiryList.nomemList .arrowBtn {
    width: 907px;
    background: #f2f2f2 url("/_asset/img/common/icon_answer_on.png") no-repeat 97% 25px !important;
}
.inquiry .inquiryList.nomemList .resumeAcc .plusWork {
    margin: 20px 20px 20px 0;
}
.inquiry .inquiryList.nomemList .resumeAcc textarea {
    width: 890px;
}
.inquiry .inquiryList.nomemList .resumeAcc dl dt {
    position: relative;
    width: 760px;
    padding: 0 25px;
    padding-bottom: 40px;
}
.inquiry .inquiryList.nomemList .resumeAcc dl dt span {
    position: absolute;
    top: 0;
    right: -155px;
}
.nomember .nomemberWrite {
    display: block;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    width: 256px;
    height: 60px;
    line-height: 60px;
    background-color: #f685a3;
    margin: 0 auto;
}

/* 프로젝트 공통 설정 */
.projectView img {
    max-width: 100%;
}

/*프로젝트 비회원 주소취합 페이지*/
.nomemberAddress .inwrap {
    padding-top: 40px;
}
.nomemberAddress .inbox.addressInput input {
    width: 100%;
    height: 62px;
    border: 2px solid #000;
    padding: 0 10px;
    font-size: 21px;
    font-family: "nskr";
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.nomemberAddress .inbox.addressInput .search-zipcode {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.nomemberAddress .inbox.addressInput .search-zipcode input {
    width: 60%;
}
.nomemberAddress .inbox.addressInput .search-zipcode button {
    width: 40%;
    height: 62px;
    background: #000;
    color: #fff;
    border: none;
    font-size: 21px;
    margin-bottom: 10px;
}
.pr_pop.layer_nomemberAgree {
    max-height: 100%;
}
.table_contents .logBox.nomemberAddress .ckBox {
    border-top: none;
    padding: 30px 10px 0;
}
.table_contents .logBox.nomemberAddress .ckBox .agreeCheck div label input[type="checkbox"] {
    margin-bottom: 0;
}
.table_contents .logBox.nomemberAddress .inwrap .inbox .checkPhone .phoneClick {
    background-color: #000;
}
.table_contents .logBox.nomemberAddress .inwrap .inbox .checkPhone .phoneClick.confirm {
    background-color: #fff !important;
    color: #000;
    border: 2px solid #000;
    border-left: none;
}

/* 프로젝트 - 활동안내 페이지 css 24.05.03 */
.project-introduce-content {
    margin-bottom: 100px;
}
.project-introduce-content .table_img {
    display: block;
    margin: 0 auto;
}
.project-introduce-top-swiper .project-introduce-object{
    width: 100%;
    background: #000;
    min-height: 180px;
    display:flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 48px 0;
}
.project-introduce-object h2{
    font-size: 48px;
    font-family: 'Gmarket Sans';
    margin-right: 24px;
    font-weight: 700;
    opacity: 0;
    transition: all .2s;
}
.project-introduce-top-swiper .swiper-slide-active h2 {
    animation: showObject 2s forwards;
    animation-delay: .05s;
}
.project-introduce-object p{
    opacity: 0;
    transition: all .2s;
    font-size: 20px;
    font-family: 'Gmarket Sans';
    margin-right: 104px;
    font-weight: 400;
}
.project-introduce-top-swiper .swiper-slide-active p {
    animation: showObject 3s forwards;
    animation-delay: .2s;
}
.project-introduce-top-swiper .object_img{
    opacity: 0;
    transition: all .2s;
}
.project-introduce-top-swiper .swiper-slide-active .object_img {
    animation: showObject 3s forwards;
    animation-delay: .5s;
}

@keyframes showObject {
    0%{
        opacity: 0;
    } 100%{
        opacity: 1;
    }
}

.project-introduce-list-wrap{
    margin-top: 100px;
}
.project-introduce-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
    padding: 10px 40px;
    box-shadow: 0px -1px 6px 0px rgba(187, 187, 187, 0.13), 0px 38px 11px 0px rgba(161, 161, 161, 0.00), 0px 24px 10px 0px rgba(161, 161, 161, 0.02), 0px 14px 8px 0px rgba(161, 161, 161, 0.06), 0px 6px 6px 0px rgba(161, 161, 161, 0.10), 0px 2px 3px 0px rgba(161, 161, 161, 0.12);
    border-radius: 24px;
}
.project-introduce-inner .left {
    width: 65%;
}
.project-introduce-inner .left > div {
    padding-left: 40px;
}
.project-introduce-inner .right {
    width: 30%;
}
.project-introduce-inner h2{
    margin-bottom: 16px;
}
.project-introduce-list-wrap h1, .project-introduce-inner h2{
    font-size: 28px;
    font-weight: 700;
}
.project-introduce-list-wrap h1 img {
    width: 42px;
    height: 42px;
    margin-right: 16px;
    vertical-align: middle;
}
.project-introduce-inner p {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.25px;
}
.project-introduce-inner .right .swiper-slide {
    max-width: 369px;
}
.project-introduce-inner .right img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.project-introduce-box-list{
    margin-top: 50px;
}
.project-introduce-box{
    width: 100%;
    padding: 48px 40px;
    margin-bottom: 80px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0px 218px 61px 0px rgba(150, 150, 150, 0.00), 0px 140px 56px 0px rgba(150, 150, 150, 0.01), 0px 79px 47px 0px rgba(150, 150, 150, 0.04), 0px 35px 35px 0px rgba(150, 150, 150, 0.07), 0px 9px 19px 0px rgba(150, 150, 150, 0.08);
}
.project-introduce-box.blue-box {
    background: #0087f5;
    color: #fff;
}
.project-introduce-box:first-child{
    box-shadow: 0px -1px 20px 0px rgba(205, 205, 205, 0.15), 0px 218px 61px 0px rgba(150, 150, 150, 0.00), 0px 140px 56px 0px rgba(150, 150, 150, 0.01), 0px 79px 47px 0px rgba(150, 150, 150, 0.04), 0px 35px 35px 0px rgba(150, 150, 150, 0.07), 0px 9px 19px 0px rgba(150, 150, 150, 0.08);
}
.project-introduce-box.promise-box {
    background: url('/_asset/img_v2/project/project_introduce/table_promise.png') right bottom no-repeat;
    background-size: 30%;
}
.project-introduce-box h2 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 24px;
}
.project-introduce-box h3{
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 8px;
}
.project-introduce-box h4{
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
}
.project-introduce-box > p {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
}
.project-introduce-box .indent-box {
    font-size: 16px;
    line-height: 1.5;
    padding: 8px 0 16px;
    padding-left: 27px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d9d9d9;
}
.project-introduce-box .indent-box:last-child{
    border-bottom: 0;
}
.project-introduce-box ul.indent-box {
    margin-left: 26px;
}
.project-introduce-box .indent-p {
    font-size: 16px;
    line-height: 1.5;
    padding: 8px 0 16px;
    padding-left: 27px;
    /* margin-bottom: 16px; */
}
.project-introduce-box .indent-box.list-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    column-gap: 8px;
    row-gap: 16px;
    border-bottom: 0;
}
.project-introduce-box .indent-box.list-box:last-child{
    margin-bottom: 48px;
}
.project-introduce-box .indent-box.list-box p{
    /* padding: 16px; */
    padding: 0 16px;
    border-right: 1px solid #d9d9d9;
}
.project-introduce-box .indent-box.list-box p:last-child{
    border-right: 0;
}
.project-introduce-box .flex-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    column-gap: 5%;
}
.project-introduce-box .flex-box-kakao {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 5%;
    margin-bottom: 16px;
}
.project-introduce-box .flex-box-kakao p {
    font-size: 16px;
    font-weight: 700;
}
.project-introduce-box .flex-box p {
    width: 80%;
}
.project-introduce-box .flex-box a, .project-introduce-box .flex-box-kakao a {
    width:20%;
    display:flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    padding-right: 16px;
}
.project-introduce-box .flex-box a img {
    width: 32px;
    max-width: 32px;
    height: 32px;
    max-height: 32px;
}
.project-introduce-box .flex-box-kakao a.kakao-btn img {
    width: 248px;
    height: 56px;
    max-width: 248px;
    max-height: 56px;
}
.project-introduce-box .indent-box .store-btn {
    color: #fff;
    cursor: default; /* 스토어 오픈 후 지워야 함 */
}
.project-introduce-box > ul {
    padding-left: 24px;
}
.project-introduce-box ul li {
    font-size: 16px;
    list-style: disc;
    line-height: 1.5;
}
.project-introduce-box.promise-box ul {
    width: 50%;
    display:flex;
    flex-direction: column;
    row-gap: 8px;
    /* margin-left: 26px; */
}
.project-introduce-box.promise-box ul li {
    padding-bottom: 8px;
    border-bottom: 1px solid #d9d9d9;
}



@media screen and (max-width: 1400px) {
    .sns_wrap .tit {
        width: 20%;
    }
    .sns_wrap .add_wrap {
        width: calc(100% - 20%);
        padding: 20px 0 32px 20px;
    }
    .sns_wrap .add_wrap input.insns_input {
        width: 100%;
        height: 60px;
        padding-left: 20px;
        font-size: 18px;
    }
    .sns_wrap .add_wrap .input_add input {
        width: 85%;
        height: 60px;
        padding-left: 20px;
        font-size: 18px;
    }
    .sns_wrap .add_wrap .input_add .missionBtn {
        width: 15%;
        height: 60px;
        font-size: 16px;
    }
    .sns_view_wrap {
        display: flex;
        width: 100%;
        border-top: 3px solid #000;
        align-items: flex-start;
        border-bottom: 1px solid #9e9e9e;
        margin-top: 20px;
    }
    .sns_view_wrap .tit {
        width: 20%;
        padding-top: 20px;
    }
    .sns_view_wrap .add_wrap {
        width: calc(100% - 20%);
        padding: 20px 0;
    }
    .missionList .missionBtn {
        width: 300px;
        height: 70px;
        margin: 30px auto 0px;
        font-size: 20px;
        font-family: "nskr";
    }
    .missionList .missionBtn.pBtn {
        margin: 30px auto 0px;
        font-size: 20px;
        width: 250px;
        height: 60px;
    }
    .sns_view_wrap .add_wrap .urltxt {
        font-size: 18px;
    }
    .sns_view_wrap .add_wrap .urltxt .txt-a {
        width: 60%;
    }
    .notice_pop {
        width: 90%;
        padding: 35px 30px;
    }
    .notice_pop .notice_wrap .vsubject {
        padding-bottom: 15px;
        border-bottom: 2px solid #000;
        font-size: 28px;
    }
    .notice_pop .notice_wrap .vinfo {
        width: 100%;
        margin: 10px 0 20px;
    }
    .notice_pop .notice_wrap .vinfo span:not(:last-child) {
        margin-right: 20px;
    }
    .notice_pop .notice_wrap .cont_scroll {
        height: 75%;
    }
    .notice_pop .notice_wrap .prev_noti {
        margin-top: 20px;
        font-size: 18px;
    }
    .notice_pop .notice_wrap .prev_noti .prevtit span {
        margin-left: 30px;
    }

    /*프로젝트 상세페이지 리뉴얼 css*/
    .projectDetail.new.sticky {
        max-width: 1000px;
        padding: 30px 10px;
        left: 50%;
        transform: translateX(-50%);
    }
    .projectDetail.new.sticky .detailBox {
        grid-template-columns: 66% 34%;
    }

    .projectDetail .goBack {
        padding: 0;
    }

    .projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn {
        flex-wrap: wrap;
    }
}

@media (max-width: 1100px) {
    .feedback .leftcard {
        width: 100%;
    }
    .feedback .rightcard {
        width: 100%;
        margin-left: 0px;
    }
    .listBtn_txt {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        column-gap: 15px;
        row-gap: 10px;
    }
    .mylist .listProject a.projectBtn {
        margin: 0;
    }
    .mylist .listProject .listBtn_txt p {
        margin-top: 0;
    }

    /*서비스정책*/
    .servicePolicy .textBox {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
        position: relative;
    }

    /*프로젝트 상세페이지 리뉴얼 css*/
    .projectDetail.new {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 20px;
        column-gap: 30px;
        margin-top: 0;
    }
    .projectDetail.new.imageNone {
        padding: 30px 0 20px;
    }

    .projectDetail .companyLogo {
        flex-basis: 300px;
    }
    .projectDetail .detailBox {
        flex-basis: auto;
        width: 100%;
    }
    .projectDetail .detailBox dl dt {
        font-size: 32px;
        text-align: center;
    }
    .projectDetail .detailBox dl dd {
        text-align: center;
        justify-content: center;
    }
    .projectDetail .btnSns {
        flex-basis: 85%;
        flex-direction: column;
        height: 150px;
        align-items: center;
        justify-content: center;
        row-gap: 20px;
    }
    .projectDetail .btnSns .snsBox {
        width: 350px;
    }
    .to_commerce {
        width: 350px;
    }
    .projectDetail.new .btnSns a.btn {
        width: 100%;
    }
    .projectDetail.new .btnSns a.btn {
        max-width: 350px;
    }
    .detailUnderBox {
        width: 100%;
        height: auto;
        flex-direction: column;
    }
    .detailUnderBox .detailTxt {
        width: 90%;
    }
    .detailUnderBox .detailTxt tr td.detailTit {
        width: 120px;
    }
    .detailUnderBox .detailTxt tr td.detailCont {
        width: 100%;
    }

    .projectDetail.inquiry .inquiryArea {
        width: 100%;
    }

    /*프로젝트 상세페이지 sticky tab css*/
    .projectDetail.new.sticky {
        margin-top: 0;
        row-gap: 0;
    }
    .projectDetail.new.sticky .detailBox p.project_subject {
        font-size: 32px;
        letter-spacing: -1px;
    }
    .projectDetail.new.sticky .btnSns {
        flex-basis: 30%;
        width: 100%;
        height: auto;
    }
    .projectDetail.new.sticky .btnSns a.btn {
        font-size: 20px;
    }

    /*프로젝트 상세페이지 댓글창 css*/
    .project_commentList ul li.project_commentList_bottom ul li:first-child {
        width: 75%;
    }
    .project_commentList ul li.project_commentList_bottom ul li:last-child {
        width: 15%;
    }

    /*인사이트 상세페이지 리뉴얼*/
    .subContents {
        width: 100%;
        padding: 50px 15px 0;
        margin: 0;
    }

    /*비회원 주소취합 페이지*/
    .nomemberAddress .inwrap {
        width: 80%;
    }
    .table_contents .logBox.nomemberAddress .inwrap .inbox .checkPhone {
        justify-content: flex-start;
    }
    .table_contents .logBox.nomemberAddress .inwrap .inbox .checkPhone input.inputPhone {
        width: 75% !important;
    }
    .table_contents .logBox.nomemberAddress .inwrap .inbox .checkPhone .phoneClick {
        width: 25%;
    }
}

@media all and (max-width: 1000px) {
    .actib_tab li a {
        display: block;
        font-size: 15px;
        color: #313333;
        text-align: center;
        height: 42px;
        line-height: 42px;
    }

    .application .appBtn {
        text-align: center;
        width: 100%;
        margin-bottom: 180px;
    }
    .application .appBtn a {
        height: 66px;
        line-height: 66px;
        text-align: center;
        font-size: 20px;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 0 10px;
    }
    .application .appTitle {
        width: 96%;
        padding: 0 2%;
    }
    .application .moreProject a {
        color: #e9819b;
        margin-left: 33px;
    }

    .bebox .joinBtn {
        width: 100%;
        height: 65px;
        margin: 20px auto 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #000;
        color: #fff;
        font-size: 18px;
        font-family: "nskm";
        letter-spacing: -1px;
    }
    .bebox .txt {
        text-align: center;
        font-size: 16px;
        font-family: "nskm";
        letter-spacing: -1px;
    }

    .brandService .brand_form {
        width: 100%;
        margin: 0 auto;
    }
    .brandService .brand_form input[type="text"] {
        padding: 17px 3%;
        font-size: 16px;
        color: #313333;
        text-align: left;
        float: left;
        border: 1px solid #c6c6c6;
        width: 43%;
        margin-bottom: 8px;
    }
    .brandService .brand_list dd {
        font-size: 14px;
        color: #999999;
        line-height: 28px;
    }
    .brandService .brand_list dt {
        font-size: 18px;
        color: #313333;
        text-align: left;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .brandService .brand_list img {
        display: block;
        float: left;
    }
    .brandService .brandBtn {
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        width: 245px;
        height: 68px;
        line-height: 68px;
        display: block;
        margin: 0 auto;
        background-color: #668ee6;
        margin-top: 45px;
    }
    .brandService .brandSlider h1 {
        width: 100%;
        border-bottom: 1px solid #c6c6c6;
        height: 21px;
        position: relative;
        margin-bottom: 60px;
    }
    .brandService .brandTitle_sub h1 {
        font-size: 18px;
        color: #999999;
        border-bottom: 1px solid #999999;
        float: left;
        padding-bottom: 15px;
    }
    .brandService .brandTitle_sub h1 span {
        font-size: 30px;
        color: #313333;
        border-bottom: 5px solid #313333;
        padding-bottom: 10px;
        margin-right: 10px;
    }
    .brandService .brandTitle_sub p {
        float: left;
        font-size: 14px;
        color: #999999;
        margin-top: 16px;
        line-height: 28px;
    }
    .brandService .brandUpload .brandUpload_button {
        width: 100%;
        height: 57px;
        position: absolute;
        top: 0;
        background-color: #f9f9f9;
        color: #313333;
        border: 1px solid #c6c6c6;
        border-left: none;
        height: 55px;
        font-size: 16px;
    }
    .brandService .brandUpload .brandUpload_div {
        position: relative;
        width: 19%;
        height: 57px;
        overflow: hidden;
    }
    .brandService .brandUpload_p {
        clear: both;
        font-size: 14px;
        color: #999999;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 73px;
    }
    .brandService .real_trust img {
        display: block;
        margin: 0 auto;
        margin-top: 45px;
    }
    .brandService .real_trust p {
        font-size: 19px;
        color: #313333;
        font-weight: bold;
        padding: 15px 0;
    }
    .brandService .visual_01 .quotesTop {
        padding-top: 200px;
        margin-bottom: 20px;
        display: block;
        text-align: center;
    }
    .brandService .visual_01 {
        width: 100%;
        height: 766px;
        background: url("/_asset/img/project/brandVisual_01.jpg") center 50% no-repeat;
        background-size: cover;
        behavior: url(/_asset/css/backgroundsize.min.htc);
    }
    .brandService .visual_01 h1 {
        font-size: 28px;
        color: #ffffff;
        text-align: center;
        line-height: 50px;
        margin-top: 15px;
    }
    .brandService .visual_02 .quotesTop {
        padding-top: 70px;
        margin-bottom: 20px;
        display: block;
        text-align: center;
    }
    .brandService .visual_02 {
        width: 100%;
        height: 328px;
        background: url("/_asset/img/project/brandVisual_02.jpg") center 50% no-repeat;
        background-size: cover;
        behavior: url(/_asset/css/backgroundsize.min.htc);
        margin-top: 115px;
    }
    .brandService .visual_03 .quotesBottom {
        padding-top: 35px;
        display: block;
        text-align: center;
    }
    .brandService .visual_03 .quotesTop {
        padding-top: 60px;
        margin-bottom: 20px;
        display: block;
        text-align: center;
    }
    .brandService .visual_03 {
        width: 100%;
        height: 328px;
        background: url("/_asset/img/project/brandVisual_03.jpg") center 50% no-repeat;
        background-size: cover;
        behavior: url(/_asset/css/backgroundsize.min.htc);
    }

    .choiceMission {
        width: 100%;
        margin-top: 80px;
        margin-bottom: 30px;
    }
    .choiceMission li {
        width: 7%;
        height: 37px;
        background-color: #f2f2f2;
        margin: 0 4px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    .companySlider .slider .bx-controls {
        position: absolute;
        bottom: 30px;
        left: 0;
        width: 100%;
    }
    .companySlider .slider .bx-controls-auto {
        position: absolute;
        top: 0;
        right: 24px;
        width: 50px;
        z-index: 999;
    }

    .eventComplete_box div.box {
        border: 1px solid #c6c6c6;
        width: 510px;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 40px;
    }
    .eventComplete_box div.btn a {
        width: 114px;
        height: 31px;
        background-color: #ffffff;
        text-align: center;
        line-height: 31px;
        font-size: 16px;
        color: #3a3a3a;
        border: 1px solid #c6c6c6;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 0 10px;
    }
    .eventComplete_box div.gray {
        margin-top: 40px;
        background-color: #f3f3f3;
        padding: 0 38px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .eventComplete_box div.gray p {
        font-size: 14px;
        color: #8a8a8a;
        text-align: center;
        line-height: 22px;
        letter-spacing: -0.05em;
    }
    .eventComplete_box h1 {
        font-size: 36px;
        color: #f36487;
        font-weight: bold;
        text-align: center;
        margin-bottom: 25px;
    }
    .eventComplete_box h2 {
        font-size: 30px;
        color: #313333;
        font-weight: normal;
        text-align: center;
    }
    .eventComplete_box table {
        margin-left: 71px;
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .eventComplete_box table td {
        font-size: 20px;
        color: #000000;
        text-align: left;
    }
    .eventComplete_box table td span {
        font-size: 18px;
        color: #8a8a8a;
        text-align: left;
        font-weight: normal;
    }
    .eventComplete_box table th {
        font-size: 18px;
        color: #8a8a8a;
        text-align: left;
        font-weight: normal;
        line-height: 37px;
    }

    .listProject .arrow {
        width: 100%;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 100px;
    }
    .listProject .arrow li {
        font-size: 18px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    .listProject .companyText dt {
        font-size: 22px;
        line-height: 24px;
        text-align: left;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .listProject .companyText p {
        font-size: 14px;
        color: #999999;
        line-height: 30px;
    }
    .listProject .companyText.new {
        border: none;
        padding: 10px 10px 25px 10px;
        width: 97%;
    }
    .listProject .companyText.new a.btn {
        width: 100%;
        height: 42px;
        line-height: 42px;
        display: block;
        font-size: 16px;
        text-align: center;
        margin-top: 30px;
        float: left;
    }
    .listProject .companyText.new a.newMission {
        border: 1px solid #c6c6c6;
        color: #313333;
        font-size: 18px;
    }
    .listProject .companyText.new dd {
        display: block !important;
    }
    .listProject .companyText.new dd span {
        width: 50%;
        float: left;
        font-size: 14px;
        color: #999999;
        line-height: 24px;
    }
    .listProject .companyText.new dt {
        font-size: 20px;
        text-align: left;
        color: #313333;
        margin-bottom: 10px;
        letter-spacing: -0.025em;
    }
    .listProject .list li {
        position: relative;
        clear: both;
    }

    .missionList .acc01 .receiveList {
        margin-top: 43px;
    }
    .missionList .acc01 .receiveList img {
        border: 1px solid #c6c6c6;
        display: block;
        margin: 0 auto 20px auto;
    }
    .missionList .acc01 table td {
        padding: 20px 0;
        font-size: 14px;
        color: #313333;
        text-align: center;
        border-left: 1px solid #c6c6c6;
    }
    .missionList .acc02 .snsMisson input[type="checkbox"] + label {
        height: 23px;
        padding-bottom: 9px;
        background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
        padding: 5px 0 5px 32px;
        margin-right: 15px;
    }
    .missionList .acc02 .snsMisson p {
        font-size: 14px;
        color: #999999;
        text-align: left;
        margin: 20px 0 40px 0;
    }
    .missionList .acc03 .acc03_box {
        padding-bottom: 49px;
    }
    .missionList .acc03 .acc03_img {
        display: block;
        margin: 0 auto;
        width: 89%;
    }
    .missionList .acc03 .feedShare_title {
        font-size: 18px;
        color: #313333;
        font-weight: bold;
        margin: 14px auto 30px auto;
        text-align: right;
        width: 89%;
        border-bottom: 1px solid #c6c6c6;
        padding-bottom: 15px;
    }
    .missionList .acc03 table td.snsUrl {
        width: 653px;
        text-align: left;
        font-size: 14px;
        color: #333333;
        word-break: break-all;
    }
    .missionList .acc03 table td.snsYear {
        width: 134px;
        text-align: center;
        font-size: 14px;
        color: #999999;
    }
    .missionList .acc03Upload {
        position: relative;
        width: 550px;
        height: 294px;
        margin: 0 auto;
    }
    .missionList .acc03Upload #acc03Input {
        width: 550px;
        height: 294px;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        z-index: 9;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    .missionList .acc04 p {
        font-size: 14px;
        color: #999999;
        margin-top: 25px;
    }
    .missionList .acc04_button {
        width: 140px;
        height: 48px;
        position: absolute;
        top: -2px;
        right: 0;
        background-color: #f585a2;
        color: #ffffff;
        border: none;
        font-size: 16px;
    }
    .missionList .acc05 img {
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
        margin-top: 21px;
        width: 89%;
    }
    .missionList .acc05 p {
        font-size: 14px;
        color: #999999;
    }
    .missionList .acc05 textarea {
        background-color: #f2f2f2;
        color: #999999;
        font-size: 14px;
        border: 1px solid #c6c6c6;
        padding: 2%;
        width: 86%;
        margin: 0 auto;
        display: block;
    }

    .missionList .missionCount {
        position: relative;
        background-color: #e9819b;
        text-align: center;
        color: #fff;
        font-weight: bold;
    }
    .missionList .missionCount span.countBg {
        width: 120px;
        height: 120px;
        background: url("/_asset/img/project/missionBg.png") no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    }
    .missionList .missionTxt .urlcopy.mobile input {
        width: 70%;
        font-size: 17px;
        color: #666666;
        height: 37px;
        line-height: 37px;
        border-bottom: 1px solid #c6c6c6;
        border: 1px solid #c6c6c6;
    }
    .missionList dt {
        font-size: 16px;
        color: #999;
        text-align: center;
        font-weight: 600;
    }
    .missionList dt span {
        font-size: 14px;
        color: #999999;
        display: block;
        text-align: left;
        margin-top: 12px;
    }

    .missionNotice span {
        width: 93%;
        display: block;
        float: left;
        background: url("/_asset/img/project/icon_notice_gray.png") no-repeat;
        padding-left: 32px;
        font-size: 14px;
        color: #999999;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .missionTitle {
        width: 96%;
        padding: 0 2%;
        position: relative;
    }

    .nomember ul.nomemMain li {
        border: 1px solid #000000;
        width: 47%;
        height: 391px;
        position: relative;
        cursor: pointer;
        float: left;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .nomemSub a.nomemQna {
        float: right;
        width: 160px;
        height: 37px;
        line-height: 37px;
        border: 1px solid #e2e2e2;
        background-color: #ffffff;
        font-size: 16px;
        color: #e2587a;
        text-align: center;
        border-radius: 30px;
    }
    .nomemSub ol li {
        font-size: 14px;
        color: #313333;
        line-height: 23px;
    }
    .nomemSub ol li strong {
        font-size: 20px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .popupAgree .middle p.title {
        font-size: 16px;
        color: #999999;
        text-align: center;
        line-height: 26px;
        margin-bottom: 40px;
    }
    .popupAgree .top {
        background-color: #313333;
        width: 630px;
        height: 83px;
        position: relative;
    }
    .popupAgree .top .closeParent {
        position: absolute;
        right: 22px;
        top: 26px;
    }
    .popupAgree .top h1 {
        font-size: 24px;
        color: #feffff;
        text-align: center;
        font-weight: normal;
        line-height: 83px;
    }

    .popupNomember .middle .nomemNunber_center {
        width: 141px;
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #999999;
        padding: 13px 13px 12px 20px;
        float: left;
        position: relative;
        margin: 0 10px 0 11px;
        text-align: center;
        outline: none;
    }
    .popupNomember .middle .nomemNunber_password {
        width: 502px;
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #999999;
        padding: 13px 22px 12px 23px;
        float: left;
        position: relative;
        outline: none;
        margin-top: 18px;
    }
    .popupNomember .middle .nomemNunber_right {
        width: 140px;
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #999999;
        padding: 13px 13px 12px 20px;
        float: left;
        position: relative;
        text-align: center;
        outline: none;
    }
    .popupNomember .top h1 {
        font-size: 24px;
        color: #feffff;
        text-align: center;
        font-weight: normal;
        line-height: 83px;
    }

    .popupReserve .checkPost {
        margin: 0;
        border: 1px solid #c6c6c6;
        border-radius: 0;
        height: 41px;
        width: 46%;
    }
    .popupReserve .inputFull {
        width: 100%;
        height: 60px;
        padding: 0 12px;
        border: 2px solid #000;
        font-size: 18px;
        font-family: "nskr";
        letter-spacing: -1px;
        margin-bottom: 0;
    }
    .popupReserve .missionList .acc02 input[type="text"] {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 0;
        border: 1px solid #000;
        box-sizing: border-box;
    }
    .popupReserve .phoneReserve {
        border: 2px solid #000;
        font-size: 18px;
        font-family: "nskr";
        letter-spacing: -1px;
        width: 32%;
        height: 60px;
        padding: 0 12px;
        box-sizing: border-box;
    }
    .popupReserve .reserveBtn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 65px;
        color: #fff;
        font-size: 18px;
        font-family: "nskm";
        background: #000;
        margin: 25px auto 0;
    }
    .popupReserve .topArea .popupLogo {
        position: absolute;
        top: 24px;
        left: 32px;
    }
    .popupReserve .topArea2 .popupLogo {
        position: absolute;
        top: 24px;
        left: 32px;
    }
    .popupReserve .topArea2 p {
        font-size: 22px;
        color: #feffff;
        text-align: center;
        width: 67%;
        margin: 0 auto;
    }
    .popupReserve .topArea2 p span {
        font-size: 20px;
        color: #feffff;
        text-align: center;
        text-decoration: underline;
        width: 67%;
        margin: 0 auto;
    }
    .popupReserve ul.list_ul li.list_li dl dt {
        font-size: 18px;
        font-family: "nskm";
        letter-spacing: -1px;
        margin-left: 12px;
    }

    .porojectComment {
        background-color: #f2f2f2;
        width: 96%;
        padding: 2%;
    }
    .porojectComment .fileUpload_project .fileUpload_button {
        text-align: center;
        position: absolute;
        width: 99%;
        top: 0px;
        border: 1px solid #c6c6c6;
        background-color: #ffffff;
        height: 34px;
        line-height: 34px;
    }
    .porojectComment .fileUpload_project .fileUpload_div {
        position: relative;
        width: 49%;
        height: 36px;
        line-height: 36px;
        overflow: hidden;
        margin-bottom: 10px;
        cursor: pointer;
    }
    .porojectComment .fileUpload_project .fileUpload_input {
        width: 45%;
        height: 12px;
        line-height: 12px;
        border: 1px solid #c6c6c6;
        background-color: #ffffff;
        padding: 16px 2% 15px 2%;
    }
    .porojectComment a.btn {
        width: 15%;
        border: 1px solid #686969;
        border-left: none;
        float: left;
        height: 130px;
        background-color: #ffffff;
        line-height: 130px;
        font-size: 19px;
        color: #f36487;
        text-align: center;
    }
    .porojectComment textarea {
        outline: none;
        padding: 20px 2%;
        font-size: 14px;
        color: #999999;
        border: 1px solid #686969;
        width: 80%;
        height: 90px;
        float: left;
        margin-bottom: 14px;
    }
}

@media all and (min-width: 640px) and (max-width: 1000px) {
    /* 프로젝트 메인*/
    .contents.project {
        margin-top: 25px !important;
    }

    .companySlider .slider img.companyLogo {
        float: left;
        width: 29%;
    }
    .companySlider .slider img.companyVisual {
        float: left;
        width: 71%;
    }
    .companySlider .slider .bx-controls-auto {
        display: none;
    }
    .searchClick .listBtn {
        width: 100%;
        text-align: center;
    }
    .searchClick .listBtn a.on {
        color: #313333;
        background-color: #f2f2f2;
    }

    .listProject {
        margin: 43px 10px 0 10px;
        float: left;
        clear: both;
        width: calc(100% - 20px);
    }
    .listProject .companyImg .companyLogo {
        float: left;
        width: 30%;
    }
    .listProject .companyImg .companyVisual {
        float: left;
        width: 70%;
    }
    .listProject .companyImg.finish {
        background-color: #f2f2f2;
    }
    .listProject .companyImg.finish .conpanyFinish {
        width: 70%;
        position: relative;
        float: right;
    }
    .listProject .companyImg.finish .conpanyFinish p {
        font-size: 30px;
        color: #313333;
        text-align: left;
        line-height: 41px;
        margin-left: 17px;
        margin-top: 30px;
        width: 90%;
    }
    .listProject .companyText dl {
        margin-bottom: 10px;
    }
    .listProject .companyText dt.end a {
        color: #313333 !important;
    }
    .listProject .companyText dd {
        display: none;
        font-size: 14px;
        color: #999999;
        line-height: 20px;
    }
    .listProject a.projectBtn {
        width: 100%;
        height: 68px;
        line-height: 68px;
        font-size: 21px;
        text-align: center;
        float: left;
        margin-top: 10px;
    }
    .listProject a.projectBtn.mission {
        background-color: #000;
        color: #ffffff;
    }
    .listProject .arrow li {
        margin: 0 2px;
    }

    /* 프로젝트 뷰 */
    .projectAcc_btn {
        display: none;
    }
    .projectTabs {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        display: block !important;
    }
    .projectTabs li {
        width: 14%;
        float: left;
        margin-left: 1%;
    }
    .projectTabs li.first {
        margin-left: 1%;
    }
    .projectTabs li a {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        color: #999999;
        display: block;
        text-align: center;
        border: 1px solid #c6c6c6;
    }
    .projectTabs li.on a {
        background-color: #313333;
        border: 1px solid #313333;
        color: #ffffff;
    }
    .projectTabs li a:hover {
        background-color: #313333;
        border: 1px solid #313333;
        color: #ffffff;
    }
    .porojectComment .snsWrite input[type="checkbox"] + label {
        padding-left: 32px;
        height: 23px;
        padding-bottom: 9px;
        background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
        padding: 5px 0 5px 32px;
        margin-right: 15px;
    }
    .porojectComment .snsWrite input[type="checkbox"].checkSelect + label {
        padding-left: 32px;
        padding-bottom: 9px;
        height: 23px;
        background: url("/_asset/img/project/check_gray_on.jpg") no-repeat;
    }
    .porojectComment .fileUpload_project .fileUpload_div.img {
        float: left;
    }
    .porojectComment .fileUpload_project .fileUpload_div.video {
        float: right;
    }
    .porojectComment .fileUpload_project #filevideo {
        float: right;
    }
    .projectReview:after {
        display: block;
        content: "";
        clear: both;
    }
    .projectReview {
        width: 96%;
        padding: 40px 2% 20px 2%;
        clear: both;
        position: relative;
        border-top: 1px solid #f2f2f2;
    }
    .projectReview:first-child {
        border-top: none;
    }
    .projectReview .reviewProfile {
        width: 13%;
        float: left;
    }
    .projectReview .reviewProfile p {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
    }
    .projectReview .reviewProfile span.profileBg {
        width: 80px;
        height: 80px;
        background: url("/_asset/img/project/profileBg.png") no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        background-size: 100% auto;
        behavior: url(/_asset/css/backgroundsize.min.htc);
    }
    .projectReview .reviewProfile img.profileEx {
        width: 72px;
    }
    .projectReview .reviewText {
        float: right;
        width: 82%;
    }
    .projectReview .reviewText dl {
        width: 100%;
    }
    .projectReview .reviewText dt {
        font-size: 18px;
        color: #999999;
        text-align: left;
        font-weight: normal;
        margin-bottom: 14px;
    }
    .projectReview .reviewText dt span {
        font-size: 14px;
        color: #999999;
        margin-left: 10px;
        font-weight: normal;
    }
    .projectReview .reviewText dd {
        line-height: 25px;
        font-size: 18px;
        color: #313333;
        width: 100%;
        word-break: break-all;
    }
    .projectReview .reviewShare {
        position: absolute;
        top: 44px;
        right: 2%;
    }
    .projectReview .shareBox {
        width: 150px;
        float: left;
        text-align: center;
    }
    .projectReview .shareBox a {
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 0 10px;
    }
    .projectReview .reviewShare a.remove {
        float: left;
        width: 88px;
        display: block;
        height: 24px;
        line-height: 24px;
        border: 1px solid #c8c8c8;
        background-color: #f9f9f9;
        font-size: 14px;
        color: #313333;
        text-align: center;
        margin-left: 10px;
    }
    .projectReview .reviewBtn {
        font-size: 14px;
        color: #999999;
        width: 86%;
        padding-right: 45px;
        float: right;
        text-align: right;
        background: url("/_asset/img/common/icon_answer_off.png") no-repeat 98% bottom;
        margin-top: -20px;
    }
    .projectReview .reviewBtn.active {
        background: url("/_asset/img/common/icon_answer_on.png") no-repeat 100% bottom;
        margin-top: 30px;
    }
    .projectReview .reviewAcc {
        width: 100%;
        word-break: break-all;
        float: right;
        margin-top: 10px;
        font-size: 14px;
        color: #999999;
    }
    .projectReview .reviewAcc img {
        max-width: 100%;
        height: auto !important;
    }
    .projectReview .reviewImg {
        width: 82%;
        float: right;
        clear: both;
    }
    .projectReview .reviewImg img {
        width: 100%;
        margin-bottom: 10px;
    }
    .projectReview .reviewImg iframe {
        width: 100%;
    }
    .review_moreView {
        font-size: 19px;
        color: #313333;
        text-align: center;
        width: calc(100% - 2px);
        height: 74px;
        line-height: 74px;
        border: 1px solid #c6c6c6;
        display: none;
    }

    /* 리뉴얼 프로젝트 뷰 */
    /* 활동 미션 */
    .mission .projectTabs {
        border-bottom: 4px solid #c6c6c6;
        padding-bottom: 20px;
    }
    .projectDetail.mission {
        border-bottom: none;
        border-top: none;
        width: 96%;
        margin: 0 2%;
        padding-top: 0;
    }
    .missionNotice {
        margin-top: 20px;
    }
    .mission a.moreInfo_open {
        padding: 0 50px 10px 16px;
        font-size: 17px;
        color: #666666;
        height: 37px;
        line-height: 37px;
        border-bottom: 1px solid #c6c6c6;
        background: url("/_asset/img/user/arrowBottom_gray.png") no-repeat 97% 15px;
        display: block;
        text-align: right;
    }
    .mission a.moreInfo_close {
        clear: both;
        float: none;
        padding: 0 50px 0px 16px;
        font-size: 17px;
        color: #666666;
        height: 37px;
        line-height: 37px;
        background: url("/_asset/img/user/arrowTop_gray.png") no-repeat 97% 15px;
        display: block;
        text-align: right;
        border: none;
    }

    .project a.moreInfo_open {
        text-align: left;
        width: 96%;
        padding: 0 2%;
        margin-bottom: 0;
    }
    .project a.moreInfo_close {
        text-align: left;
        width: 96%;
        padding: 0 2%;
        border: 1px solid #c6c6c6;
        margin-bottom: 0;
    }
    .project .missionList {
        width: 100%;
        margin: 8px 0;
        border-bottom: none;
    }

    .missionList .missionCount {
        float: left;
        width: 120px;
        height: 120px;
        line-height: 120px;
        font-size: 60px;
    }
    .missionList .missionTxt {
        float: left;
        width: 71%;
        margin-left: 3%;
    }
    .missionList .research_title dt {
        font-size: 22px;
        color: #333;
    }
    .missionList dd {
        font-size: 14px;
        color: #999999;
        line-height: 21px;
        padding-bottom: 20px;
    }
    .missionList .mylist {
        clear: both;
        padding-top: 10px;
        margin-left: 140px;
        font-size: 16px;
        line-height: 25px;
    }
    .missionList .resumeAcc {
        width: 100%;
        margin-top: 20px;
        padding: 0 15px;
    }
    .missionList .acc01 table {
        width: 100%;
        border-bottom: 1px solid #c6c6c6;
    }
    .missionList .acc01 table td a {
        color: #eb8ea5;
        border-bottom: 1px solid #eb8ea5;
    }
    .missionList .acc01 .receiveList li {
        width: 33%;
        text-align: center;
        margin-bottom: 50px;
    }
    .missionList .acc02 .reviewBox {
        margin-bottom: 80px;
    }
    .popupReserve .missionList .acc02 input[type="text"] {
        color: #000;
    }
    .missionList .acc02 .snsMisson {
        margin-top: 15px;
    }
    .missionList .acc02 .plusWork {
        margin: 0;
        margin-top: -95px;
    }
    .missionList .acc03 {
        margin-bottom: 80px;
        min-width: 10%;
        border: none;
        padding-bottom: 48px;
    }
    .missionList .acc03 .acc03_box {
        border: 1px solid #c6c6c6;
        padding-top: 50px;
    }
    .missionList .acc03 p.acc03_img_title {
        margin: 9px auto 0 auto;
        padding: 16px 12px;
        border: 1px solid #c6c6c6;
        background-color: #ffffff;
        font-size: 14px;
        line-height: 24px;
        width: 86%;
    }
    .missionList .acc03 .postingTitle {
        width: 80%;
        margin: 0 auto;
    }
    .missionList .acc03 .postingTitle img.icon_onestop {
        margin: 0 auto 30px auto;
        display: block;
    }
    .missionList .acc03 .snsPosting {
        text-align: center;
        display: block;
    }
    .missionList .acc03 .snsPosting input[type="checkbox"] + label {
        padding-left: 32px;
        height: 23px;
        padding-bottom: 9px;
        background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
        padding: 5px 0 5px 32px;
        margin: 0 2%;
    }
    .missionList .acc03 table th {
        width: 48px;
        padding: 13px 0 13px 34px;
    }
    .missionList .acc03Upload #acc03Img {
        width: 550px;
        height: 294px;
    }
    .missionList .acc03 .userTextarea {
        display: block;
        margin: 9px auto 0 auto;
        padding: 16px 12px;
        border: 1px solid #c6c6c6;
        background-color: #ffffff;
        font-size: 14px;
        line-height: 24px;
        width: 86%;
    }
    .missionList .acc04 {
        margin-bottom: 80px;
        border: none;
    }
    .missionList .acc04_input {
        float: left;
        width: 72%;
        margin: 15px 0 0 20px;
        border: none;
        font-size: 14px;
    }
    .missionList .acc04_div {
        position: absolute;
        top: -1px;
        left: 1px;
        width: 100%;
        height: 46px;
        overflow: hidden;
    }
    .missionList .acc04 p {
        margin-left: 20px;
    }
    .missionList .acc05 {
        margin-bottom: 80px;
        padding-top: 24px;
        padding-bottom: 40px;
    }
    .missionList .acc05 p {
        width: 89%;
        line-height: 24px;
        margin: 0 auto;
    }
    .missionList .acc05 p span {
        color: #eb8ea5;
    }
    .missionList .acc05 h3 {
        margin-top: 37px;
        font-size: 18px;
        color: #313333;
        text-align: center;
    }
    .missionList .acc03 .missionBtn {
        margin: 0 auto;
        margin-top: 50px;
    }

    /* 프로젝트 신청 */
    .projectDetail.application {
        border-bottom: none;
        border-top: none;
    }
    .application .appBtn a {
        width: 24%;
    }

    /* 목록 타이틀 */
    .projectTitle_sub {
        width: 92%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .projectTitle_sub h1 {
        font-size: 18px;
        color: #999999;
        text-align: left;
        font-weight: normal;
        float: left;
        border-bottom: 1px solid #999999;
        padding-bottom: 12px;
    }
    .projectTitle_sub h1 span {
        font-size: 30px;
        color: #313333;
        border-bottom: 5px solid #313333;
        padding-bottom: 9px;
    }
    .projectTitle_sub p {
        font-size: 13px;
        color: #999999;
        text-align: left;
        float: left;
        clear: both;
        margin-top: 13px;
        line-height: 21px;
    }

    /* 활동스토리 탭 */
    .actib_tab {
        margin-bottom: 32px;
        padding: 0 15px;
    }
    .actib_tab li {
        position: relative;
        border: 1px solid #cccccc;
        margin-bottom: 10px;
        display: inline-block;
        zoom: 1;
        *display: inline;
        width: 49%;
    }
    .actib_tab li.on {
        border: 2px solid #e2587a;
        top: -1px;
        left: -1px;
    }
    .actib_tab li:hover {
        border: 2px solid #e2587a;
        top: -1px;
        left: -1px;
    }

    /* actibities 목록 */
    .actib_list {
        text-align: center;
    }
    .subContents ul.actib_list.view {
        text-align: left;
    }
    .actib_list dl dd {
        color: #999;
        font-size: 14px;
        line-height: 26px;
        margin-top: 10px;
        word-break: break-all;
    }
    .actib_list dl dd span {
        display: block;
        color: #d6d6d6;
    }

    .subContents .arrow {
        width: 100%;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 70px;
    }
    .subContents .arrow li a {
        height: 27px;
        line-height: 27px;
        color: #999999;
        padding: 0 9px;
        display: inline-block;
        vertical-align: top;
    }
    .subContents .arrow li.alignText a {
        line-height: 30px;
    }
    .post_view .txtContent img {
        max-width: 100%;
    }

    /* cjs 22.03.10 수정 */
    .popupReserve {
        width: calc(762px / 1.5);
        position: fixed;
        top: 50%;
        left: 50%;
        background-color: #ffffff;
        z-index: 1000;
        padding: 40px 45px;
        transform: translate(-50%, -50%);
        max-height: 95%;
        overflow-y: scroll;
        box-sizing: border-box;
    }
    .popupReserve * {
        box-sizing: border-box;
    }

    /* cjs 22.03.11 수정 */
    .popupReserve .borderCheck {
        border: 1px solid #c6c6c6;
        padding: 10px 4% 10px 14px;
        border-radius: 0;
    }
    .popupReserve input.right {
        float: right;
    }
    .popupReserve .closeBtn {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 1;
    }
    .popupReserve .checkPost input {
        margin: 10px 0;
        width: 72%;
    }
    .popupReserve .inputAddress {
        width: 44%;
    }
    .popupReserve .inputDetail {
        margin-top: 10px;
    }

    /* 서비스정책 */
    .servicePolicy .visual_01 {
        width: 100%;
        background: url("/_asset/img/project/serviceVisual_01.jpg") center 60% no-repeat;
        background-size: cover;
        behavior: url(/_asset/css/backgroundsize.min.htc);
        height: 450px;
        margin-bottom: 70px;
        margin-top: 50px;
    }
    .servicePolicy .visual_01 p {
        font-size: 18px;
        color: #cccccc;
        text-align: center;
        line-height: 30px;
    }
    .servicePolicy .visual_01 .quotesTop {
        padding-top: 135px;
        margin-bottom: 47px;
        display: block;
        text-align: center;
    }

    .servicePolicy .textBox .dl_list {
        margin: 35px 25px;
    }

    /* 비회원1:1문의 */
    .nomember {
        padding: 0 !important;
    }
    .contents.nomember {
        padding-top: 35px;
    }

    .nomember ul.nomemMain li.member {
        margin-right: 5%;
    }
    .popupNomember {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -318px;
        border: 3px solid #313333;
        background-color: #ffffff;
    }
    .popupNomember .top {
        background-color: #313333;
        width: 630px;
        height: 83px;
        position: relative;
    }
    .popupNomember .top img.logo {
        position: absolute;
        left: 22px;
        top: 26px;
    }
    .popupNomember .top .closeParent {
        position: absolute;
        right: 22px;
        top: 26px;
    }

    .popupAgree {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -318px;
        border: 3px solid #313333;
        background-color: #ffffff;
    }
    .popupAgree .top img.logo {
        position: absolute;
        left: 22px;
        top: 26px;
    }
    .popupAgree .middle {
        padding: 33px 40px 36px 41px;
        width: 549px;
    }

    .nomemSub_list {
        margin-top: 45px;
    }
}

@media screen and (max-width: 800px) {
    /* cjs 22.03.10 수정 */
    .popupReserve {
        width: 90%;
        position: fixed;
        top: 50%;
        left: 50%;
        background-color: #ffffff;
        z-index: 1000;
        padding: 40px 20px;
        transform: translate(-50%, -50%);
        max-height: 95%;
        overflow-y: scroll;
        box-sizing: border-box;
    }
    .popupReserve > * {
        box-sizing: border-box;
    }

    /* cjs 22.03.10 추가 */
    .popupReserve .bebox {
        width: 100%;
        padding-bottom: 35px;
        margin-bottom: 35px;
        border-bottom: 1px solid #000;
    }
    .bebox .tit {
        width: 100%;
        text-align: center;
        font-size: 35px;
        font-family: "nskeb";
        letter-spacing: -1px;
    }
    .bebox .txt {
        margin-top: 20px;
    }
    .bebox .txt span.txt_b {
        font-family: "nskb";
    }
    .bebox .joinBtn {
        height: 60px;
    }

    /* cjs 22.03.10 수정 */
    .popupReserve ul.list_ul {
        width: 100%;
        margin-top: 10px;
    }
    .popupReserve ul.list_ul li.list_li {
        width: 100%;
        margin-bottom: 20px;
    }
    .popupReserve ul.list_ul li.list_li dl dt {
        font-size: 16px;
    }
    .popupReserve ul.list_ul li.list_li dl dd {
        font-size: 14px;
        color: #999999;
        text-align: left;
        margin-left: 28px;
        margin-top: 17px;
    }
    .popupReserve .list_input {
        width: 100%;
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        flex-wrap: wrap;
    }
    .popupReserve .selectPay {
        width: 32%;
    }
    .popupReserve .selectPay.center {
        margin: 0 12px;
    }
    .popupReserve .borderCheck {
        margin: 0;
    }
    .popupReserve .selectPay p.optionDefault {
        border-radius: initial !important;
    }
    .popupReserve .inputFull {
        font-size: 16px;
    }
    .popupReserve .phoneReserve {
        font-size: 16px;
    }
    .list_li.terms .list_input {
        justify-content: flex-start;
    }
    .popupReserve .list_input input[type="checkbox"] {
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        margin-right: 10px;
    }
    .popupReserve .list_input input[type="checkbox"]:checked {
        background: url("/_asset/img/login/ck_ico.png") no-repeat center center;
    }
    .popupReserve .list_input textarea {
        display: none;
        order: 3;
        font-size: 14px;
        color: #999999;
        padding: 18px 20px;
        border: 1px solid #c6c6c6;
        width: 100%;
        height: 100px;
        margin-top: 20px;
    }
    .popupReserve .list_input textarea.on {
        display: block;
    }
    /* cjs 22.03.11 추가 */
    .list_input label {
        font-size: 16px;
        font-family: "nskm";
        letter-spacing: -1px;
    }
    .list_input label input[type="checkbox"] {
        width: 26px;
        height: 26px;
        border: 2px solid;
    }
    .list_input label input[type="checkbox"]:checked {
        background: url(../img/login/ck_ico.png) no-repeat center center;
    }
    .list_input .viewBtn {
        margin-left: 20px;
        font-size: 16px;
        font-family: "nskr";
        border-bottom: 1px solid #000;
        cursor: pointer;
    }
    /* cjs 22.03.11 수정 */
    .popupReserve .reserveBtn {
        height: 60px;
    }

    div#select_member_request_type.pr_pop {
        width: 90%;
        padding: 40px 20px;
    }
    div#select_member_request_type.pr_pop .pr_pop_msg {
        border-bottom: 0;
    }
    div#select_member_request_type.pr_pop .pr_pop_mem .pr_pop_mem_form {
        width: 100%;
        margin: 0;
    }
    .pop_sns_log {
        padding-bottom: 15px;
        border-bottom: 1px solid #000;
    }
    .pop_sns_log a {
        font-size: 16px;
    }
    .no_sns_log .nosns_btn {
        font-size: 16px;
    }
    .no_sns_log .belog_btn {
        font-size: 16px;
    }

    /*20221102 추가*/
    .mylist .listProject > ul > li {
        grid-template-columns: 1.5fr 1fr;
    }
    .searchClick .searchBox {
        width: 200px;
    }
    .searchClick .searchBox input[type="text"] {
        width: 95px;
    }

    /*프로젝트 상세페이지 리뉴얼 css*/
    .projectDetail .btnSns {
        align-items: center;
        flex-basis: 100%;
    }
    .projectDetail .detailBox dl dd.projectStatus {
        justify-content: center;
    }

    .projectDetail.new.sticky .detailBox p.project_subject {
        font-size: 28px;
    }
    .projectDetail.new.sticky .btnSns a.btn {
        font-size: 18px;
    }
    .projectDetail.new.imageNone {
        padding: 20px 0;
    }

    /*프로젝트 상세페이지 1:1문의 리뉴얼 css*/
    .projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 5px;
    }

    .sns_wrap {
        width: 100%;
        border-top: 2px solid #000;
        padding: 0 30px;
        flex-direction: column;
    }
    .sns_wrap .tit {
        width: 100%;
        padding-top: 30px;
        font-size: 18px;
    }
    .sns_wrap .add_wrap {
        width: 100%;
        padding: 0;
        border-left: 0;
        padding-bottom: 30px;
    }
    .sns_wrap .add_wrap input.insns_input {
        width: 100%;
        height: 60px;
        padding-left: 10px;
        font-size: 16px;
    }
    .sns_wrap .add_wrap .input_add {
        margin-top: 10px;
        width: 100%;
        border: 1px solid #000;
        box-sizing: border-box;
    }
    .sns_wrap .add_wrap .input_add input {
        width: 85%;
        height: 60px;
        padding-left: 10px;
        font-size: 16px;
        margin-top: 0;
        border: none;
    }
    .sns_wrap .add_wrap .input_add .missionBtn {
        height: 60px;
        font-size: 16px;
        text-indent: -9999px;
        background: url(/_asset/img/close_Btn.png) no-repeat center center;
        background-size: 20px;
    }
    .sns_wrap .add_wrap .addBtn {
        width: 100%;
        margin-top: 28px;
    }
    .sns_wrap .add_wrap .addBtn .missionBtn {
        font-size: 16px;
    }
    .sns_view_wrap {
        width: 100%;
        border-top: 2px solid #000;
        flex-direction: column;
        padding: 0 30px;
    }
    .sns_view_wrap .tit {
        width: 100%;
        font-size: 18px;
    }
    .sns_view_wrap .add_wrap {
        width: 100%;
        padding: 20px 0;
    }
    .missionList .missionBtn {
        width: 100%;
        height: 60px;
        margin: 30px auto;
        font-size: 18px;
    }
    .missionList .missionBtn.pBtn {
        font-size: 18px;
        width: 75%;
    }
    .sns_view_wrap .add_wrap .urltxt {
        font-size: 14px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        align-items: flex-end;
        flex-direction: column;
    }
    .sns_view_wrap .add_wrap .urltxt:not(:last-child) {
        margin-bottom: 15px;
    }
    .sns_view_wrap .add_wrap .urltxt .txt-a {
        width: 100%;
    }
    /* 초기 */
    .logBox {
        width: 100%;
        padding: 40px 30px;
    }
    .logBox .tit {
        width: 100%;
        font-size: 26px;
        margin-bottom: 15px;
    }
    .logBox .txt {
        width: 100%;
        font-size: 16px;
        padding-bottom: 15px;
        line-height: 25px;
    }
    .logBox .txt.un_bor {
        padding-bottom: 20px;
    }
    .logBox .loginSns {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    .logBox .loginSns a {
        height: 60px;
        font-size: 16px;
    }
    .logBox .loginSns a:nth-child(1) {
        background-size: 40px;
    }
    .logBox .loginSns a:nth-child(2) {
        background-size: 40px;
    }
    .logBox .loginSns a:nth-child(3) {
        background-size: 40px;
    }
    .logBox .loginSns a:nth-child(4) {
        background-size: 40px;
    }
    .logBox .log_in {
        width: 100%;
        height: 60px;
        font-size: 18px;
    }
    .logBox .be_log {
        width: 100%;
        height: 60px;
        font-size: 18px;
        margin-top: 5px;
    }
    .logBox .innerBox {
        width: 100%;
        margin: 25px auto 0;
    }
    .logBox .innerBox input {
        width: 100%;
        height: 60px;
        font-size: 16px;
        padding: 0 10px;
    }
    .logBox .innerBox input[type="text"] {
        margin-bottom: 10px;
    }
    .logBox .innerBox .txt {
        font-size: 14px;
        padding-bottom: 20px;
    }
    .logBox .innerBox .reserveBtn {
        width: 100%;
        height: 60px;
        font-size: 18px;
    }

    /* 로그인페이지이동 */
    .general {
        width: 100%;
        margin: 0 auto;
        padding: 40px 30px;
    }
    .general .tit {
        width: 100%;
        font-size: 26px;
        margin-bottom: 15px;
    }
    .general .txt {
        width: 100%;
        font-size: 16px;
        padding-bottom: 15px;
        line-height: 26px;
    }
    .general .loginbox {
        width: 100%;
        margin: 30px auto 20px;
    }
    .general .loginbox li {
        height: 60px;
    }
    .general .loginbox li input {
        font-size: 16px;
    }
    .general .loginCheck {
        width: 100%;
    }
    .general .loginCheck .loginSerch a {
        font-size: 14px;
    }
    .general .loginCheck .loginSerch a:first-child {
        margin-right: 5px;
    }
    .general .loginBtn {
        width: 100%;
        height: 60px;
        margin: 30px auto;
        font-size: 18px;
    }

    .notice_pop {
        height: 80%;
    }
    .notice_pop .closeBtn {
        width: 15px;
        height: 15px;
        background-size: cover;
    }
    .notice_pop .notice_wrap .vsubject {
        font-size: 18px;
    }
    .notice_pop .notice_wrap .vinfo {
        width: 100%;
        margin: 10px 0;
        font-size: 12px;
    }
    .notice_pop .notice_wrap .vinfo span:nth-child(2) {
        display: none;
    }
    .notice_pop .notice_wrap .vinfo span:not(:last-child) {
        margin-right: 10px;
    }
    .notice_pop .notice_wrap .cont_scroll {
        height: 65%;
    }
    .notice_pop .notice_wrap .prev_noti {
        margin-top: 20px;
        font-size: 16px;
    }
    .notice_pop .notice_wrap .prev_noti .prevtit span {
        margin-left: 15px;
    }

    /*비회원 주소취합 페이지*/
    .nomemberAddress .inwrap {
        width: 90%;
    }
    .table_contents .logBox.nomemberAddress .inwrap .inbox .put-br {
        height: 62px;
    }
    .table_contents .logBox.nomemberAddress .inwrap .inbox .checkPhone .phoneClick {
        margin-top: 0;
    }
    .nomemberAddress .inbox.addressInput input {
        font-size: 18px;
    }
    .nomemberAddress .inbox.addressInput .search-zipcode button {
        font-size: 18px;
    }

    /* 24.01.12 추가 */
    .prev_application .areaInner-profile.areaInner.on{
        /* padding-top: 30px; */
        padding-top: 15px;
    }
    .prev_application .areaInner .setting-area{
        margin-bottom: 30px;
    }
    .prev_application .selectArea{
        margin-bottom: 20px;
    }
    .prev_application .areaList {
        justify-content: flex-start;
    }
    .prev_application .areaList a{
        width: auto;
        font-size: 14px;
        padding: 6px 16px;
    }
    .prev_application .select p.optionDefault{
        font-size: 14px;
    }
    .prev_application .areaInner .borderCheck{
        font-size: 14px;
        padding-left: 16px;
    }
    .prev_application h1.plusInfo{
        font-size: 18px;
    }
    .prev_application .plusInfo .gray{
        font-size: 12px;
    }
    .prev_application .not-enter-sns{
        padding: 16px;
    }

    /* 활동안내 페이지 24.05.07 */
    .project-introduce-content .table_img {
        width:50%;
        margin-top: 70px;
    }
    .project-introduce-top-swiper .project-introduce-object {
        height:230px;
        max-height: 230px;
        flex-direction: column;
        row-gap: 0.5rem;
        padding: 1rem 0;
    }
    .project-introduce-object h2, .project-introduce-object p {
        margin-right: 0;
        margin-bottom: 0.5rem;
        text-align: center;
        padding: 0 16px;
    }
    .project-introduce-object h2 {
        font-size: 6vw;
    }
    .project-introduce-object p {
        font-size: 3.5vw;
        letter-spacing: -1px;
    }
    .project-introduce-top-swiper .object_img {
        max-height: 100px;
    }
    .project-introduce-list-wrap h1 {
        font-size: 18px;
    }
    .project-introduce-list-wrap {
        margin-top: 20px;
    }
    .project-introduce-inner {
        margin-top: 16px;
        padding: 24px 16px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        row-gap: 1rem;
        box-shadow: 0px -1px 6px 0px rgba(187, 187, 187, 0.13), 0px 38px 11px 0px rgba(161, 161, 161, 0.00), 0px 24px 10px 0px rgba(161, 161, 161, 0.02), 0px 14px 8px 0px rgba(161, 161, 161, 0.06), 0px 6px 6px 0px rgba(161, 161, 161, 0.10), 0px 2px 3px 0px rgba(161, 161, 161, 0.12);
        border-radius: 8px;
    }
    .project-introduce-inner h2 {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .project-introduce-inner .left, .project-introduce-inner .right {
        width: 100%;
    }
    .project-introduce-list-wrap h1 img {
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }
    .project-introduce-box-list {
        margin-top: 16px;
    }
    .project-introduce-inner p {
        font-size: 14px;
        color: #333;
    }
    .project-introduce-inner .right img {
        max-height: 150px;
    }
    .project-introduce-box {
        padding: 16px;
        border-radius: 8px;
        margin-bottom: 16px;
    }
    .project-introduce-box h2 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .project-introduce-box ul li {
        font-size: 12px;
        color: #333;
        padding: 4px 0 8px;
    }
    .project-introduce-box h3 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .project-introduce-box.promise-box h3{
        font-size: 18px;
    }
    .project-introduce-box h4 {
        font-size: 14px;
        font-weight: 400;
    }
    .project-introduce-box .indent-box {
        font-size: 14px;
        margin-bottom: 0.5rem;
        /* padding-left: 0;
        padding-top: 0.3rem;
        padding-bottom: 0.5rem; */
        padding: 0.3rem 0 0.5rem;
    }
    .project-introduce-box .indent-box.list-box {
        padding-top: 0.8rem;
        padding-left: 0;
        padding-bottom: 0.8rem;
        row-gap: 8px;
        font-size: 12px;
    }
    .project-introduce-box.spoon-box > p {
        padding-top: 1rem;
    }
    .project-introduce-box.spoon-box .indent-box {
        padding: 0.3rem 0 1rem;
    }
    .project-introduce-box .indent-box.list-box.list-box-1 {
        border-bottom: 1px solid #d9d9d9;
    }
    .project-introduce-box .indent-box.list-box p{
        padding: 0 8px 0 0;
    }
    .project-introduce-box > p,
    .project-introduce-box .flex-box-kakao p{
        font-size: 16px;
        font-weight: 400;
    }
    .project-introduce-box .indent-box.fs-12 {
        font-size: 12px;
    }
    .project-introduce-box p.small-title {
        margin-top: 16px;
    }
    .project-introduce-box .flex-box-kakao p.indent-p {
        font-size: 12px;
        padding-left: 0;
    }
    .project-introduce-box.blue-box .indent-box p{
        font-size: 14px;
    }
    .project-introduce-box .flex-box p {
        width: 95%;
        font-size: 12px;
    }
    .project-introduce-box .flex-box {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .project-introduce-box .indent-box.flex-box.border-0{
        border-bottom: 0;
    }
    .project-introduce-box .flex-box a, .project-introduce-box .flex-box-kakao a {
        width: 100%;
        font-size: 14px;
    }
    .project-introduce-box .flex-box a {
        margin-top: 8px;
        text-decoration: underline;
        color: #333;
    }
    .project-introduce-box .flex-box a img {
        width:20px;
        height: 20px;
        max-width: 20px;
        max-height: 20px;
    }
    .project-introduce-box .flex-box-kakao {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 8px;
    }
    .project-introduce-box .flex-box-kakao a.kakao-btn img {
        width: 164px;
        height: 37px;
        max-width: 164px;
        max-height: 37px;
        object-fit: cover;
    }
    .project-introduce-box.spoon-box ul.indent-box {
        margin-left: 0px;
        padding-left: 20px;
    }
    .project-introduce-box.promise-box {
        position: relative;
        isolation: isolate;
        background-size: 70%;
        padding-bottom: 220px;
        box-shadow: 0px 218px 61px 0px rgba(150, 150, 150, 0.00), 0px 140px 56px 0px rgba(150, 150, 150, 0.01), 0px 79px 47px 0px rgba(150, 150, 150, 0.04), 0px 35px 35px 0px rgba(150, 150, 150, 0.07), 0px 9px 19px 0px rgba(150, 150, 150, 0.08);
    }
    .project-introduce-box.promise-box::after{
        content: '';
        position: absolute;
        background: #fff;
        z-index: -1;
        inset: 0;
        opacity: 0.4;
    }
    .project-introduce-box.promise-box ul {
        width:100%;
        row-gap: 0;
    }
    .project-introduce-box.promise-box ul li {
        border-bottom: 0;
    }

    .post_view h3.tit {
        font-size: 34px;
    }

    /* 프로젝트 상세페이지 하단 '프로젝트 신청' '제품 자세히 보기' css 24.10.18 추가 */
    .store_btn_wrap {
        width: 100%;
    }

}

@media (max-width: 639px) {
    .feedback .leftcard .mymsg {
        width: 92%;
    }
    .feedback .leftcard .companymsg {
        width: 92%;
    }
    .feedback .leftcard .companymsg hr {
        width: 92%;
    }
    .feedback .rightcard .modules {
        width: 92%;
    }
    .feedback .rightcard .modules .title {
        padding: 35px 20px 0 20px;
    }
    .feedback .rightcard .modules .title .ttl {
        width: 80% !important;
        margin-left: 10%;
    }

    .pr_pop {
        width: 90%;
    }

    /* 프로젝트 메인*/
    .contents.project:after {
        display: block;
        content: "";
        clear: both;
    }
    .contents.project {
        margin-top: 18px !important;
    }

    .companySlider:after {
        display: block;
        content: "";
        clear: both;
    }
    .companySlider.main {
        display: none;
    }
    .companySlider {
        width: auto;
        border: 1px solid rgba(0, 0, 0, 0.04);
        position: relative;
        margin: 0 10px;
    }
    .companySlider .slider {
        float: left;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
    }
    .companySlider .slider ul {
        height: auto;
    }
    .companySlider .slider ul li {
        position: absolute;
        top: 0;
        left: 0;
    }
    .companySlider .slider img.companyLogo {
        float: left;
        width: 30%;
    }
    .companySlider .slider img.companyVisual {
        float: left;
        width: 70%;
        position: absolute;
        top: 0px;
        right: 0;
    }
    .companySlider .slider .bx-viewport {
        height: auto !important;
    }
    .companySlider .slider .bx-controls {
        bottom: 5px;
        display: none;
    }
    .companySlider .slider .bx-pager {
        width: 100%;
        text-align: center;
        position: relative;
        top: 0;
        right: 0;
    }
    .companySlider .slider .bx-pager-item {
        display: inline-block;
        margin: 0 5px;
    }
    .companySlider .slider .bx-controls-auto div a {
        margin-left: 10px;
    }
    .companySlider .slider .bx-pager-link {
        background: url("/_asset/img/project/projectSlider_off.png") no-repeat;
        width: 15px;
        height: 15px;
        font-size: 0;
        float: left;
    }
    .companySlider .slider .bx-pager-link.active {
        background: url("/_asset/img/project/projectSlider_on.png") no-repeat;
        width: 15px;
        height: 15px;
        font-size: 0;
        float: left;
    }
    .companySlider .slider .bx-start {
        background: url("/_asset/img/project/projectSlider_play_off.png") no-repeat;
        width: 13px;
        height: 18px;
        font-size: 0;
        float: left;
    }
    .companySlider .slider .bx-start.active {
        background: url("/_asset/img/project/projectSlider_play_on.png") no-repeat;
        width: 13px;
        height: 18px;
        font-size: 0;
        float: left;
    }
    .companySlider .slider .bx-stop {
        background: url("/_asset/img/project/projectSlider_stop_off.png") no-repeat;
        width: 13px;
        height: 18px;
        font-size: 0;
        float: left;
    }
    .companySlider .slider .bx-stop.active {
        background: url("/_asset/img/project/projectSlider_stop_on.png") no-repeat;
        width: 13px;
        height: 18px;
        font-size: 0;
        float: left;
    }

    .category {
        padding: 0 10px; /* padding-top:10px; */
        padding-bottom: 18px;
        border-bottom: 5px solid #c6c6c6;
    }
    .category .categoryBox:after {
        display: block;
        content: "";
        clear: both;
    }
    .category .categoryBox {
        width: 100%;
    }
    .category .categoryBox h1 {
        font-size: 18px;
        color: #313333;
        text-align: left;
        font-weight: bold;
        margin-left: 8px;
        width: 13%;
        vertical-align: top;
        float: left;
    }
    .category .categoryBox .categoryList {
        width: 86%;
        float: right;
    }
    .category .categoryBox .categoryList a {
        font-size: 14px;
        color: #999999;
        display: inline-block;
        width: 13%;
        text-align: center;
        margin-bottom: 21px;
    }
    .category .categoryBox .categoryList a.first {
        width: 9%;
    }
    .category .categoryBox .categoryList a.last {
        width: 9%;
    }
    .category .categoryBox .categoryList .spanBar {
        margin: 0;
    }
    .searchClick .searchBox input[type="image"] {
        float: right;
        width: 25px;
        margin: 10px 20px 0 0;
    }
    .searchClick .searchBox a img {
        width: 25px;
    }
    .searchClick .noticeQna {
        width: 96%;
        height: 60px;
        line-height: 60px;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        text-align: center;
        font-size: 18px;
        color: #313333;
        float: right;
        margin-top: 20px;
        margin-right: 2%;
    }
    .lnbList.myproject li a {
        line-height: initial;
    }

    .listProject {
        margin: 0 10px;
        margin-top: 18px;
        clear: both;
    }
    .listProject .list:after {
        display: block;
        content: "";
        clear: both;
    }
    .listProject .companyText dt {
        font-size: 18px;
        line-height: 26px;
    }
    .project .listProject .companyText dd {
        font-size: 14px;
        line-height: 20px;
    }
    .listProject .companyText p {
        line-height: 25px;
    }
    .listProject .companyText p span {
        color: #313333;
    }
    .listProject a.projectBtn {
        width: 62%;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
        text-align: center;
        float: left;
        font-weight: bold;
        margin: 0 17%;
        margin-top: 15px;
    }
    .listProject a.projectBtn.ing {
        background-color: #f585a2;
        color: #ffffff;
        border: 1px solid #f585a2;
    }
    .mytableCont .listProject a.projectBtn.ing {
        background: #fff;
        color: #000;
        border: 1px solid #000;
    }
    .listProject a.projectBtn.mission {
        background-color: #333333;
        color: #ffffff;
        border: 1px solid #333333;
    }
    .listProject a.projectBtn.end {
        color: #999999;
    }
    .listProject a.projectBtn.assess {
        background-color: #b3c9fa;
        color: #ffffff;
        border: 1px solid #b3c9fa;
    }
    .listProject a.projectBtn.finish {
        background-color: #f2f2f2;
        color: #313333;
        border: 1px solid #c6c6c6;
    }

    .listProject .arrow {
        margin-top: 0px;
        margin-bottom: 50px;
    }

    /* 프로젝트 뷰 */
    .projectAcc_btn {
        width: 96%;
        display: block;
        text-align: left;
        font-size: 16px;
        padding: 0 2%;
        font-weight: bold;
        margin: 0 auto;
        height: 55px;
        line-height: 55px;
        text-align: center;
    }
    .projectAcc_btn img {
        float: right;
        margin-top: 22px;
        width: 19px;
    }
    .projectTabs {
        width: 100%;
        display: none;
    }
    .projectTabs ul:after {
        display: block;
        content: "";
        clear: both;
    }
    .projectTabs li {
        width: 100%;
        float: left;
    }
    .projectTabs li a {
        height: 49px;
        line-height: 49px;
        font-size: 16px;
        color: #999999;
        display: block;
        text-align: center;
        border-top: 1px solid #c6c6c6;
    }
    .projectTabs li.on a {
        background-color: #313333;
        color: #ffffff;
        border-top: 0;
    }

    .projectDetail:after {
        display: block;
        content: "";
        clear: both;
    }

    /*프로젝트 상세페이지 리뉴얼 css*/
    .projectDetail .detailBox dl dt {
        font-size: 28px;
    }
    .projectDetail .detailBox dl dd {
        margin-top: 5px;
    }
    .projectDetail .detailBox dl dd.projectStatus {
        margin-top: 20px;
    }
    .projectDetail.new .btnSns a.btn {
        height: 75px;
        line-height: 75px;
    }
    .detailUnderBox .detailTxt {
        width: 100%;
    }
    .projectDetail.new.sticky .detailBox {
        grid-template-columns: 70% 28%;
        grid-template-rows: 30% 70%;
    }
    .projectDetail.new.sticky .detailBox p.project_subject {
        font-size: 22px;
    }
    .projectDetail.new.sticky .detailBox div.projectStatus {
        column-gap: 10px;
    }
    .projectDetail.new.sticky .detailBox div.projectStatus,
    .projectDetail.new.sticky .detailBox div.projectStatus p:last-child a {
        font-size: 16px;
    }
    .projectDetail.new.sticky .btnSns a.btn,
    .projectDetail.new.sticky .detailBox .btnSns a{
        width: 100%;
        /* max-width: 350px;
        min-width: 120px; */
        font-size: 16px;
        letter-spacing: -0.5px;
        /* height: 55px;
        line-height: 55px; */
        white-space: nowrap;
        padding: 0;
    }
    .projectDetail.new.sticky .detailBox .btnSns .snsBox{
        width: 100%;
    }

    /*프로젝트 상세페이지 공지사항 리뉴얼 css*/
    .projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn a.showNotice {
        width: 100%;
        column-gap: 12px;
    }
    .projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn a.showNotice span {
        font-size: 14px;
    }
    .projectDetail.inquiry .inquiryArea p.optionDefault.borderCheck,
    .projectDetail.inquiry .inquiryArea .inputFull,
    .projectDetail.inquiry .inquiryArea .borderCheck {
        width: 100%;
    }

    .appTitleWrap h3 {
        font-size: 22px;
    }
    .appTitleWrap .appStatusBar {
        margin: 20px auto 30px;
    }
    .prev_application .prevAppInfo p {
        font-size: 14px;
    }
    /* .prev_application .snsArea {
        margin-top: 30px;
    } */
    .prev_application .snsArea input.sns-url::placeholder {
        font-size: 14px;
        letter-spacing: -1px;
    }
    .research .research_question > p {
        width: 90%;
        margin: 0 auto;
    }
    /*프로젝트 상세페이지 댓글창 css*/
    .project_commentArea ul {
        flex-direction: column;
    }
    .project_commentArea ul li:first-child,
    .project_commentArea ul li:last-child {
        width: 100%;
    }
    .project_commentArea ul li button {
        height: 60px;
    }
    .project_commentList ul li.project_commentList_bottom ul {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: 0;
        row-gap: 10px;
    }
    .project_commentList ul li.project_commentList_bottom ul.project_comment_edit {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 0;
    }
    .project_commentList ul li.project_commentList_bottom ul li:first-child,
    .project_commentList ul li.project_commentList_bottom ul li:last-child,
    .project_commentList ul li.project_commentList_bottom ul.project_comment_edit li:first-child,
    .project_commentList ul li.project_commentList_bottom ul.project_comment_edit li:last-child {
        width: 100%;
    }
    .project_commentList ul li.project_commentList_bottom ul li:last-child {
        justify-content: flex-start;
    }
    .project_commentList ul li.project_commentList_bottom ul li p {
        font-size: 15px;
    }
    .project_commentList ul li.project_commentList_bottom ul li span {
        font-size: 14px;
    }
    .project_comment_edit li button {
        height: 60px;
    }
    .comment_moreView {
        height: 55px;
    }

    .porojectComment:after {
        display: block;
        content: "";
        clear: both;
    }
    .porojectComment {
        padding: 20px 2% 2% 2%;
    }
    .porojectComment textarea {
        width: 70%;
        height: 60px;
    }
    .porojectComment a.btn {
        width: 25%;
        height: 100px;
        line-height: 100px;
    }
    .porojectComment .snsWrite {
        position: relative;
        clear: both;
        margin-bottom: 22px;
    }
    .porojectComment .snsWrite input[type="checkbox"] {
        position: absolute;
        z-index: -1;
    }
    .porojectComment .snsWrite input[type="checkbox"] + label {
        height: 23px;
        background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
        padding: 5px 0 5px 32px;
        margin-right: 15px;
        line-height: 30px;
    }
    .porojectComment .snsWrite input[type="checkbox"].checkSelect + label {
        height: 23px;
        background: url("/_asset/img/project/check_gray_on.jpg") no-repeat;
    }
    .porojectComment .fileUpload_project {
        clear: both;
        position: relative;
    }
    .porojectComment .fileUpload_project .fileUpload_input {
        width: 95%;
    }
    .porojectComment .fileUpload_project .fileUpload_div {
        width: 16%;
    }
    .porojectComment .fileUpload_project .fileUpload_button {
        width: 98%;
    }
    .porojectComment .fileUpload_project .fileUpload_button img {
        margin-right: 2%;
    }
    .porojectComment .fileUpload_project .fileUpload_hidden {
        width: 99%;
        height: 36px;
        position: absolute;
        left: 0px;
        top: 0px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }
    .porojectComment .fileUpload_project .fileUpload_div.img {
        float: left;
        width: 49%;
        margin-right: 2%;
    }
    .porojectComment .fileUpload_project .fileUpload_div.video {
        float: right;
        width: 49%;
    }
    .porojectComment .fileUpload_project #filevideo {
        margin-top: 10px;
    }

    #review_list .projectReview:first-child {
        border-top: none;
    }
    .projectReview {
        width: 96%;
        margin: 2%;
        padding-top: 47px;
        clear: both;
        border-top: 1px solid #f2f2f2;
        position: relative;
    }
    .projectReview .reviewProfile {
        margin: 0 auto;
        text-align: center;
        position: relative;
    }
    .projectReview .reviewProfile p {
        width: 80px;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;
    }
    .projectReview .reviewText {
        width: 94%;
        margin: 30px 2%;
    }
    .projectReview .reviewShare {
        position: absolute;
        top: 11px;
        right: 0%;
    }
    .projectReview .shareBox {
        width: 120px;
        float: left;
        text-align: left;
        margin-top: 4px;
    }
    .projectReview .shareBox a {
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 0 6px;
    }
    .projectReview .reviewShare a.remove {
        float: right;
        width: 88px;
        display: block;
        height: 24px;
        line-height: 24px;
        border: 1px solid #c8c8c8;
        background-color: #f9f9f9;
        font-size: 14px;
        color: #313333;
        text-align: center;
        margin-left: 10px;
    }

    .projectReview .reviewBtn {
        font-size: 14px;
        color: #999999;
        width: 86%;
        padding-right: 45px;
        float: right;
        text-align: right;
        background: url("/_asset/img/common/icon_answer_off.png") no-repeat 95% bottom;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .projectReview .reviewImg {
        width: 100%;
        clear: both;
    }
    .reviewLoading {
        width: 100%;
        background-color: #f2f2f2;
        padding: 22px 0;
        text-align: center;
        margin-bottom: 77px;
    }
    .reviewLoading span {
        font-size: 16px;
        color: #313333;
        display: block;
        margin: 17px auto 0 auto;
        text-align: center;
    }
    .review_moreView {
        font-size: 19px;
        color: #313333;
        text-align: center;
        width: 92%;
        height: 60px;
        line-height: 66px;
        border: 1px solid #c6c6c6;
        margin: 0 auto;
        display: none;
    }

    /* 리뉴얼 프로젝트 메인 */
    .project.new .searchClick .listBtn a.on {
        color: #313333;
        background-color: #ffffff;
        border: 1px solid #313333;
    }
    .project.new .listProject .list li {
        border: none;
    }
    .listProject .companyImg.new {
        width: 100%;
        border: none;
    }
    .listProject .companyImg.new img {
        width: 100%;
        border: 1px solid #f2f2f2;
    }
    .listProject .companyText.new {
        width: 94%;
    }
    .listProject .companyText.new dt {
        font-size: 18px;
    }
    .listProject .companyText.new dt a {
        color: #313333 !important;
        display: block;
    }
    .listProject .companyText.new dd {
        height: auto;
    }
    .listProject .companyText.new dd p {
        font-size: 14px;
        color: #999999;
        line-height: 24px;
    }
    .listProject .companyText.new dd span {
        width: 100%;
    }
    .listProject .companyText.new a.btn {
        height: 50px;
        line-height: 50px;
        font-size: 17px;
        margin-top: 10px;
    }
    .listProject .companyText.new a.newIng {
        background-color: #f2f2f2;
        border: 1px solid #c6c6c6;
        color: #313333;
        float: left;
    }
    .listProject .companyText.new a.newEnd {
        background-color: #ffffff;
        font-size: 18px;
    }
    .listProject .companyText.new a.newEnd img {
        margin-right: 15px;
        margin-top: -4px;
    }
    .listProject .companyText.new.finish dt a {
        color: #999999 !important;
    }

    /* 리뉴얼 프로젝트 뷰 */
    /* 활동 미션 */
    .projectDetail.mission {
        border-bottom: none;
        width: 96%;
        padding: 0 2%;
        padding-top: 31px;
        margin-bottom: 50px;
    }
    .missionTitle {
        margin-bottom: 10px;
    }
    .missionTitle p {
        font-size: 14px;
        color: #999999;
    }
    .missionTitle p b {
        color: #313333;
        font-weight: normal;
    }
    .missionTitle h1 {
        font-size: 24px;
        color: #313333;
        text-align: left;
        font-weight: bold;
    }
    .missionTitle h1 span {
        font-size: 53px;
        color: #e2587a;
        vertical-align: middle;
        margin: 0 12px 0 32px;
    }

    .choiceMission:after {
        display: block;
        content: "";
        clear: both;
    }
    .choiceMission {
        margin-top: 55px;
    }
    .choiceMission ul {
        text-align: center;
        width: 100%;
    }
    .choiceMission li {
        height: 25px;
        margin: 0 2px;
    }
    .choiceMission li:first-child {
        margin-left: 0;
    }
    .choiceMission li.on {
        background-color: #333333;
    }

    .missionNotice span {
        width: 89%;
    }

    .project a.moreInfo_open {
        font-size: 17px;
        color: #666666;
        height: 37px;
        line-height: 37px;
        border: 1px solid #c6c6c6;
        background: url("/_asset/img/user/arrowBottom_gray.png") no-repeat 97% 15px;
        display: block;
        text-align: left !important;
        width: 96%;
        padding: 0 2%;
    }
    .project a.moreInfo_close {
        font-size: 17px;
        color: #666666;
        height: 37px;
        line-height: 37px;
        border: 1px solid #c6c6c6;
        background: url("/_asset/img/user/arrowBottom_gray.png") no-repeat 97% 15px;
        display: block;
        text-align: left !important;
        width: 96%;
        padding: 0 2%;
    }

    .missionList {
        width: 100%;
        margin-top: 8px;
        margin-bottom: 10px;
        /* padding: 0 15px; */
    }
    .missionList ul:after {
        display: block;
        content: "";
        clear: both;
    }
    .missionList li {
        padding: 45px 2% 70px 2%;
    }
    .missionList li:first-child {
        border-top: none;
    }
    .missionList .missionCount {
        margin: 0 auto;
        width: 69px;
        height: 69px;
        line-height: 69px;
        font-size: 35px;
    }
    .missionList .missionCount.finish {
        background-color: #f2f2f2;
        color: #313333;
    }
    .missionList .missionCount span.countBg {
        width: 69px;
        height: 69px;
    }
    .missionList .missionTxt {
        float: left;
        width: 97%;
    }
    .missionList .missionTxt .urlcopy.pc {
        display: none;
    }
    .missionList .missionTxt .urlcopy.mobile {
        position: relative;
        margin-top: 10px;
    }
    .missionList .missionTxt .urlcopy.mobile input {
        width: 60%;
    }
    .missionList dl {
        width: 100%;
    }
    .missionList dt {
        margin-bottom: 19px;
    }
    .missionList .research_title dt {
        font-size: 22zpx;
        color: #000;
        margin-bottom: 0;
    }
    .missionList dt span {
        text-align: center;
    }
    .missionList dd {
        font-size: 15px;
        color: #999999;
        text-align: center;
    }
    .missionList .mylist {
        margin-top: 10px;
        float: left;
        font-size: 16px;
        line-height: 25px;
    }
    .missionList .arrowBtn {
        background: url("/_asset/img/common/icon_missionBottom_pink.png") no-repeat center bottom;
        width: 100%;
        height: 41px;
        float: left;
        display: block;
        position: relative;
        margin-top: 25px;
    }
    .missionList .arrowBtn.active {
        background: url("/_asset/img/common/icon_missionTop_pink.png") no-repeat center bottom !important;
        width: 100%;
        height: 41px;
    }
    #module_load .module_research {
        width: 100%;
        margin: 0;
        /* padding: 0 10px; */
        padding: 0;
    }

    #module_load .module_research ul li.research_question {
        padding: 15px 0 !important;
        border-bottom: none;
    }
    #research_question_list {
        margin-bottom: 30px;
    }
    .missionList .resumeAcc {
        width: 100%;
        padding-top: 10px;
        /* border: 1px solid #c6c6c6; */
    }
    .missionList .resumeAcc li {
        border-bottom: none;
        padding: 0;
    }

    .missionList .acc01 table {
        width: 100%;
        border: 1px solid #c6c6c6;
    }
    .missionList .acc01 table th {
        padding: 20px 0;
        background-color: #c6c6c6;
        color: #ffffff;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
        border-left: 1px solid #ffffff;
    }
    .missionList .acc01 table th:first-child {
        border-left: none;
    }
    .missionList .acc01 table th.th_01 {
        width: 234px;
    }
    .missionList .acc01 table th.th_02 {
        width: 398px;
    }
    .missionList .acc01 table th.th_03 {
        width: 235px;
    }
    .missionList .acc01 table td {
        vertical-align: top;
    }
    .missionList .acc01 table td:first-child {
        border-left: none;
    }
    .missionList .acc01 table td a {
        color: #eb8ea5;
        border-bottom: 1px solid #eb8ea5;
        display: table;
        margin: 10px auto 0 auto;
    }
    .missionList .acc01 .receiveList {
        margin-bottom: 0;
    }
    .missionList .acc01 .receiveList li {
        width: 49%;
        text-align: center;
        margin-bottom: 50px;
        clear: none;
    }
    .missionList .acc01 .receiveList img {
        margin: 0 auto;
        margin-bottom: 30px;
        width: 130px;
    }
    .missionList .acc01 .receiveList input[type="checkbox"] {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .missionList .acc01 .receiveList input[type="checkbox"] + label {
        font-size: 14px;
        color: #999999;
        height: 23px;
        background: url("/_asset/img/project/check_black_off.png") no-repeat;
        padding: 5px 0 5px 32px;
    }
    .missionList .acc01 .receiveList input[type="checkbox"].checkSelect + label {
        background: url("/_asset/img/project/check_black_on.png") no-repeat;
    }
    .missionList .acc01 .receiveList p {
        margin-top: 20px;
        font-size: 16px;
        color: #313333;
    }

    .missionList .acc02 {
        border: none;
    }
    .missionList .acc02 select {
        width: 92%;
        height: auto;
        border: 1px solid #000;
        padding: 15px 3%;
        font-size: 20px;
        font-family: "nskr";
        color: #000;
        outline: none;
        display: block;
        margin-top: 5px;
    }
    .missionList .acc02 input[type="tel"] {
        width: 92%;
        border: 1px solid #c6c6c6;
        padding: 15px 3%;
        font-size: 14px;
        color: #999999;
        outline: none;
        display: block;
        margin-top: 5px;
    }
    .missionList .acc02 input[type="text"] {
        width: 92%;
        border: 1px solid #000;
        padding: 15px 3%;
        font-size: 20px;
        font-family: "nskr";
        color: #000;
        outline: none;
        display: block;
        margin-top: 5px;
    }
    .missionList .acc02 div.input_add input[type="text"] {
        margin-top: 0;
        border: 0;
    }
    .sns_wrap .add_wrap input.insns_input {
        width: 100%;
    }
    .missionList .acc02 input[type="text"].insns_name {
        width: 92%;
    }

    .missionList .acc02 input[type="file"] {
        width: 92%;
        border: 1px solid #c6c6c6;
        padding: 15px 3%;
        font-size: 14px;
        color: #999999;
        outline: none;
        display: block;
        margin-top: 5px;
    }
    .missionList .acc02 select.insns {
        width: 92%;
        border: 1px solid #000;
        font-size: 14px;
        color: #000;
        height: 70px;
        font-size: 20px;
        font-family: "nskr";
        margin-top: 5px;
        -webkit-appearance: none;
        appearance: none;
        background: url(/_asset/img/project/arrow-down.png) no-repeat right 20px center;
    }
    .missionList .acc02 .snsMisson {
        padding: 15px 3% 0 3%;
        border: 1px solid #c6c6c6;
        border-top: none;
        margin-bottom: 5px;
    }
    .missionList .acc02 .snsMisson input[type="checkbox"] {
        position: absolute;
        z-index: -1;
    }
    .missionList .acc02 .snsMisson input[type="checkbox"] + label {
        background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
        padding: 5px 0 5px 9%;
        margin-right: 3%;
        line-height: 35px;
    }
    .missionList .acc02 .snsMisson input[type="checkbox"].checkSelect + label {
        padding-left: 32px;
        padding-bottom: 9px;
        height: 23px;
        background: url("/_asset/img/project/check_gray_on.jpg") no-repeat;
    }
    .missionList .acc02 .snsMisson span {
        font-size: 14px;
        color: #999999;
    }
    .missionList .acc02 .snsMisson p {
        margin: 20px 0 20px 0;
    }
    .missionList .acc02 .editor {
        border: none;
        border-top: 1px solid #c6c6c6;
        width: 94%;
        padding: 3%;
        height: 322px;
        font-size: 14px;
        color: #999999;
    }
    .missionList .acc02 .plusWork {
        margin: 0;
        float: none;
        display: block;
        width: 100%;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
    }

    .missionList .acc03 {
        min-width: 10%;
        border: none;
    }
    .missionList .acc03 .acc03_img {
        width: 98%;
    }
    .missionList .acc03 p {
        font-size: 14px;
        color: #999999;
        text-align: left;
    }
    .missionList .acc03 p.acc03_img_title {
        margin: 9px auto 0 auto;
        padding: 16px 12px;
        border: 1px solid #c6c6c6;
        background-color: #ffffff;
        font-size: 14px;
        line-height: 24px;
        width: 92%;
    }
    .missionList .acc03 .postingTitle {
        width: 100%;
        margin: 0 auto;
    }
    .missionList .acc03 .postingTitle img.icon_onestop {
        margin: 0 auto 20px auto;
        display: block;
    }
    .missionList .acc03 .snsPosting {
        text-align: left;
        display: block;
    }
    .missionList .acc03 .snsPosting input[type="checkbox"] {
        position: absolute;
        z-index: -1;
    }
    .missionList .acc03 .snsPosting input[type="checkbox"] + label {
        padding-left: 32px;
        height: 23px;
        padding-bottom: 9px;
        background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
        padding: 5px 0 5px 32px;
        margin: 0 2%;
        line-height: 34px;
    }
    .missionList .acc03 .snsPosting input[type="checkbox"].checkSelect + label {
        padding-left: 32px;
        padding-bottom: 9px;
        height: 23px;
        background: url("/_asset/img/project/check_gray_on.jpg") no-repeat;
    }
    .missionList .acc03 .feedShare_title {
        margin: 14px auto 16px;
        width: 100%;
        padding-bottom: 17px;
    }
    .missionList .acc03 .feedShare_title span {
        color: #e2587a;
    }
    .missionList .acc03 .feedList {
        border: 1px solid #c6c6c6;
        width: 100%;
        background-color: #f2f2f2;
        padding: 13px 0;
        margin-top: 15px;
    }
    .missionList .acc03 table {
        width: 100%;
    }
    .missionList .acc03 table th {
        width: 48px;
        padding: 6px 0 13px 11px;
        vertical-align: top;
    }
    .missionList .acc03 table td.snsUrl {
        font-size: 12px;
        vertical-align: top;
    }
    .missionList .acc03 table td.snsYear {
        width: 280px;
        font-size: 12px;
        vertical-align: top;
    }
    .missionList .acc03Upload {
        width: 100%;
        height: 157px;
    }
    .missionList .acc03Upload #acc03Input {
        width: 294px;
        height: 157px;
    }
    .missionList .acc03Upload #acc03Img {
        width: 294px;
        height: 157px;
    }
    .missionList .acc03 .userTextarea {
        padding: 15px 4%;
        border: 1px solid #c6c6c6;
        font-size: 14px;
        color: #999999;
        width: 91%;
        margin: 19px 0 0 0;
    }

    .missionList .acc04 {
        margin-bottom: 80px;
    }
    .missionList .acc04_upload {
        width: 100%;
        border: 1px solid #c6c6c6;
        position: relative;
        height: 44px;
    }
    .missionList .acc04_input {
        float: left;
        width: 94%;
        margin: 15px 0 0 2%;
        border: none;
        font-size: 15px;
    }
    .missionList .acc04_div {
        position: relative;
        top: 23px;
        left: 0;
        width: 100%;
        height: 46px;
        overflow: hidden;
    }
    .missionList .acc04_button {
        width: 100%;
        top: -4px;
        font-size: 15px;
    }
    .missionList .acc04_hidden {
        font-size: 14px;
        color: #999999;
        width: 100%;
        height: 46px;
        position: absolute;
        right: 0px;
        top: 0px;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }

    .missionList .acc05 {
        margin-top: 45px;
        border: 1px solid #c6c6c6;
        padding: 20px 3%;
        width: 93%;
    }
    .missionList .acc05 img {
        width: 100%;
    }
    .missionList .acc05 p {
        margin-bottom: 25px;
    }
    .missionList .acc05 p span {
        color: #f585a2;
    }
    .missionList .acc05 textarea {
        width: 95%;
        height: 50px;
    }
    .missionList .acc05 h3 {
        padding: 20px 0;
        text-align: center;
        font-size: 16px;
    }
    .missionList .acc05 h3 span {
        color: #999999;
    }
    .missionList .acc05 h3 span.on {
        color: #e2587a;
    }

    .missionList .acc06 {
        padding-top: 0;
    }
    .missionList .acc06 input[type="text"] {
        border: 1px solid #c6c6c6;
    }
    .missionList .acc06 .editor {
        width: 100%;
        height: 500px;
        background-color: #f2f2f2;
    }
    .missionList .missionBtn {
        width: 50%;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        display: block;
        margin: 15px auto 0 auto;
    }
    .missionList .acc03 .missionBtn {
        clear: both;
        margin: 0 auto;
    }

    /* 프로젝트 신청 */
    .projectDetail.application {
        border-bottom: none;
    }
    .application .appTitle {
        padding: 20px 2%;
    }
    .application .appTitle dt {
        font-size: 32px;
        color: #f36487;
        text-align: center;
        font-weight: normal;
        margin: 20px 0 30px 0;
    }
    .application .appTitle dd {
        font-size: 16px;
        color: #999999;
        text-align: center;
        margin-bottom: 30px;
    }
    .application .activeTxt {
        margin: 0 2% 17px 2%;
        border: 1px solid #c6c6c6;
        height: 362px;
        font-size: 16px;
        color: #313333;
    }

    .application .appBtn {
        width: 99%;
        margin-top: 20px;
    }
    .application .appBtn a {
        width: 43%;
    }
    .application .appBtn a.gray {
        color: #313333;
        background-color: #f9f9f9;
        border: 1px solid #c6c6c6;
    }
    .application .appBtn a.pink {
        color: #ffffff;
        font-weight: bold;
        background-color: #e9819b;
        border: 1px solid #e9819b;
    }
    .application .appBtn a img {
        margin-left: 8px;
    }

    .application .appTitle02 dt {
        margin: 58px 0 30px 0;
    }
    .application .subBtn {
        text-align: right;
        width: 96%;
        margin: 0 2% 80px 2%;
    }
    .application .subBtn a {
        width: 115px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        border: 1px solid #c6c6c6;
        color: #999999;
        margin-left: 8px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    .application .subBtn a.tempsaveBtn {
        background-color: #ffffff;
    }
    .application .subBtn a.projectMainBtn {
        background-color: #f2f2f2;
    }

    .application .appTitle03 {
        margin-bottom: 50px;
    }
    .application .appTitle03 dt {
        font-size: 36px;
        font-weight: bold;
        margin: 83px 0 20px 0;
    }
    .application .appTitle03 dd.ddSub {
        font-size: 30px;
        color: #313333;
        margin-bottom: 50px;
    }

    .application .moreProject {
        font-size: 14px;
        color: #999999;
        text-align: center;
        margin-bottom: 220px;
    }
    .application .moreProject img {
        margin-right: 5px;
    }
    .application .moreProject a {
        display: block;
        margin-top: 20px;
    }
    .application .appBtn03 {
        margin-bottom: 45px;
    }

    /* 프로젝트 공지사항 */
    .projectDetail.inquiry {
        border-bottom: none;
        padding-top: 0;
    }
    .projectDetail.inquiry .searchClick p {
        font-size: 16px;
        color: #313333;
        margin-left: 25px;
        float: left;
        margin-bottom: 30px;
    }
    .projectDetail.inquiry .searchClick p.inquiryList {
        float: right;
    }
    .projectDetail.inquiry .arrow {
        margin: 0 0 100px 0;
    }
    .projectDetail.inquiry .inquiryList .arrowBtn {
        background: #f2f2f2 url("/_asset/img/common/icon_answerBottom_black.png") no-repeat 97% 25px;
    }
    .projectDetail.inquiry .inquiryList .arrowBtn.active {
        background: #f2f2f2 url("/_asset/img/common/icon_answerTop_black.png") no-repeat 97% 25px !important;
    }
    .projectDetail.inquiry .inquiryList .arrowBtn img {
        margin-left: 5px;
    }

    /* 프로젝트 1:1문의 */
    .projectDetail.inquiry a.inquiry_openBtn {
        margin-bottom: 70px;
    }
    .projectDetail.inquiry .inquiryArea {
        margin-bottom: 70px;
    }

    /* 프로젝트 FAQ */
    .projectDetail.inquiry .searchClick p.faq {
        line-height: 24px;
    }
    .projectDetail.inquiry .searchClick p.faq span {
        display: block;
        color: #999999;
        margin-left: 20px;
    }
    .inquiry .inquiryList .resumeAcc p.faq_box {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0;
        line-height: 30px;
        color: #999999;
        font-size: 14px;
    }

    /* 활동스토리 */
    /* 서브컨텐츠 박스 */
    .subContents {
        position: relative;
        padding-top: 25px;
    }
    /* 서브타이틀 */
    .actib .projectTitle_sub {
        margin-left: 10px;
        margin-bottom: 15px;
    }
    .projectTitle_sub h1 {
        font-size: 12px;
        color: #999999;
        border-bottom: 1px solid #999999;
        float: left;
        padding-bottom: 14px;
    }
    .projectTitle_sub h1 span {
        font-size: 21px;
        color: #313333;
        border-bottom: 5px solid #313333;
        padding-bottom: 10px;
        margin-right: 10px;
    }
    .projectTitle_sub p {
        float: left;
        font-size: 13px;
        color: #999999;
        margin-top: 16px;
        line-height: 21px;
        width: 100%;
    }

    .subContents .arrow {
        width: 100%;
        text-align: center;
        margin-bottom: 70px;
    }
    .subContents .arrow li {
        font-size: 18px;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 0 2px;
    }
    .subContents .arrow li a {
        height: 27px;
        line-height: 27px;
        color: #999999;
        padding: 0 9px;
        display: inline-block;
    }
    .subContents .arrow li.alignText a {
        line-height: 27px;
    }
    .subContents .arrow li.alignText.on a {
        background-color: #313333;
        color: #ffffff;
    }
    .subContents .arrow li.alignText a:hover {
        background-color: #313333;
        color: #ffffff;
    }

    /* 활동스토리 탭 */

    .activity_box {
        margin: 0 10px;
        border: 1px solid #c6c6c6;
        margin-bottom: 20px;
    }
    .actib_btn {
        display: block !important;
        width: 96%;
        text-align: left;
        font-size: 16px;
        padding: 0 2%;
        font-weight: bold;
        height: 55px;
        line-height: 55px;
        text-align: center;
    }
    .actib_btn img {
        float: right;
        margin-top: 22px;
        width: 19px;
    }
    .actib_tab:after {
        display: block;
        content: "";
        clear: both;
    }
    .actib_tab {
        display: none;
    }
    .actib_tab li {
        width: 100%;
    }
    .actib_tab li a {
        font-size: 16px;
        height: 55px;
        line-height: 55px;
        border-top: 1px solid #c6c6c6;
    }
    .actib_tab li.on {
        border-bottom: 0;
    }
    .actib_tab li.on a {
        color: #e2587a;
    }

    .actib_tab li.clear {
        border: none;
        margin: 0;
        float: none;
    }

    /* actibities 목록 */
    .subContents ul.actib_list.view {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 30px;
    }
    .actib_list li {
        width: 95%;
        height: auto;
    }

    .actibContents h5 {
        font-size: 18px;
        padding: 16px 0;
        border-top: 0;
        border-bottom: 1px solid #888;
        margin-bottom: 24px;
    }

    .eventComplete_box {
        border-top: none;
    }
    .eventComplete_box h1 {
        font-size: 26px;
        line-height: 35px;
    }
    .eventComplete_box h2 {
        font-size: 20px;
    }

    .eventComplete_box div.box {
        width: 95%;
    }
    .eventComplete_box table {
        margin-left: 10px;
    }
    .eventComplete_box table th {
        font-size: 16px;
    }
    .eventComplete_box table td span {
        font-size: 16px;
    }
    .eventComplete_box table td {
        font-size: 16px;
    }
    .eventComplete_box p.p_top {
        font-size: 16px;
        color: #000000;
        text-align: center;
        margin-bottom: 10px;
    }
    .eventComplete_box p.p_bottom {
        font-size: 16px;
        color: #8a8a8a;
        text-align: center;
    }
    .eventComplete_box div.gray {
        padding: 0 10px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .eventComplete_box div.gray p {
        text-align: left;
    }
    .eventComplete_box div.btn {
        margin-top: 25px;
        text-align: center;
    }
    .eventComplete_box div.btn a {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .popupReserve #checkReserve {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
    }
    .popupReserve #checkReserve + label {
        padding-left: 32px;
        padding-bottom: 6px;
        height: 20px;
        background: url("/_asset/img/project/popupReserve_off.png") no-repeat;
        font-size: 14px;
        color: #313333;
    }
    .popupReserve #checkReserve.checkSelect + label {
        background: url("/_asset/img/project/popupReserve_on.png") no-repeat;
    }

    .popupReserve .topArea {
        width: 100%;
        position: relative;
        border-bottom: 3px solid #000;
    }
    .popupReserve .topArea .popupLogo {
        display: none;
    }
    .popupReserve .topArea p {
        font-size: 24px;
        color: #000;
        font-family: "nskb";
        letter-spacing: -1px;
        padding-bottom: 5px;
    }
    .popupReserve .topArea2 {
        background-color: #313333;
        padding: 24px 0;
        width: 100%;
        position: relative;
    }
    .popupReserve .topArea2 .popupLogo {
        display: none;
    }
    .popupReserve .topArea2 p {
        line-height: 27px;
    }
    .popupReserve .topArea2 p span {
        font-size: 15px;
        line-height: 27px;
    }
    .popupReserve .closeBtn {
        position: absolute;
        top: 24px;
        right: 19px;
        z-index: 1;
    }
    .popupReserve .selectPay p.optionDefault {
        border-radius: initial !important;
        padding: 10px 0 10px 7%;
        width: 100%;
    }
    .popupReserve .checkEmail {
        margin: 0;
        border-radius: 0;
        border: 1px solid #c6c6c6;
        height: 41px;
        line-height: 41px;
        width: 66%;
    }
    .popupReserve .checkEmail input {
        margin: 10px 0;
    }
    .popupReserve .checkPost {
        width: calc(96% - 30px);
    }
    .popupReserve .checkPost input {
        margin: 10px 0;
        width: calc(81% - 30px);
    }
    .popupReserve .checkPost .postsClick {
        right: -13px;
        height: 45px;
        line-height: 45px;
    }
    .popupReserve .inputAddress {
        width: calc(88% - 16px);
        margin-top: 10px;
    }
    .popupReserve .inputDetail {
        margin-top: 10px;
        width: calc(88% - 16px);
    }

    /* 서비스정책 */
    .servicePolicy .visual_01 {
        width: 100%;
        background: url("/_asset/img/project/serviceVisual_01.jpg") center 60% no-repeat;
        background-size: cover;
        behavior: url(/_asset/css/backgroundsize.min.htc);
        height: 350px;
        margin-bottom: 70px;
        margin-top: 50px;
    }
    .servicePolicy .visual_01 p {
        font-size: 20px;
        color: #cccccc;
        text-align: center;
        line-height: 30px;
    }
    .servicePolicy .visual_01 .quotesTop {
        padding-top: 70px;
        margin-bottom: 47px;
        display: block;
        text-align: center;
    }
    .servicePolicy .visual_01 .quotesBottom {
        padding-top: 35px;
        display: block;
        text-align: center;
    }
    .servicePolicy .quotesTop img {
        width: 29px;
    }
    .servicePolicy .quotesBottom img {
        width: 29px;
    }
    .servicePolicy .projectTitle_sub {
        margin: 0 10px;
    }
    .servicePolicy .textBox div {
        margin-bottom: 85px;
    }
    .servicePolicy .textBox p {
        font-size: 18px;
        color: #313333;
    }
    .servicePolicy .textBox h1 {
        text-align: left;
        font-size: 24px;
        font-weight: bold;
        color: #313333;
        margin-bottom: 25px;
    }
    .servicePolicy .textBox ul li {
        font-size: 14px;
        color: #999999;
        line-height: 28px;
        margin-left: 20px;
    }
    .servicePolicy .textBox ul li em {
        margin-left: -23px;
    }
    .servicePolicy .textBox .last {
        margin-top: 35px;
    }
    .servicePolicy .textBox ol {
        margin-top: 35px;
    }
    .servicePolicy .textBox ol li {
        font-size: 14px;
        color: #999999;
        line-height: 28px;
    }
    .servicePolicy .textBox ol li em {
        margin-left: -9px;
    }
    .servicePolicy .textBox strong {
        color: #313333;
        font-weight: bold;
    }

    .servicePolicy .textBox .dl_list:after {
        display: block;
        content: "";
        clear: both;
    }
    .servicePolicy .textBox .dl_list {
        margin: 35px 0;
    }
    .servicePolicy .textBox .dl_list dl {
        float: left;
        width: 49%;
        border: 1px solid #c6c6c6;
    }
    .servicePolicy .textBox .dl_list dl.dl_01 {
        border-bottom: 0;
    }
    .servicePolicy .textBox .dl_list dl.dl_02 {
        border-left: 0;
        border-bottom: 0;
    }
    .servicePolicy .textBox .dl_list dl.dl_04 {
        border-left: 0;
    }
    .servicePolicy .textBox .dl_list dl.dl_05 {
        border-top: 0;
    }
    .servicePolicy .textBox .dl_list dt {
        height: 42px;
        line-height: 42px;
        font-size: 15px;
        color: #999999;
        text-align: center;
        font-weight: normal;
        width: 100%;
        word-break: break-all;
        border-bottom: 1px solid #c6c6c6;
        background-color: #f9f9f9;
    }
    .servicePolicy .textBox .dl_list dt span {
        font-size: 26px;
        color: #313333;
        font-weight: 900;
    }
    .servicePolicy .textBox .dl_list dd {
        font-size: 13px;
        color: #333333;
        text-align: center;
        height: 42px;
        line-height: 42px;
        width: 100%;
        word-break: break-all;
    }
    .servicePolicy .textBox .dl_list span.spanRight {
        text-align: right;
        font-size: 13px;
        color: #333333;
        font-weight: bold;
        display: block;
    }

    /* 비회원1:1문의 */
    .contents.nomember {
        padding: 0 !important;
        padding-top: 35px;
    }
    .nomember ul.nomemMain {
        margin: 0 auto;
        width: 94%;
    }
    .nomember ul.nomemMain li {
        width: 100%;
    }
    .nomember ul.nomemMain li img {
        display: block;
        margin: 0 auto;
    }
    .nomember ul.nomemMain li a.btn {
        width: 237px;
        height: 68px;
        line-height: 68px;
        color: #ffffff;
        font-size: 24px;
        font-weight: bold;
        position: relative;
        background: url("/_asset/img/project/icon_inquiry_03.jpg") no-repeat;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    .nomember ul.nomemMain li dl dt {
        font-size: 18px;
        color: #333333;
        text-align: center;
        margin-top: 28px;
        margin-bottom: 12px;
    }
    .nomember ul.nomemMain li dl dd {
        font-size: 14px;
        color: #999999;
        text-align: center;
    }
    .nomember ul.nomemMain li a.view {
        margin: 0 auto;
        margin-top: 30px;
        font-size: 14px;
        color: #e2587a;
        display: block;
        border-bottom: 1px solid #e2587a;
        text-align: center;
        width: 105px;
        padding-bottom: 3px;
        position: relative;
        z-index: 1;
    }
    .nomember ul.nomemMain li.member img {
        margin-top: 49px;
        margin-bottom: 24px;
    }
    .nomember ul.nomemMain li.nomember img {
        margin-top: 52px;
        margin-bottom: 27px;
    }
    .nomember div.nomemMain_txt {
        width: 90%;
        position: relative;
        margin: 0 auto;
        margin-top: 49px;
        margin-bottom: 100px;
        text-align: center;
    }
    .nomember div.nomemMain_txt h1 {
        font-size: 16px;
        color: #333333;
        text-align: center;
        font-weight: normal;
        margin-bottom: 25px;
    }
    .nomember div.nomemMain_txt span {
        color: #999999;
        font-size: 14px;
        line-height: 22px;
        width: 100%;
        display: block;
    }
    .nomember div.nomemMain_txt p {
        color: #999999;
        font-size: 14px;
        line-height: 22px;
        width: 100%;
        clear: both;
    }
    .nomember div.nomemMain_txt strong {
        margin-right: 5px;
        font-size: 20px;
        vertical-align: middle;
    }

    .nomemSub {
        margin: 0 2%;
    }
    .nomemSub ol {
        float: left;
    }
    .nomemSub ol li {
        margin-left: 20px;
    }
    .nomemSub ol li strong {
        margin-left: -10px;
    }
    .nomemSub a.nomemQna {
        margin-top: 10px;
    }
    .nomemSub .nomemLine {
        float: left;
        margin-top: 20px;
        width: 100%;
    }
    .nomemSub .nomemLine input {
        float: left;
    }
    .nomemSub .nomemLine .nomemberPhone {
        width: calc(28% - 2px);
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #999999;
        padding: 13px 2% 12px 2%;
        float: left;
        position: relative;
    }
    .nomemSub .nomemLine .optionDefault img {
        float: right;
        margin-top: 5px;
    }
    .nomemSub .nomemLine .nomemberPhone div.optionData {
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        z-index: 1;
    }
    .nomemSub .nomemLine .nomemberPhone ul.optionList {
        background-color: #ffffff;
    }
    .nomemSub .nomemLine .nomemberPhone ul.optionList li {
        cursor: pointer;
        font-size: 18px;
        color: #333333;
        height: 40px;
        line-height: 40px;
        padding: 0 9%;
    }
    .nomemSub .nomemLine .nomemberPhone ul.optionList li:hover {
        background-color: #f585a2;
        color: #ffffff;
    }
    .nomemSub .nomemLine .nomemNunber_center {
        width: calc(29% - 2px);
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #999999;
        padding: 13px 2% 12px 2%;
        float: left;
        position: relative;
        margin: 0 1% 0 1%;
        text-align: center;
        outline: none;
    }
    .nomemSub .nomemLine .nomemNunber_right {
        width: calc(29% - 2px);
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #999999;
        padding: 13px 2% 12px 2%;
        float: left;
        position: relative;
        text-align: center;
        outline: none;
    }
    .nomemSub .nomemLine .nomemNunber_password {
        width: calc(96% - 2px);
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #999999;
        padding: 13px 2% 12px 2%;
        float: left;
        position: relative;
        outline: none;
        margin-top: 10px;
    }
    .nomemSub .nomemLine .nomemNunber_obj {
        width: calc(96% - 2px);
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #999999;
        padding: 13px 2% 12px 2%;
        float: left;
        position: relative;
        outline: none;
        margin-top: 10px;
    }
    .nomemSub .nomemLine textarea {
        width: calc(96% - 2px);
        height: 166px;
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #999999;
        padding: 2%;
        float: left;
        position: relative;
        outline: none;
        margin-top: 10px;
    }
    .nomemSub .agreeView {
        float: right;
        margin-top: 20px;
    }
    .nomemSub .agreeView #nomemAgree {
        position: relative;
        opacity: 0;
        z-index: -1;
    }
    .nomemSub .agreeView #nomemAgree + label {
        font-size: 14px;
        color: #313333;
        padding: 2px 0;
        padding-left: 32px;
        height: 21px;
        background: url("/_asset/img/common/check_gray_off.jpg") no-repeat;
    }
    .nomemSub .agreeView #nomemAgree.checkSelect + label {
        background: url("/_asset/img/common/check_gray_on.jpg") no-repeat;
    }
    .nomemSub .agreeView #nomemAgree:checked + label {
        background: url("/_asset/img/common/check_gray_on.jpg") no-repeat;
    }
    .nomemSub .agreeView a {
        font-size: 13px;
        color: #e2587a;
        text-align: center;
        width: 58px;
        border-bottom: 1px solid #e2587a;
        padding-bottom: 2px;
        margin-left: 19px;
    }
    .nomemSub .nomemberBtn {
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        width: 223px;
        height: 44px;
        line-height: 44px;
        margin: 0 auto;
        margin-top: 40px;
        display: block;
        background-color: #f585a2;
        clear: both;
    }

    .popupNomember {
        position: absolute;
        top: 0;
        left: 0;
        border: 3px solid #313333;
        background-color: #ffffff;
        width: calc(100% - 6px);
    }
    .popupNomember .top {
        background-color: #313333;
        width: 100%;
        height: 95px;
        position: relative;
    }
    .popupNomember .top img.logo {
        position: absolute;
        left: 50%;
        top: 15px;
        width: 70px;
        margin-left: -35px;
    }
    .popupNomember .top .closeParent {
        position: absolute;
        right: 15px;
        top: 15px;
    }
    .popupNomember .top .closeParent img {
        width: 20px;
    }
    .popupNomember .top h1 {
        font-size: 18px;
        padding-top: 55px;
    }
    .popupNomember .middle {
        padding: 20px 4% 20px 4%;
        width: 92%;
    }
    .popupNomember .middle p.title {
        font-size: 15px;
        color: #999999;
        text-align: center;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .popupNomember .middle .nomemberPhone {
        width: calc(28% - 2px);
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #999999;
        padding: 13px 2% 12px 2%;
        float: left;
        position: relative;
    }
    .popupNomember .middle .optionDefault img {
        float: right;
        margin-top: 5px;
    }
    .popupNomember .middle .nomemberPhone div.optionData {
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        z-index: 1;
    }
    .popupNomember .middle .nomemberPhone ul.optionList {
        background-color: #ffffff;
    }
    .popupNomember .middle .nomemberPhone ul.optionList li {
        cursor: pointer;
        font-size: 18px;
        color: #333333;
        height: 40px;
        line-height: 40px;
        padding: 0 9%;
    }
    .popupNomember .middle .nomemberPhone ul.optionList li:hover {
        background-color: #f585a2;
        color: #ffffff;
    }
    .popupNomember .middle .nomemNunber_center {
        width: calc(29% - 2px);
        padding: 13px 2% 12px 2%;
        margin: 0 1% 0 1%;
    }
    .popupNomember .middle .nomemNunber_right {
        width: calc(29% - 2px);
        padding: 13px 2% 12px 2%;
    }
    .popupNomember .middle .nomemNunber_password {
        width: calc(96% - 2px);
        padding: 13px 2% 12px 2%;
    }
    .popupNomember .bottom .popupBtn {
        margin-top: 36px;
        display: block;
        margin: 0 auto;
        width: 174px;
        height: 44px;
        line-height: 44px;
        background-color: #f585a2;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
    }
    .popupNomember .bottom {
        margin-bottom: 44px;
    }

    .popupAgree {
        position: absolute;
        top: 0;
        left: 0;
        border: 3px solid #313333;
        background-color: #ffffff;
        width: calc(100% - 6px);
    }
    .popupAgree .top {
        width: 100%;
        height: 95px;
    }
    .popupAgree .top img.logo {
        position: absolute;
        left: 50%;
        top: 15px;
        width: 70px;
        margin-left: -35px;
    }
    .popupAgree .top .closeParent {
        right: 15px;
        top: 15px;
    }
    .popupAgree .top .closeParent img {
        width: 20px;
    }
    .popupAgree .top h1 {
        font-size: 18px;
        padding-top: 55px;
    }
    .popupAgree .middle {
        padding: 20px 4% 20px 4%;
        width: 92%;
    }
    .popupAgree .middle p.title {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .popupAgree .middle textarea {
        border: 1px solid #c6c6c6;
        width: 96%;
        padding: 2%;
        height: 120px;
    }
    .popupAgree .bottom .popupBtn {
        margin-top: 36px;
        display: block;
        margin: 0 auto;
        width: 174px;
        height: 44px;
        line-height: 44px;
        background-color: #f585a2;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
    }
    .popupAgree .bottom {
        margin-bottom: 44px;
    }

    .nomemSub_list {
        margin-top: 20px;
        padding: 0 2%;
    }
    .nomemList {
        border-top: none !important;
        padding-top: 0 !important;
        margin-top: 40px;
        margin-bottom: 23px;
    }
    .project .resumeList.nomemList ul li {
        border-top: none;
    }
    .nomember .nomemberWrite {
        display: block;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        width: 256px;
        height: 60px;
        line-height: 60px;
        background-color: #f685a3;
        margin: 0 auto;
    }

    /*비회원 주소취합 페이지*/
    .table_contents .logBox.nomemberAddress .inwrap .inbox .checkPhone input.inputPhone {
        width: 100% !important;
    }
    .table_contents .logBox.nomemberAddress .inwrap .inbox .checkPhone .phoneClick {
        width: 100%;
    }

    /* 프로젝트 선발문항 24.01.03 */
    #projectContents .research .listStyle11 ul{
        width: 100%;
    }

    /* 사전설문 css 수정 24.11.28 */
    .v2_wrap.mission#projectContents {
        padding: 0 1rem;
    }
    .research_question_order_list {
        width: fit-content;
        display: flex;
        flex-direction: column;
        row-gap: 0.25rem;
        margin-top: 0.5rem;
        padding: 0.5rem 1rem;
        border: 1px solid #979798;
        display: none;
    }
    div.inputBox.listStyle04 {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media all and (max-width: 480px) {
    /*프로젝트 상세페이지 리뉴얼 css*/
    .projectDetail.new {
        padding: 20px 0 10px;
        row-gap: 10px;
        margin-top: 0;
    }
    .projectDetail .companyLogo {
        width: 90px;
        height: 90px;
        flex-basis: 90px;
    }
    .projectDetail .detailBox dl {
        display: flex;
        flex-direction: column;
        row-gap: 5px;
    }
    .projectDetail .detailBox dl dt {
        font-size: 20px;
        letter-spacing: -1px;
        line-height: 30px;
        order: 2;
    }
    .projectDetail .detailBox dl dd {
        font-size: 14px;
        line-height: 20px;
        order: 3;
        margin-top: 0;
    }
    .projectDetail .detailBox dl dd.projectStatus {
        flex-wrap: wrap;
        column-gap: 5%;
        row-gap: 6px;
        font-size: 16px;
        letter-spacing: -1px;
        order: 1;
        margin-top: 0;
    }
    .projectDetail .detailBox dl dd.projectStatus div {
        column-gap: 5px;
    }
    .projectDetail .detailBox dl dd.projectStatus a {
        font-size: 15px;
        line-height: 17px;
    }
    .snspop_btn img {
        height: 27px;
    }
    .projectDetail.new .btnSns {
        height: auto;
        flex-direction: row;
        column-gap: 5%;
        align-items: center;
        /* justify-content: space-between; */
        justify-content: center;
    }
    .projectDetail .btnSns .snsBox {
        width: fit-content;
    }
    .projectDetail .btnSns .snsBox.commerceBox {
        width: 100%;
    }
    .projectDetail .btnSns .snsBox a{
        display:none;
    }
    .projectDetail .btnSns .snsBox a.mobile {
        display: block;
    }
    .projectDetail .btnSns .snsBox a.to_commerce{
        display:block;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        letter-spacing: -1px;
    }
    .projectDetail .btnSns .snsBox a img {
        width: 30px;
    }
    .projectDetail.new .btnSns a.btn {
        width: 100%;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
    }
    .detailUnderBox {
        padding: 30px 0;
    }
    .detailUnderBox .detailTxt tr td {
        font-size: 14px;
    }

    /*프로젝트 상세페이지 리뉴얼 sticky tab css*/
    .projectDetail.new.sticky {
        padding: 20px 0;
        row-gap: 0;
    }
    .projectDetail.new.sticky .detailBox {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }
    .projectDetail.new.sticky .detailBox p.project_subject {
        text-align: center;
        font-size: 20px;
        line-height: 28px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .projectDetail.new.sticky .btnSns {
        width: 100%;
        padding: 0 16px;
        flex-wrap: nowrap;
    }

    /* 프로젝트 상세페이지 스토어 이동 버튼 css 23.07.17 추가 */
    .to_commerce {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    /*프로젝트 상세페이지 공지사항 리뉴얼 css*/
    .projectDetail.inquiry.mylist .inquiryList.notice ul#board_list li p.arrowBtn {
        padding: 20px 10px;
    }
    .projectDetail.inquiry.mylist .inquiryList.notice ul#board_list li p.arrowBtn a.showNotice {
        width: 100%;
        height: 35px;
        line-height: 35px;
    }
    .projectNoticeTit {
        font-size: 24px;
    }
    .projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn {
        padding: 20px 0;
    }
    .projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn > span {
        flex-wrap: wrap;
    }
    .projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn span {
        font-size: 16px;
    }
    .projectDetail.inquiry.mylist .inquiryWrite {
        margin: 20px 0 20px auto;
    }
    .projectDetail.inquiry .inquiryArea {
        margin: 20px 0 70px;
        padding: 0 10px 60px;
    }
    .projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn span.answer-on,
    .projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn span.answer-off {
        font-size: 14px;
    }

    .prev_application .startResearch {
        width: 80%;
    }
    .prev_application .startResearch a {
        width: 100%;
        height: 50px;
    }
    #module_load #research_question_list a.missionBtn {
        width: 80%;
        height: 50px;
    }

    #projectContents .projectDetail.inquiry.mylist {
        margin-top: 15px;
    }
    .projectDetail .goBack {
        font-size: 14px;
    }

    /*인사이트 상세페이지 리뉴얼*/
    .viewTitWrap h2{
        font-size: 18px;
        margin-bottom: 8px;
    }
    .viewTitWrap h2 img {
        width: 20px;
        margin-right: 8px;
    }
    .viewCateWrap{
        column-gap: 8px;
    }
    .viewTit {
        padding: 4px 10px;
        column-gap: 4px;
        font-size: 14px;
    }
    .viewTit img {
        width: 14px;
        height: 14px;
    }
    .post_view{
        margin: 32px auto 24px;
    }
    .post_view h1.tit {
        font-size: 34px;
    }
    .post_view div.info {
        flex-wrap: wrap;
        row-gap: 10px;
        margin-bottom: 40px;
        padding: 8px 0;
    }
    .insight_view_hashtag a{
        font-size: 12px;
    }
    .list_btns{
        height: auto;
        margin-top: 24px;
    }
    .list_btns a.btn_prev, .list_btns a.btn_next{
        width: 20px;
        height: 20px;
    }
    .list_btns a.btn_list{
        padding: 0;
    }
    .insight_text_top{
        font-size: 14px;
    }
    .insight_hashtag{
        font-size: 12px;
    }
    .insight_content_wrap:hover{
        padding: 20px 0;
    }
    .insight_content_inner{
        min-height: auto;
        box-shadow: 0px 218px 61px 0px rgba(150, 150, 150, 0.00), 0px 140px 56px 0px rgba(150, 150, 150, 0.01), 0px 79px 47px 0px rgba(150, 150, 150, 0.04), 0px 35px 35px 0px rgba(150, 150, 150, 0.07), 0px 9px 19px 0px rgba(150, 150, 150, 0.08);
    }
    .share.insight_share{
        border-top: 1px solid #000;
        margin: 20px auto;
        padding: 12px 0 8px;
    }
    div.share .sns_list li div img{
        width: 20px;
    }
    .post_view div.info span{
        font-size: 15px;
        font-family: 'NotoKr';
    }
    .insight_text_top .v2_insight_content_category{
        padding: 6px 8px;
    }
    .insight_text_top .v2_insight_content_category img {
        margin-right: 4px;
    }

    /*비회원 주소취합 페이지*/
    .nomemberAddress .inwrap {
        width: 100%;
    }
    .nomemberAddress .inbox.addressInput .search-zipcode {
        flex-wrap: wrap;
    }
    .nomemberAddress .inbox.addressInput .search-zipcode input {
        width: 100%;
        margin-bottom: 0;
    }
    .nomemberAddress .inbox.addressInput .search-zipcode button {
        width: 100%;
    }

    /* 프로젝트 선발문항 페이지 */
    .prev_application button.change_info_btn{
        padding: 5px 16px;
    }

    /* 활동안내 페이지 css 24.05.07 */
    .project-introduce-box.promise-box::after{
        opacity: 0;
    }
}

@media all and (max-width: 320px) {
    .projectDetail .btnSns .snsBox {
        column-gap: 5px;
    }
}