.research_label {
    padding: 0 !important;
}
/*input number 스크롤 없애기*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/*input 선택 시 테두리 없애기*/
input:focus {
    outline: none;
}
.pr_pop {
    border: none;
}
.bg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 104;
    display: none;
}

/*리뉴얼 레이아웃*/
.mytable_new.contents.mylist {
    padding: 10px 0 0;
}

/*lnb*/
nav.lnb_p {
    position: absolute;
    left: -180px;
    top: 405px;
}
nav.lnb_m {
    display: none;
}
nav.lnb .lnbList li {
    font-size: 16px;
    position: relative;
    color: #ababab;
}
.lnbList li a {
    display: block;
    width: fit-content;
    padding: 15px 5px;
    position: relative;
    color: #999;
    font-weight: 300;
}
.lnbList li a:hover {
    color: #333;
}
nav.lnb .lnbList li a.on,
nav.lnb_m .lnbList li a.on,
.lnbList.myproject li a.on {
    color: #000;
    font-weight: 600;
}
nav.lnb .lnbList li a.on:after {
    content: " ";
    position: absolute;
    height: 2px;
    background: #2c2c2c;
    top: 35px;
    left: 4px;
    width: 92%;
}

/*lnb - 자주묻는질문 selectQna*/
nav.lnb.inquiry_lnb .selectQna {
    display: flex;
    flex-direction: column;
}
nav.lnb.inquiry_lnb .selectQna li {
    font-weight: 300;
    color: #ababab;
    font-size: 14px;
    padding: 10px;
    cursor: pointer;
}
nav.lnb.inquiry_lnb .selectQna li.on {
    font-weight: 600;
    color: #000;
}
nav.lnb.inquiry_lnb .selectQna li.on:after {
    display: none;
}
nav.lnb.inquiry_lnb.lnb_m .selectQna {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

/*프로필 영역*/
.selectArea {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 15px;
    margin-bottom: 80px;
    align-items: center;
    row-gap: 20px;
}
.selectArea > div,
.selectArea > input {
    flex-basis: 48%;
}
/* .selectArea > div:first-child {
    flex-basis: 100%;
} */
.selectArea .birthWrap{
    width: 42%;
    position: relative;
}
.selectArea .birthWrap .borderCheck#datepicker {
    width: 100%;
    position: relative;
}
.selectArea .birthWrap img{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.selectArea div label {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
}
.select {
    width: 42%;
    position: relative;
}
.select p.optionDefault {
    width: 92%;
    padding-left: 7%;
    font-size: 18px;
    color: #999999;
    background-color: #ffffff;
}
.areaInner .select p.optionDefault {
    width: 100%;
    padding-left: 16px;
    font-size: 16px;
    color: #000;
    background-color: #f9f9f9;
    margin: 0;
    position: relative;
}
.areaInner .select p.optionDefault img {
    position: absolute;
    top: 50%;
    right: 4%;
    transform: translateY(-50%);
}
.areaInner .select div.optionData {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 9;
    /* border: 1px solid #000; */
    border-top: 0;

}
.areaInner .borderCheck {
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 10px 16px;
    background: #f9f9f9;
}
.areaInner .borderCheck:focus {
    outline: none;
}
.areaInner .inputName {
    width: 48%;
    padding-left: 4%;
    padding-right: 2%;
}

/*성별선택*/
.selectArea .select .subList ul.optionList {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    column-gap: 15px;
    margin-bottom: 20px;
}
.selectArea .select .subList ul.optionList li {
    border: 1px solid #2c2c2c;
}
.selectArea .select .subList ul.optionList li.on {
    background: #2c2c2c;
    color: #fff;
}

.select ul.optionList {
    height: 100%;
    max-height: 250px;
    overflow-y: auto;
    background-color: #ffffff;
    margin-bottom: 0;
}
.selectArea .select ul.optionList li {
    cursor: pointer;
    font-size: 16px;
    color: #000;
    height: 50px;
    line-height: 50px;
    padding: 0 9%;
    margin-bottom: 0;
    border-radius: 8px;
    background: #f9f9f9;
}
.select ul.optionList li:hover {
    background-color: #fff;
    border-radius: 0;
}
.selectArea .select .subList ul.optionList.sexCheck li:hover {
    border-radius: 8px;
    background: #2c2c2c;
}

.join .select {
    float: right;
}
.select.right {
    float: right !important;
}
.inputNick {
    float: right;
    width: 94%;
    padding-left: 4%;
    padding-right: 10px;
}

.join .choiceMarital {
    width: 63%;
}
.choiceMarital {
    background-color: #ffffff;
    width: 49%;
    float: left;
    border-radius: 10px;
    border: 2px solid #c6c6c6;
    height: 51px;
    line-height: 51px;
    position: relative;
    margin: 10px 0 9px 0;
}
.choiceMarital a {
    width: 49%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #333333;
    height: 52px;
    line-height: 52px;
}
.choiceMarital a:first-child {
    border-right: 1px solid #c6c6c6;
    width: calc(51% - 2px);
}
.choiceMarital .left.on {
    background-color: #f585a2;
    border-radius: 10px;
    position: relative;
    top: -2px;
    left: -2px;
    height: 56px;
    line-height: 56px;
    color: #ffffff;
    font-weight: bold;
}
.choiceMarital .right.on {
    background-color: #f585a2;
    border-radius: 10px;
    position: absolute;
    top: -2px;
    right: -2px;
    height: 56px;
    line-height: 56px;
    color: #ffffff;
    width: 53%;
    font-weight: bold;
}

.selectMarried {
    width: 35%;
}
.selectEmail {
    width: 35%;
}

.inputPhone_center:-ms-input-placeholder {
    color: #ffffff;
}
.inputPhone_center::-webkit-input-placeholder {
    color: #ffffff;
}
.inputPhone_center::-moz-placeholder {
    color: #ffffff;
}
.inputPhone_center::-moz-placeholder {
    color: #ffffff;
}
.spoon-agree ul.all-agree input.checkSelect,
.spoon-agree ul.agree-list li p input.checkSelect {
    background: url("/_asset/img/user/icon_check01_on.jpg") 50% 50% no-repeat;
    background-size: contain;
}

/* 아이디 비밀번호 찾기 */
.contents.find .findTab {
    padding-top: 54px;
    padding-bottom: 30px;
    border-bottom: 4px solid #e5e5e5;
}
.contents.find .findTab a {
    font-size: 24px;
    color: #999999;
    text-align: center;
    font-weight: bold;
    width: 232px;
    height: 62px;
    line-height: 62px;
    border-radius: 33px;
    border: 3px solid #c6c6c6;
    float: left;
}
.contents.find .findTab a.on {
    background-color: #333333;
    border: 3px solid #333333;
    color: #ffffff;
}
.contents.find .findTab a.left {
    margin-left: 87px;
    margin-right: 28px;
}
.contents.find .findBox {
    margin-top: 43px;
    padding: 0 7px;
}
.contents.find .findBox h3 {
    font-size: 18px;
    color: #333333;
    text-align: center;
    font-weight: normal;
    margin-bottom: 35px;
}

.contents.find .findBox ul li {
    font-size: 14px;
    color: #999999;
    line-height: 22px;
    letter-spacing: -0.035em;
    vertical-align: middle;
    margin-left: 10px;
}
.contents.find .findBox ul li img {
    width: 5px;
    margin-right: 5px;
    margin-left: -10px;
}
.contents.find .findPhone_dl {
    width: 255px;
    height: 256px;
    text-align: center;
    border: 1px solid #d2d2d2;
    margin: 0 auto;
    display: block;
    margin-top: 75px;
    cursor: pointer;
}
.contents.find .findPhone_dl dt {
    margin-top: 37px;
    margin-bottom: 28px;
}
.contents.find .findPhone_dl dd {
    font-size: 30px;
    color: #e25879;
}
.contents.find .resultText {
    font-size: 22px;
    color: #333333;
    text-align: center;
    padding-top: 64px;
    padding-bottom: 57px;
    border-bottom: 4px solid #e5e5e5;
}
.contents.find .resultText span {
    color: #999999;
    font-size: 14px;
}
.contents.find .resultInfo {
    margin-top: 47px;
    margin-bottom: 52px;
}
.contents.find .resultInfo li {
    font-size: 14px;
    color: #999999;
    letter-spacing: -0.035em;
    margin-left: 10px;
}
.contents.find .resultInfo li img {
    margin-left: -10px;
    width: 5px;
    margin-right: 5px;
}

.contents.find .fildloginBtn {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    width: 245px;
    height: 68px;
    line-height: 68px;
    background-color: #f585a2;
    display: block;
    margin: 0 auto;
}
.contents.find .findId_box {
    margin-top: 40px;
    padding-bottom: 52px;
    border-bottom: 4px solid #e5e5e5;
}
.contents.find .findId_box p {
    font-size: 18px;
    color: #333333;
    text-align: left;
    float: left;
    width: 158px;
    line-height: 57px;
}
.contents.find .findId_box input[type="text"] {
    border: 1px solid #c6c6c6;
    padding: 17px 10px;
    font-size: 18px;
    color: #333333;
    width: 392px;
    border-right: none;
    float: left;
    outline: none;
}
.contents.find .findId_box a.findId_next {
    height: 57px;
    line-height: 57px;
    background-color: #f585a2;
    width: 102px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    float: left;
}
.contents.find .findId_text {
    font-size: 22px;
    color: #e25879;
    margin-bottom: 30px;
}
.contents.find .findId_text span {
    font-size: 14px;
    color: #999999;
}
.contents.find .findPw_text01 {
    font-size: 14px;
    color: #333333;
    margin-bottom: 15px;
}
.contents.find .findPw_text01 span {
    font-size: 22px;
    color: #e25879;
}
.contents.find .findPw_text02 {
    font-size: 14px;
    color: #333333;
    margin-bottom: 45px;
}
.contents.find .findPw_text02 span {
    color: #999999;
}
.contents.find .pwChange p {
    width: 152px;
    font-size: 18px;
    color: #333333;
    float: left;
    line-height: 55px;
}
.contents.find .pwChange input[type="text"] {
    width: 482px;
    padding: 16px 10px;
    border: 1px solid #c6c6c6;
    outline: none;
    margin: 7px 0;
    float: left;
}
.contents.find .pwChange input[type="password"] {
    width: 482px;
    padding: 16px 10px;
    border: 1px solid #c6c6c6;
    outline: none;
    margin: 7px 0;
    float: left;
}
.contents.find .discordancePw {
    font-size: 14px;
    color: #e25879;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding-left: 160px;
    margin-top: 12px;
}
.contents.find .findpw_ul {
    padding-top: 23px;
    border-top: 4px solid #e5e5e5;
    margin-top: 35px;
    margin-bottom: 40px;
}
.contents.find .findpw_ul li {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    letter-spacing: -0.035em;
    margin-left: 10px;
}
.contents.find .findpw_ul li img {
    margin-left: -10px;
    width: 5px;
    margin-right: 5px;
}

/* 대쉬보드 내 요약정보 */
.contents.dashboard {
    width: 870px;
    background-color: #ffffff;
    padding: 60px 65px 80px 65px;
    position: relative;
    margin-bottom: 100px;
}
.dashbox.head {
    margin-top: 25px;
}
.dashbox.head:after {
    clear: both;
    content: "";
    display: block;
}
.dashbox.head dl {
    float: left;
    width: 33.3%;
}
.dashbox.head dl dt {
    color: #313333;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    height: 48px;
    line-height: 48px;
    background: url(/_asset/img/user/ico_dash_bar.png) left center no-repeat;
}
.dashbox.head dl:first-child dt {
    background: none;
}
.dashbox.head dl dd {
    text-align: center;
    position: relative;
    padding-top: 50px;
    height: 100px;
    background: #fff;
}
.dashbox.head .nick {
    display: block;
    color: #333;
    font-size: 24px;
    margin-bottom: 22px;
}
.dashbox.head .name {
    color: #999;
    font-size: 15px;
}
.dashbox.head em.level {
    position: absolute;
    display: block;
    left: 30px;
    top: 30px;
    width: 83px;
}
.dashbox.head em.level img {
    width: 100%;
}
.dashbox.head .point {
    display: block;
    width: 150px;
    margin-left: 130px;
    text-align: left;
    color: #333;
    font-size: 28px;
    margin-bottom: 22px;
}
.dashbox.head .point span {
    font-size: 15px;
}
.dashbox.head a.bt_view {
    color: #999;
    font-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-bottom: 1px solid #b2b2b2;
    margin-left: 60px;
}
.dashbox.head .spoon {
    display: block;
    color: #e25879;
    font-size: 28px;
    margin-bottom: 22px;
}
.dashbox.head .spoon span {
    font-size: 15px;
    color: #333;
}
.dashbox.head a.bt_apply {
    color: #999;
    font-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-bottom: 1px solid #b2b2b2;
}

/* 대쉬보드 섹션 */
.dashbox {
    clear: both;
    position: relative;
    padding: 15px;
    padding-top: 0;
    background: #f2f2f2;
    border: 1px solid #c8c8c8;
    margin-bottom: 20px;
}
.dashbox h4 {
    height: 48px;
    line-height: 48px;
    color: #313333;
    font-size: 16px;
    text-indent: 30px;
}
.dashbox h4 span {
    color: #e25879;
}
.dashbox a.bt_more {
    position: absolute;
    right: 25px;
    top: 15px;
    display: block;
    padding-right: 22px;
    color: #999;
    font-size: 14px;
    background: url(/_asset/img/user/ico_arrowRight.png) right center no-repeat;
}
.dashbox ul.dash_list {
    padding-top: 25px;
    background: #fff;
    height: 245px;
    text-align: center;
}
.dashbox ul.dash_list:after {
    clear: both;
    content: "";
    display: block;
}
.dashbox ul.dash_list li {
    margin: 0 30px;
    margin-bottom: 40px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
}
.dashbox ul.dash_list li .thum {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 160px;
}
.dashbox ul.dash_list li .thum img {
    width: 100%;
}
.dashbox ul.dash_list li p.subject {
    color: #313333;
    font-size: 14px;
    margin-top: 25px;
}
.dashbox ul.dash_list li p.subject a {
    color: #313333;
}

/* 공지사항, 1:1문의 */
ol.cscenter:after {
    clear: both;
    content: "";
    display: block;
}
ol.cscenter li {
    float: left;
    width: 324px;
    height: 100px;
    padding: 0 50px;
    padding-top: 30px;
    background: #f2f2f2;
    border: 1px solid #cbcbcb;
}
ol.cscenter li:first-child {
    margin-right: 16px;
}
ol.cscenter li strong {
    float: left;
    color: #333;
    font-size: 22px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
}
ol.cscenter li strong.notice {
    padding-right: 44px;
    background: url(/_asset/img/user/ico_notice.png) right center no-repeat;
}
ol.cscenter li strong.qna {
    padding-right: 54px;
    background: url(/_asset/img/user/ico_qna.png) right center no-repeat;
}
ol.cscenter li a.number {
    float: right;
    color: #333;
    font-size: 15px;
}
ol.cscenter li a.number em {
    color: #f585a2;
    font-size: 36px;
    font-weight: 600;
    margin-right: 5px;
}
ol.cscenter li p {
    clear: both;
    color: #999;
    font-size: 14px;
    padding-top: 12px;
}

/*공지사항 221122 추가*/
#notice .searchClick {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
    column-gap: 20px;
}
#notice .project-status-title {
    display: block;
}
.goBack {
    width: fit-content;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
    color: #333;
}
.goBack img {
    vertical-align: middle;
}

/*1:1문의 221104 추가*/
#inquiry {
    min-height: 750px;
    padding-bottom: 30px;
}
#inquiry .plusInfo_p {
    margin-bottom: 0;
}
#inquiry .inquiryInner {
    display: none;
}
#inquiry .inquiryInner.on {
    display: block;
}
.inquiryInner2.inquiryInner.areaInner.on {
    padding-top: 10px;
}

/* 내 이력서 */
.mytableAcc_btn {
    display: none;
}
.table_contents .table_title_icon {
    padding: 0 0 40px;
}
.table_contents .table_title_icon p {
    width: 100%;
    max-width: 167px;
}
.table_contents .table_title_icon img {
    max-width: 100%;
}
.table_contents .table_title.myTable {
    height: 75px;
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: center;
}
.table_contents .table_title.myTable a {
    width: 165px;
    background-color: #ffffff;
    font-size: 16px;
    color: #999999;
    font-weight: bold;
    text-align: center;
    height: 55px;
    line-height: 55px;
    display: block;
}
.table_contents .table_title.myTable a:first-child {
    border-left: none;
    width: 170px;
}
.table_contents .table_title.myTable a.on {
    position: relative;
    color: #333;
}
.table_contents .table_title.myTable a span.tabInner {
    background: none;
    width: initial;
    height: initial;
    position: initial;
    padding: 0 5px;
    font-weight: 300;
}
.table_contents .table_title.myTable a.on span.tabInner {
    border-bottom: 1px solid #333;
    font-weight: 600;
}
.table_contents .table_title.myTable a:hover {
    color: #191919;
}

.resumeBox {
    background-color: #2c2c2c;
    margin-top: 25px;
    margin-bottom: 10px;
}

.resume .profile {
    display: grid;
    grid-template-columns: 420px 300px 1fr;
    grid-template-rows: 157px;
    padding: 22px 32px;
    width: 100%;
}
.resumeBox .resumeUpload {
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    grid-template-rows: 1fr 0.4fr;
    position: relative;
}

.resumeUpload p.uploadImgWrap {
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
}
.resumeUpload p.uploadImgWrap #resumeUpload_img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.resumeUpload input#resumeUpload_file {
    width: 80px;
    height: 80px;
    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)";
}
.profile div.resumeUpload,
.profile div.myProfileArea {
    padding: 10px 15px;
    align-self: center;
}
.profile div.resumeUpload::after,
.profile div.myspoonArea::after {
    content: " ";
    position: absolute;
    width: 1px;
    height: 165px;
    background: #5f5f5f;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}
.profile dl.profileTxt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 10px;
    margin-top: 20px;
}
.profile dl.profileTxt dt {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    max-width: 196px;
    font-size: 30px;
    color: #fff;
    text-align: left;
    line-height: 30px;
}
.profile dl.profileTxt dt.career_nick .inputNick {
    margin-top: 0;
    padding: 10px 4% 10px 10px;
    float: left;
}
.profile dl.profileTxt dt span {
    font-size: 15px;
    color: #fff;
}
.profile dl.profileTxt dd.dd_id {
    font-size: 15px;
    color: #ccc;
    font-weight: 300;
    word-break: break-all;
}

.profile .profile_box {
    display: flex;
    flex-flow: row;
    margin-top: 15px;
    column-gap: 10px;
    grid-column-start: 2;
    grid-column-end: 3;
    white-space: nowrap;
}
.profile .profile_box > p {
    font-size: 14px;
    color: #000;
    padding: 6px 18px;
    border-radius: 4px;
}
.profile .profile_box p.userSetting {
    background: #fff;
    cursor: pointer;
}
.profile .profile_box p.userSetting.logout {
    margin-left: 8px;
    background: #2c2c2c;
    border: 1px solid #999;
}
.profile .profile_box p.userSetting.logout a {
    color: #999;
}

/*프로필박스 스푼,프로젝트  영역 css*/
.profile .myProfileArea {
    display: grid;
}
.profile .myspoonArea {
    grid-template-rows: 100px 1fr;
}
.profile .myprojectArea {
    grid-template-columns: 105px 100px;
    grid-template-rows: 75px 1fr;
}
.profile .myspoonArea .nowSpoon {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 3;
}
ul.totalSpoon,
ul.totalChangeSpoon,
ul.applyProject,
ul.nowProject {
    grid-row-start: 2;
    grid-row-end: 3;
}
.profile .myProfileArea {
    align-content: space-between;
    position: relative;
}
.profile .myProfileArea > * {
    color: #fff;
}
.myProfileArea .my_title {
    font-size: 18px;
    grid-column-start: 1;
    grid-column-end: 3;
}
.myProfileArea .s_title,
.myProfileArea .s_score {
    font-size: 14px;
    color: #ababab;
    font-weight: 300;
}
.myProfileArea .s_score {
    margin-top: 5px;
}
.profile .myProfileArea .s_count {
    font-size: 40px;
    margin-top: 5px;
    width: 100%;
}
.profile .myprojectArea .s_count {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.profile .myProfileArea .nowSpoon_score {
    margin-left: -3px;
}
/*스푼.프로젝트영역 css end*/

.profile a.bt_view {
    color: #999;
    font-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-bottom: 1px solid #b2b2b2;
    margin-left: 60px;
}

.checkPost {
    width: 49%;
    position: relative;
    color: #fe1652;
    text-align: left;
    font-size: 14px;
    float: left;
    margin: 10px 0;
    border: 2px solid #c6c6c6;
    border-radius: 10px;
    height: 51px;
}
.checkPost input {
    font-size: 18px;
    color: #333333;
    width: 65%;
    text-align: center;
    border: none;
    outline: none;
    margin: 15px 0;
}
.checkPost .postsClick {
    font-size: 16px;
    color: #ffffff;
    background-color: #333333;
    position: absolute;
    right: -2px;
    top: -2px;
    height: 55px;
    line-height: 54px;
    text-align: center;
    width: 35%;
    border-radius: 10px;
}
.inputAddress.borderCheck {
    width: 43%;
    float: right;
    padding-left: 4%;
    padding-right: 14px;
}
.inputDetail {
    float: left;
    width: 94%;
    padding-left: 4%;
    padding-right: 14px;
}
.selectMarital {
    float: right;
    width: 49%;
}
.selectChild {
    width: 49%;
    float: left;
}
.selectGroup {
    width: 100%;
}
.selectGroup.select p.optionDefault {
    padding-right: 3px;
    padding-left: 3%;
    width: 96%;
}

input.right {
    float: right;
}
.resume .inputPhone {
    background: none;
}
.resume .inputPhone.on {
    background: none;
}
.resume .phoneHyphen {
    display: inline !important;
}
.resume .inputPass01 {
    float: left;
    width: 45%;
    padding-left: 4%;
    padding-right: 2px;
}
.passReturn {
    float: right;
    width: 48%;
    position: relative;
    color: #fe1652;
    text-align: left;
    font-size: 14px;
    margin: 10px 0;
    border: 2px solid #c6c6c6;
    border-radius: 10px;
    height: 53px;
}
.passReturn input {
    font-size: 18px;
    color: #999999;
    width: 64%;
    text-align: left;
    border: none;
    outline: none;
    margin: 15px 0;
    padding-left: 7%;
}
.passReturn .phoneClick {
    font-size: 16px;
    color: #ffffff;
    background-color: #333333;
    position: absolute;
    right: -3px;
    top: -2px;
    height: 55px;
    line-height: 54px;
    text-align: center;
    width: 29%;
    border-radius: 10px;
}

.inputSchool {
    padding-left: 3%;
    padding-right: 2%;
    box-sizing: border-box;
}
.inputSpecial {
    padding-left: 4%;
    padding-right: 10px;
}
.resume .inputSpecial {
    margin-bottom: 20px;
}
.checkPhone.return .inputPhone {
    background: none;
}
a.return {
    background-color: #c6c6c6 !important;
}

.contents .contents_title h1.plusInfo {
    text-align: left;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin: 70px 0 10px 0;
    position: relative;
}
.project-status-title .plusInfo {
    margin-top: 0;
    line-height: 22px;
}
.project-status-title .plusInfo span.title-status {
    font-size: 16px;
    color: #ababab;
    display: inline;
    padding-left: 10px;
    font-weight: 300;
}
.contents .contents_title h1.plusInfo span {
    width: 237px;
    background-color: #ffffff;
    position: relative;
    display: block;
    margin: 0 auto;
}
.contents .contents_title h1.plusInfo .borderMiddle {
    border-bottom: 1px solid #c6c6c6;
    width: 100%;
    height: 17px;
    position: absolute;
    top: 0;
}
.contents h1.plusInfo{
    font-size: 22px;
}
.plusInfo_p {
    font-size: 18px;
    color: #333;
    text-align: left;
    width: 100%;
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
    margin-bottom: 50px;
}
.pink{
    color: #FF6491;
}
.plusInfo .pink{
    font-size: 14px;
    font-weight: 400;
}
.plusInfo .gray{
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 400;
}
a.moreInfo_open {
    padding: 0 36px 0 16px;
    font-size: 17px;
    color: #666666;
    float: right;
    height: 37px;
    line-height: 37px;
    border: 1px solid #c6c6c6;
    background: url("/_asset/img/user/arrowBottom_gray.png") no-repeat 146px 15px; /* margin-top:-11px; */
    margin-bottom: 50px;
}
a.moreInfo_close {
    float: right;
    padding-left: 27px;
    padding-right: 52px;
    height: 37px;
    line-height: 37px;
    border: 1px solid #c6c6c6;
    font-size: 17px;
    text-align: center;
    background: #ffffff url("/_asset/img/user/arrowTop_gray.png") no-repeat 143px 13px;
    margin-bottom: 50px;
}

.resumeList > ul > li:first-child .contents_title {
    margin-top: 0;
    padding-top: 50px;
}
.resumeList {
    width: 100%;
    position: relative;
    clear: both;
}
.resumeList ul {
    margin-bottom: 70px;
}
.resumeList > ul {
    margin-bottom: 0;
}
.resumeList ul li {
    position: relative;
    top: 0;
    margin-bottom: 40px;
}
.resumeList ul li.research_question {
    margin-bottom: 0;
}
.resumeList ul.research_question_list a.goBack {
    font-size: 14px;
    font-weight: 400;
    padding-top: 40px;
}
.resumeList .arrowBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 45px;
}

.resumeAcc .arrowBtn {
    position: absolute !important;
    border-bottom: none !important;
}
.partyListView_tabBox .resumeAcc .resumeAcc .resumeAcc {
    display: block !important;
}
.projectDetail.mission .resumeAcc .resumeAcc {
    display: block !important;
}

.resumeList_box:after {
    display: block;
    content: "";
    clear: both;
}
.resumeList_box {
    margin-top: 15px;
}
.careerCont .resumeList{
    padding: 24px 12px;
    background: #f9f9f9;
    margin-bottom: 80px;
}
.careerCont .resumeList ul li{
    margin-bottom: 0;
}
.careerCont .resumeList_box {
    margin-top: 0;
}
.resumeList_box .titleP {
    font-size: 18px;
    color: #333333;
    text-align: left;
    margin-left: 25px;
    margin-bottom: 20px;
}
.resumeList_box .titleP span {
    color: #f585a2;
}
.resumeList_box .titleP a.remove {
    float: right;
    width: 90px;
    height: 24px;
    line-height: 24px;
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
    font-size: 14px;
    color: #999999;
    text-align: center;
}
.resumeList_box .inputFull {
    width: 93%;
    padding-left: 4%;
    padding-right: 2%;
}
.resumeList_box .borderCheck {
    margin: 8px 0;
}

.selectYear {
    width: 44%;
    float: left;
}
.selectYear .select {
    width: 47%;
}
.selectYear .spanNbsp {
    width: 15px;
    height: 50px;
    float: left;
}
.resumeYear.select div.optionData {
    left: 6%;
    width: 91%;
}
.spandash {
    float: left;
    width: 11%;
    text-align: center;
    margin-top: 27px;
}
.resumeYear.select p.optionDefault img {
    margin-right: 15%;
}
.choiceWork {
    background-color: #ffffff;
    width: 48%;
    float: right;
    border-radius: 10px;
    border: 2px solid #c6c6c6;
    height: 52px;
    line-height: 52px;
    position: relative;
    margin: 7px 0;
}
.plusWork {
    float: right;
    width: 120px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #999999;
    font-size: 14px;
    background-color: #f2f2f2;
    border: 1px solid #c6c6c6;
    margin: 15px 25px 35px 0;
}
.plusWork.sub {
    width: 90px;
    background-color: #ffffff;
    margin: 5px 5px 30px 0;
}

.resumeOnline_box:after {
    display: block;
    content: "";
    clear: both;
}
.resumeOnline_box {
    background-color: #f8f8f8;
    margin-top: 23px;
    padding: 25px;
    clear: both;
}
.resumeOnline_box h1 a {
    margin-left: 54px;
    width: 131px;
    height: 24px;
    line-height: 24px;
    background-color: #ffffff;
    font-size: 14px;
    color: #999999;
    text-align: center;
    border: 1px solid #c6c6c6;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.resumeOnline_box .snsAdd {
    width: 100%;
    margin-top: 15px;
}
.resumeOnline_box .snsAdd p {
    color: #333333;
    font-size: 18px;
    text-align: right;
    float: left;
    width: 49%;
    height: 65px;
    line-height: 51px;
    margin-top: 10px;
    margin-right: 15px;
}

.inputSns01 {
    width: 42%;
    float: left;
    padding-left: 4%;
    padding-right: 10px;
}
.inputSns02 {
    width: 93%;
    float: left;
    padding-left: 4%;
    padding-right: 13px;
}
.inputOffline {
    width: 43%;
    float: left;
    padding-left: 4%;
}

.areaList {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.areaList a {
    position: relative;
    border-radius: 10em;
    font-size: 16px;
    color: #000;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #000;
    padding: 10px 24px;
}
.areaList a input[type="checkbox"] {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
}
.areaList a.on {
    background-color: #000;
    color: #ffffff;
}
.textareaInfo {
    background-color: #ffffff;
    border: 2px solid #c6c6c6;
    border-radius: 10px;
    width: 96%;
    height: 100px;
    padding: 10px;
    font-size: 18px;
    color: #333333;
}
.middleBtn {
    display: block;
    width: 100%;
    max-width: 255px;
    height: 55px;
    line-height: 55px;
    background-color: #000;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    font-family: "Nanum Gothic";
    flex-basis: 100%;
    margin: 10px 0;
}
.middleBtn.on {
    background-color: #f585a2;
}
.areaInner .middleBtn{
    margin: 80px auto 0;
}

.groupfile {
    width: 153px;
    float: right;
}
.groupfile .group_input {
    display: none;
}
.groupfile .group_div {
    position: relative;
    width: 100%;
    height: 30px;
    overflow: hidden;
}
.groupfile .group_button {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0;
    background: none;
    color: #333333;
    border: none;
    border-left: none;
    border-bottom: 1px solid #333333;
    font-size: 18px;
    text-align: center;
}
.groupfile .group_hidden {
    position: absolute;
    width: 100%;
    height: 30px;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

/*sns관리 영역*/
.snsList {
    width: 100%;
    /* max-width: 760px; */
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    row-gap: 15px;
}
.snsList .snsWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    /* border: 1px solid #dedede; */
    /* padding: 20px 25px; */
    border: 1px solid transparent;
    border-radius: 10px;
}
.snsList .snsWrap.border{
    border: 1px solid #a7a7a7;
    padding-bottom: 15px;
}
.snsList .snsWrap.border.sns-retry{
    border-color:#fe1652;
}
.snsList .sns-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 20px 25px;
    border-radius: 10px;
    background: #f9f9f9;
}
.snsList .sns-top .sns-top-logo{
    min-width:130px;
    display: flex;
    align-items: center;
}
.snsList .sns-top .sns-top-logo span {
    font-size: 14px;
    margin-left: 8px;
    color: #999;
    text-decoration: underline;
    cursor: pointer;
}

.snsList .sns-top-message{
    color:#fe1652;
    font-size: 16px;
    flex:1 0 auto;
    line-height: 1em;
    padding:5px 16px;
    background: #eee;
    text-align: center;
    /* margin-top:-15px; */
    /* margin-top:-15px; */
}
.snsList .sns-top p {
    font-size: 16px;
}
.snsList .sns-top p img {
    display: inline-block;
    margin-right: 10px;
}
.link-wrap{
    position: relative;
}
.link-wrap button.link-off {
    background: #000;
    color: #fff;
    padding: 5px 26px;
    border-radius: 10em;
    font-size: 14px;
    border: none;
}
.link-wrap img {
    cursor: pointer;
}
.insta-info-wrap{
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.snsList .snsInput,
.snsList .snsFriend .snsInput,
.step .inbox .cont .snsInput,
.snsList .page-wrap {
    border: 0;
    background: #f9f9f9;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    padding-left: 15px;
    box-sizing: border-box;
    /* display: none; */
    margin-top: 15px;
    width: 100%;
}
.snsList .snsInput,
.form-manual-sns-url .snsInput{
    display: block;
    width: 95%;
    margin: 15px auto 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.snsList .snsInput, 
.snsList .snsFriend .snsInput,
.form-manual-sns-url .snsInput{
    border-bottom: 1px solid #000;
}
.snsList .page-wrap{
    height: auto;
    background: #fff;
    padding-left: 0;
}
.snsList .page-wrap input{
    border: 0;
    background: #f4f4f4;
    padding: 10px 0;
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
    display: block !important;
}
.step .inbox .cont .snsInput,
.snsList .page-wrap input,
.snsList .page-wrap p {
    display: block;
}
.snsList .page-wrap .blue{
    border:none;
    background: none;
    font-size: 12px;
    padding: 0;
}
.link-wrap button.link-off.has-url {
    border: 1px solid #000;
    background: #fff;
    color: #000;
    transition: all 0.2s;
}
.link-wrap button.link-off.has-url:hover {
    background: #000;
    color: #fff;
}
.snsList .snsFriend,
.step .inbox .cont .snsFriend {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
}
.snsList .snsFriend {
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px auto 0;
    padding: 0 16px;
    font-size: 14px;
    border-color: #a7a7a7;
}
.snsList .snsFriend span{
    display: flex;
    column-gap: 4px;
}
.snsList .snsFriend input{
    display: block;
    min-width: 50px;
    max-width: 120px;
    background: none;
    font-size: 14px;
    text-align: right;
}
.snsList .page-wrap p{
    width: 95%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
    margin: 0 auto 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #a7a7a7;
    padding: 10px 16px;
}
.snsList .page-wrap p:first-child{
    background: none;
    padding: 0 16px;
}
.snsList .page-wrap button{
    background: #000;
    border: 0;
    border-radius: 10em;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
    margin-right: 6px;
}
.snsList .readOnly {
    background: #a7a7a7;
    color: #f9f9f9;
    pointer-events: none;
}
.ig_info_txt{
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.5;
    padding: 10px 25px 0;
}

/*내정보관리 영역*/
.areaInner .setting-area{
    margin-bottom: 60px;
    margin-top: -40px;
}
table.setting-table {
    width: 100%;
    max-width: 740px;
}
table.setting-table tr {
    height: 55px;
}
table.setting-table tr td {
    font-size: 16px;
    line-height: 55px;
    font-weight: 300;
}
table.setting-table tr td.switch-line {
    line-height: 28px;
}
table.setting-table tr td:nth-of-type(1) {
    font-weight: 600;
}
.areaInner-setting table.setting-table tr:nth-of-type(2) td:nth-of-type(1) {
    font-weight: 300;
}
table.setting-table td.sexCheck div{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 22px;
}
table.setting-table td.sexCheck button{
    display: flex;
    align-items: center;
    column-gap: 10px;
    cursor: pointer;
    font-size: 16px;
    background: none;
    border: 0;
}
table.setting-table td.sexCheck button span{
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #a7a7a7;
    background: #fff;
    border-radius: 50%;
}
table.setting-table td.sexCheck button.on span{
    background: #0087f5 url('/_asset/img/login/check_circle_on.png') center center no-repeat;
    background-size: 16px;
    border: 1px solid #0087f5;
}
button.change_info_btn {
    border: none;
    background: #000;
    color: #fff;
    border-radius: 10em;
    padding: 4px 16px;
    font-size: 14px;
}
.switch_btn {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}
.switch_btn input {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch_btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: 1px solid #ababab;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 20px;
}
.switch_btn .slider:before {
    content: " ";
    position: absolute;
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 3px;
    background-color: #ababab;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
}
.switch_btn input:checked + .slider {
    background-color: #000;
}
.switch_btn input:checked + .slider:before {
    -webkit-transform: translateX(28px);
    -ms-transform: translateX(28px);
    transform: translateX(28px);
    background-color: #fff;
}
/* 240320추가 - 마이테이블 > 내정보관리 . 추가정보 업데이트 */
.selectArea .childYearDivWrap {
    flex-basis: 100%;
    width: 100%;
}
.childYear.select {
    width: 100%;
}
#childYearSelect {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    row-gap: 20px;
    column-gap: 15px;
}
div#childYearSelect > select {
    display: block;
    flex-basis: 48%;
    width: 100%;
    height: 45px;
    font-size: 16px;
    color: #000;
    background-color: #f9f9f9;
    margin: 0;
    position: relative;
    padding: 10px 16px;
    outline: none;
    border: 0;
    border-bottom: 1px solid #000;
}

/*휴대폰인증, 비밀번호변경, 탈퇴하기 레이어팝업 css*/
/*& 환전요청 본인인증 레이어팝업 css*/
/*& 인스타그램 프로페셔널 계정 전환 레이어팝업 */
.areaInner {
    display: none;
}
.areaInner.on {
    display: block;
    /* padding-top: 60px; */
    padding-top: 15px;
}
.areaInner.on.inquiryInner {
    padding-top: 0;
}
.layer_pw,
.layer_address,
.layer_phone,
.layer_nickname,
.exchange_table .layer_paymentCheck,
.layer_ig {
    padding: 40px 30px;
    display: none;
}
.layer_ig.pr_pop{
    max-width: 345px;
    padding: 30px 16px;
    max-height: 70vh;
    overflow: auto;
}
.layer_ig.pr_pop::-webkit-scrollbar{
    display: none;
}
.layer_ig .btn-connect-wrap{
    position: sticky;
    padding: 16px;
    bottom: -30px;
    background-color: #fff;
    margin: 0 -16px -30px -16px;
}
.layer_ig .btn-connect-wrap > .full_btn {
    margin-top:0;
}
.areaInner-setting .layer_exit.pr_pop {
    width: 300px;
    padding: 0;
    display: none;
}
.layer_pw p,
.layer_address p,
.layer_phone p,
.layer_exit p,
.layer_nickname p,
.layer_paymentCheck p,
.layer_addressInput p {
    font-size: 18px;
    text-align: center;
}
.layer_ig > .tit,
.layer_ig.layer_sns_complete .tit,
.layer_spoon .tit{
    width: 100%;
    max-width: 275px;
    margin: 0 auto 20px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1px;
}
.layer_ig.layer_ig_error > .tit {
    text-align: center;
}
.layer_ig > p {
    font-size: 16px;
}
.layer_ig.layer_ig_error .ig_info_list{
    width: 95%;
    margin: 10px auto;
    background: #f9f9f9;
    border-radius: 10px;
    padding: 20px 10px;
    font-size: 14px;
}
.layer_ig .gray{
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.5;
}
.layer_ig .ig_info_list div {
    margin-bottom: 40px;
}
.layer_ig .ig_info_list .tit{
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.layer_ig .ig_info_list img {
    display: block;
    margin: 0 auto;
}
.layer_ig.layer_ig_error #igErrorMsg .blue{
    font-weight: bold;
    text-align: center;
}
.layer_ig .btn_wrap{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
}
.layer_ig .btn_wrap a{
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}
.layer_ig.layer_ig_error .btn_wrap :is(a,button){
    display: block;
    line-height: 1.5;
    background: #000;
    color: #fff;
    width: 50%;
    padding: 6px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 4px;
    font-weight: normal;
    text-decoration: none;
}
.layer_ig.layer_ig_error .btn_wrap :is(a,button).pink{
    background: #fff;
    color: #000;
}
.layer_ig .btn_wrap :is(a,button) svg{
    margin-left: 6px;
}
.blue {
    color: #0087f5;
}
.layer_ig .full_btn{
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
}
.layer_ig.layer_ig_error button{
    width: 100%;
    border: 0;
    margin: 16px 0;
    display: block;
    background: #fff;
    font-size: 14px;
    color: #FF6491;
    text-decoration: underline;
    padding-top: 16px;
    border-top: 1px solid #e2e2e2;
    text-align: left;
}
.layer_ig.layer_sns_complete div.tit{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 20px;
    column-gap: 10px;
}
.layer_sns_complete div.tit .sns_icon{
    width: 38px;
    height: 38px;
    object-fit: cover;
}
.layer_sns_complete div.tit .sns_icon.ig{
    background: url('/_asset/img/common/icon_insta.png') center center no-repeat;
}
.layer_sns_complete div.tit .sns_icon.nb{
    background: url('/_asset/img/common/icon_naver.png') center center no-repeat;
}
.layer_sns_complete div.tit .sns_icon.yt{
    background: url('/_asset/img/common/icon_youtube.png') center center no-repeat;
}
.layer_sns_complete div.tit .sns_icon.tt{
    background: url('/_asset/img/common/icon_tiktok.png') center center no-repeat;
}
.layer_ig.layer_sns_complete .tit_wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: normal;
}
.layer_ig.layer_sns_complete .tit_wrap .tit{
    margin: 0;
}
.layer_exit.pr_pop p {
    padding-top: 20px;
}
.layer_pw form,
.layer_phone form,
.layer_address form,
.layer_nickname form,
.layer_paymentCheck form {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
.layer_nickname form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.layer_address form .zipCodeWrap,
.layer_nomember div.bebox.btn_wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.layer_nomember div.bebox.btn_wrap {
    justify-content: space-evenly;
    margin-top: 30px;
}
.layer_pw form input,
.layer_address input,
.layer_nickname input,
.layer_phone form input,
.layer_paymentCheck form input {
    width: 100%;
    height: 60px;
    margin-bottom: 5px;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #aeaeae;
    font-size: 14px;
}
.layer_nickname input {
    width: 50%;
}
.layer_pw button.layer_btn,
.layer_address button.layer_btn,
.layer_nickname button.layer_btn,
.layer_phone button.layer_btn,
.layer_paymentCheck button.layer_btn,
.layer_addressInput button.layer_btn {
    width: 100%;
    height: 60px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    background: #aeaeae;
}
.layer_nomember div.bebox.btn_wrap button.layer_btn.layer_btn_white {
    width: 35%;
    height: 45px;
    font-size: 14px;
    transition: all 0.2s;
}
.layer_nickname button.layer_btn.layer_btn_black {
    width: 50%;
}
button.layer_btn.layer_btn_black {
    background: #000;
    color: #fff;
}
button.layer_btn.layer_btn_white {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
.layer_nickname button.layer_btn.layer_btn_black.layer_btn_check {
    background: #aeaeae;
    color: #000;
}
.layer_nickname button.layer_btn.layer_btn_white.layer_btn_check {
    background: #000;
    color: #fff;
}
.layer_nomember div.bebox.btn_wrap button.layer_btn.layer_btn_white:hover {
    background: #000;
    color: #fff;
}

.layer_exit form {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 25px;
}
.layer_exit form button {
    text-align: center;
    border: 0;
    flex-basis: 50%;
    height: 40px;
    width: 110px;
    font-weight: 600;
    background-color: #aeaeae;
}
.layer_exit form button.no_exit {
    background-color: #000;
    color: #fff;
}
.pr_pop.layer_ig.layer_ig_edit{
    max-width: 600px;
    padding: 30px 24px;
}
.pr_pop.layer_ig.layer_ig_edit p {
    line-height: 1.7;
    font-size: 16px;
}
.pr_pop.layer_ig.layer_ig_edit .gray{
    font-size: 14px;
    margin: 0 10px;
    line-height: 1.5;
}
.pr_pop.layer_ig.layer_ig_edit .close_pop{
    display: block;
    border: none;
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 12px 24px;
    border-radius: 6px;
    margin: 24px auto 0;
    border: 1px solid #000;
}

.pr_pop.layer_ig.layer_ig_connect{
    max-width: 600px;
    padding: 30px 24px;
}
.pr_pop.layer_ig.layer_ig_connect p {
    line-height: 1.7;
    font-size: 28px;
}
.pr_pop.layer_ig.layer_ig_connect .gray{
    font-size: 14px;
    margin: 0 10px;
    line-height: 1.5;
}
.pr_pop.layer_ig.layer_ig_connect .close_pop{
    display: block;
    border: none;
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 12px 24px;
    border-radius: 6px;
    margin: 24px auto 0;
    border: 1px solid #000;
}

/*주소 찾기 레이어*/
#zipcode_layer {
    width: 500px;
    height: 400px;
    border: 1px solid #aeaeae;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*회원탈퇴 버튼*/
p.withdrawal {
    font-size: 14px;
    text-align: right;
    cursor: pointer;
    margin-bottom: 20px;
}
p.withdrawal img {
    display: inline-block;
    margin-left: 5px;
}

/*회원탈퇴 안내*/
.layer_withrawal.pr_pop{
    max-width: 480px;
    display: none;
    max-height: 70vh;
    overflow-y: auto;
    text-align: left;
    padding: 0;
}
.withdrawal-area {
    width: 100%;
    padding: 50px 0;
    box-sizing: border-box;
    text-align: left;
}
.withdrawal-header{
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -1px;
    margin-bottom: 20px;
    text-align: left;
    padding: 0 16px;
}
.withdrawal-area .withdrawal-header p{
    font-size: 22px;
    margin: 0;
}
.withdrawal-spoon{
    background: #000;
    color: #fff;
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 20px;
    padding: 20px 16px;
    margin: 0 auto 50px;
}
.withdrawal-spoon .myProfileArea{
    width: 100%;
    display: grid;
    grid-template-columns: 120px 1fr 1fr;
    font-size: 14px;
    text-align: left;
}
.withdrawal-spoon .nowSpoon,
.withdrawal-spoon .my_title{
    font-size: 16px;
    color: #fff;
    grid-column-end: 2;
    font-weight: 500;
}
.withdrawal-spoon .nowSpoon_score.s_count{
    font-size: 18px;
    color: #FF6491;
    font-weight: 500;
}
.withdrawal-request{
    padding: 16px;
    background: #f9f9f9;
    font-size: 16px;
    margin-bottom: 16px;
}
.withdrawal-request p{
    margin: 0;
}
.request_title {
    font-weight: 700;
}
.red-t {
    color: #e30000;
}
.gray {
    font-size: 14px;
    color: #a7a7a7;
}
.withdrawal-request .last-title{
    color: #FF8A00;
    font-weight: 700;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    column-gap: 6px;
}
.withdrawal-request div {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 10px;
}
.withdrawal-request label {
    cursor: pointer;
    display: flex;
    align-items: center;
    column-gap: 6px;
    line-height: 1.5;
}
.withdrawal-request label.withrawal-etc {
    width: 100%;
    flex-wrap: wrap;
}
.withdrawal-request label input {
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #a7a7a7;
    border-radius: 50%;
    cursor: pointer;
}
.withdrawal-request label input:checked{
    background: #0087f5 url('/_asset/img/login/check_circle_on.png') center center no-repeat;
    background-size: 16px;
    border-color: #0087f5;
}
.withdrawal-request .withrawal-etc div{
    width: 100%;
    display: none;
}
.withdrawal-request .withrawal-etc input[type="checkbox"]:checked ~ div{
    display: block;
}
.withdrawal-request .withrawal-etc div textarea{
    width: 100%;
    height: auto;
    padding: 6px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #dedede;
    font-size: 14px;
}
.feedback-box textarea {
    width: 100%;
    border: 1px solid #dedede;
    box-sizing: border-box;
    height: 130px;
    margin-bottom: 20px;
    padding: 20px;
    font-size: 14px;
}
.withdrawal-request .withrawal-etc div textarea:focus,
.feedback-box textarea:focus{
    background: #fff;
    border-color: transparent;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    outline: none;
}
.withdrawal-request.info ul {
    padding-left: 25px;
}
.withdrawal-request.info ul li{
    list-style: disc;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
}
.signOut_label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 0 16px;
    column-gap: 6px;
}
input#signOut_check {
    width: 18px;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: block;
    border: 1px solid #a7a7a7;
    background: #fff;
    position: relative;
}
input#signOut_check:checked{
    background: #0087f5 url('/_asset/img/login/check_circle_on.png') center center no-repeat;
    background-size: 16px;
    border-color: #0087f5;
}
.feedback-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    padding: 0 16px;
    margin-top: 35px;
}
.feedback-btn button {
    width: 50%;
    padding: 16px 20px;
    font-size: 16px;
    border: 0;
}
.feedback-btn .continue-table {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.feedback-btn .real-withdrawal{
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
.feedback-btn .real-withdrawal.disabled{
    background: #d6d6d6;
    color: #f5f5f7;
    pointer-events: none;
    border: 1px solid #d6d6d6;
}
.layer_exit_pr.pr_pop,
.layer_spoon.pr_pop{
    display: none;
    max-width: 350px;
    font-size: 16px;
    border-radius: 10px;
}
.layer_exit_pr.pr_pop p{
    margin-bottom: 10px;
}
.layer_spoon.pr_pop p{
    margin: 0;
}
.layer_spoon.pr_pop .btn_wrap{
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.layer_exit_pr button,
.layer_spoon.pr_pop button{
    width: 100%;
    height: auto;
    padding: 16px 20px;
    background: #000;
    color: #fff;
    border: 0;
    font-size: 16px;
    margin-top: 20px;
}
.layer_spoon.pr_pop button{
    padding: 16px 0;
    margin-top: 0;
}
.layer_spoon.pr_pop .layer_btn.layer_btn_white{
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

/* 회원탈퇴 */
.signOutBox {
    border-top: 1px solid #c6c6c6;
    padding-top: 40px;
    margin-top: 50px;
}
.signOutBox p {
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-bottom: 35px;
}
.signOutBox textarea {
    padding: 22px 38px;
    border: 1px solid #c8c8c8;
    width: 791px;
    height: 140px;
}
.signOutBox #signOut_check {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.signOutBox #signOut_check + label {
    background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
    font-size: 16px;
    color: #999999;
    height: 23px;
    padding: 2px 0 5px 30px;
    float: right;
    margin-top: 15px;
}
.signOutBox #signOut_check.checkSelect + label {
    background: url("/_asset/img/project/check_gray_on.jpg") no-repeat;
}
.signOut_btn {
    width: 100%;
    margin: 75px auto;
    text-align: center;
    float: left;
}
.signOut_btn a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    width: 223px;
    height: 44px;
    line-height: 44px;
    margin: 0 5%;
}
.signOut_btn a.left {
    background-color: #f585a2;
}
.signOut_btn a.right {
    background-color: #333333;
}

.signOut_finish {
    margin-top: 50px;
}
.signOut_finish .profileImg {
    position: relative;
    margin: 0 auto;
    width: 154px;
    height: 154px;
    margin-bottom: 30px;
}
.signOut_finish .profileImg img {
    width: 154px;
    height: 154px;
    display: block;
    margin: 0 auto;
}
.signOut_finish .profileImg span {
    width: 154px;
    height: 154px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url("/_asset/img/user/signOutBg.png") no-repeat;
}
.signOut_finish dl {
    width: 99%;
}
.signOut_finish dt {
    font-size: 30px;
    color: #333333;
    text-align: center;
    font-weight: bold;
    line-height: 63px;
}
.signOut_finish dd {
    font-size: 16px;
    color: #999999;
    text-align: center;
    line-height: 30px;
}
.signOut_finish a.signOut_btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 375px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto 0;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-family: "NotoKr";
    letter-spacing: -1px;
    cursor: pointer;
    border-radius: 0;
    font-weight: normal;
    padding: 16px 20px;
}

/*회원탈퇴 완료 화면*/
.table_contents .contents.signOutWrap {
    width: 762px !important;
}
.signOutWrap h1 {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    font-family: "NotoKr";
    letter-spacing: -2px;
    line-height: 1.5;
    max-width: 375px;
    margin: 0 auto 10px;
}
.signOutWrap p {
    font-size: 16px;
    font-family: "NotoKr";
    letter-spacing: -1.5px;
    line-height: 1.5;
    max-width: 375px;
    margin: 0 auto;
}

/* 나의 프로젝트 */
.contents.myproject {
    background-color: #ffffff;
    padding: 60px 25px 80px 25px;
    position: relative;
    margin-bottom: 100px;
    width: 950px;
}
.contents.mylist {
    padding: 60px 10px 80px 10px;
    width: 980px;
}
.contents .contents_title.myproject {
    width: 865px;
    margin: 0 auto;
    margin-top: 10px;
}
.contents.myproject .contents_title h3 span {
    display: block;
    margin-top: 20px;
}
.mylist .searchClick .listBtn {
    font-size: 16px;
    font-weight: 300;
}
.mylist .searchClick .listBtn a {
    display: block;
}
.mylist .searchClick .listBtn span {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-self: baseline;
}
.mylist .listProject {
    width: 100%;
    min-height: 450px;
}
.mylist .listProject .list div.listBtn_txt {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 4px;
}
.mylist .listProject > ul > li {
    width: 100%;
    border: none;
    margin-bottom: 75px;
    padding: 0;
    display: grid;
    grid-template-columns: 555px 380px;
    grid-template-rows: 170px 70px;
    grid-column-gap: 15px;
}
.mytable_new .listProject .list li .companyText dt:first-child {
    margin-bottom: 0;
}
.mytable_new .listProject .list li .companyText dt div.v2_project_status {
    font-size: 14px;
    color: #000;
}
.mylist .listProject dd {
    font-weight: 300;
}
.mylist .listProject dd.listText {
    margin-right: 30px;
}
.mylist .listProject a.projectBtn {
    width: 165px;
    height: 35px;
    line-height: 35px;
    border-radius: 0;
    font-size: 14px;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    float: left;
    /* margin-right: 20px;
    margin-top: 15px; */
}
.mytable_new.mylist .listProject a.projectBtn {
    background: #000;
    color: #fff;
    cursor: default;
}
.mylist .listProject a.projectBtn.end {
    color: #555;
    background-color: #eee;
    font-weight: normal;
}
.mylist .listProject a.projectBtn.ing{
    border: 1px solid #ccc;
    color: #999;
    background: #fff;
    font-weight: normal;
}
.mytable_new.mylist .listProject a.projectBtn.mission{
    cursor: pointer;
}
.mylist .listProject .listBtn_txt p {
    font-size: 14px;
    color: #333333;
    margin-top: 24px;
}
.mylist .listProject .listBtn_txt p img {
    margin-right: 7px;
    width: 17px;
}
.mylist .listProject .listBtn_txt p a {
    color: #999999;
    border-bottom: 1px solid #999999;
}
.mylist .listProject .arrow li {
    font-size: 16px;
}
.mylist .listProject .arrow li.arrow_left {
    margin: 0 20px 0 0;
}
.mylist .listProject .arrow li.arrow_right {
    margin: 0 0 0 20px;
}
.mylist .listProject .arrow li.alignText {
    margin: 0;
}
.mylist .listProject .arrow li a {
    padding: 0 6px;
}
.mylist .listProject .arrow li.alignText.on a {
    background-color: #ffffff;
    color: #3f3f3f;
}
.mytable_new.contents.mylist .listProject .companyImg a img {
    width: 100%;
}

.projectList_btn {
    font-size: 17px;
    color: #666666;
    width: 175px;
    height: 37px;
    line-height: 37px;
    border: 1px solid #c6c6c6;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.projectList_btn img {
    margin-right: 12px;
}
.myproject .projectDetail {
    border-top: none;
    padding-top: 0;
}
.myproject .missionTitle {
    padding: 0;
    margin: 0 auto;
}
.myproject .missionTitle p {
    position: relative;
    top: 0;
    margin-left: 0;
}
.myproject .missionTitle h1 {
    margin-bottom: 0;
}
.myproject .missionNotice span {
    width: 93%;
    margin-left: 19px;
    margin-top: 21px;
}
.myproject .resumeList {
    border-top: 1px solid #c6c6c6;
    padding-top: 10px;
}
.myproject .resumeList.inquiryList {
    border-top: 0;
}
.myproject .resumeList.notice {
    border-top: none;
    min-height: 300px;
}
.myproject a.moreInfo_open {
    border: none !important;
    padding: 0 36px 0 16px !important;
    margin-bottom: 0 !important;
}
.myproject a.moreInfo_close {
    border: none;
    margin-bottom: 0;
}
.myproject .missionList li {
    padding: 45px 1% 22px 1%;
    width: 98%;
}
.myproject .choiceMission li {
    width: 7%;
    margin: 0 6px;
}

.table_area.resume .missionList .acc03 .userTextarea {
    padding: 16px 12px;
    border: 1px solid #c6c6c6;
    font-size: 14px;
    color: #999999;
    width: 61%;
    margin: 9px auto 0 auto;
    display: block;
}

/* 링크생성 팝업창 */
.commerce_link_popup {
    display: none;
}
.commerce_link_popup_inner {
    margin-top: 10px;
}
.commerce_link_popup p {
    font-size: 22px;
    line-height: 1.5;
}
.commerce_link_popup button {
    display: block;
    color: #fff;
    font-size: 22px;
}

.commerce_link_popup .mylink_wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 16px;
}
.commerce_link_popup .mylink_wrap input {
    height: 56px;
    flex: 1 0 auto;
    padding: 0 8px;
    font-size: 16px;
    margin-bottom: 42px;
    background: #e4e4e4;
    color: #555;
}
.commerce_link_popup .mylink_wrap button {
    width: 120px;
    height: 56px;
    border: 2px solid transparent;
    background: #000;
    color: #fff;
}
.commerce_link_popup .mylink_wrap button img {
    vertical-align: middle;
    display: none;
}
.commerce_link_popup .mylink_wrap button:hover {
    background: #fff;
    color: #000;
    border: 2px solid #000;
}
.commerce_link_popup .mylink_wrap button.go_spoon {
    width: 230px;
    height: 56px;
    margin: 0 auto;
    border: 2px solid transparent;
    background: #0087f5;
}
.commerce_link_popup .mylink_wrap button.go_spoon:hover {
    border: 2px dashed #0087f5;
    color: #0087f5;
    background: #fff;
}

/*마이프로젝트 > 활동비지급 신청*/
ul.p_payment_info {
    margin: 30px 0 0;
}
ul.p_payment_info li {
    font-size: 15px;
    line-height: 30px;
}
ul.p_payment_info li span {
    display: block;
    text-indent: 10px;
}
#project_payment h1.plusInfo {
    margin-top: 40px;
    padding-bottom: 0;
}
#project_payment span.pay_projectTit {
    display: block;
    color: #999;
    font-size: 18px;
    padding-bottom: 10px;
    word-break: break-all;
}

/* 1:1문의 */
.mylist .category.inquiry {
    border-bottom: none;
    width: 100%;
    padding: 10px 0;
}
.inquiry .searchClick .searchBox {
    width: 375px;
}
.inquiry .searchClick .searchBox input {
    width: 300px;
}
.inquiry p.inquiryList a {
    font-size: 16px;
    color: #313333;
}
.inquiry p.inquiryList a span {
    font-weight: 900;
}

.inquiry .inquiryList li {
    margin-bottom: 17px;
}
.inquiry .inquiryList .arrowBtn {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 22px 10px 22px 0;
    font-size: 16px;
    color: #313333;
    border-bottom: 1px solid #c6c6c6;
    background: none;
    position: relative;
    align-items: center;
}
.notice .inquiryList .arrowBtn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.notice .inquiryList .arrowBtn span.noticeDate {
    color: #999;
    font-weight: 300;
}
.notice .plusInfo_p {
    margin-bottom: 0;
}
.inquiry .inquiryList .arrowBtn p {
    width: max-content;
}
.inquiry .inquiryInner1 .inquiryList .arrowBtn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 5px;
    justify-content: space-between;
    column-gap: 10px;
}
.inquiry .inquiryInner1 .inquiryList .arrowBtn div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 5px;
    align-items: center;
}
.inquiry .inquiryInner1 .inquiryList .arrowBtn .right {
    column-gap: 10px;
}
.inquiry .inquiryInner1 .inquiryList .arrowBtn .icon_new {
    justify-self: start;
}
.inquiry .inquiryInner2 h1 {
    padding-top: 10px;
}
.inquiry .inquiryInner2 .inquiryList li {
    display: none;
}
.inquiry .inquiryInner2 .inquiryList li.on {
    display: block;
}
.inquiry .inquiryInner2 .inquiryList .arrowBtn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.inquiry .inquiryInner2 .inquiryList .arrowBtn p {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 10px;
}
.inquiry .inquiryInner2 .inquiryList .arrowBtn .faqTit {
    font-size: 16px;
}
.inquiry .inquiryList .arrowBtn .qna_q {
    display: inline;
    width: 25px;
    height: 25px;
}
.inquiry .inquiryList .arrowBtn span.project_subject {
    color: #666;
    font-size: 16px;
    letter-spacing: -1px;
}
.inquiry .inquiryList .arrowBtn span.inquiryTit {
    font-size: 16px;
    line-height: 17px;
    width: fit-content;
    max-width: 270px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}
.inquiry .inquiryList .arrowBtn span {
    font-size: 14px;
    color: #313333;
}
.inquiry .inquiryList .arrowBtn span.subjectWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 5px;
    align-items: center;
}
.inquiry .inquiryList .arrowBtn span.noneNotice {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    font-size: 20px;
    row-gap: 10px;
}
.inquiry .inquiryList .arrowBtn span.subjectWrap span {
    font-size: 16px;
    width: fit-content;
    max-width: 600px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inquiry .inquiryList .arrowBtn span.off {
    color: #999999;
    font-weight: 300;
}
.inquiry .inquiryInner1 .inquiryList .arrowBtn span.on,
.inquiry .inquiryList .arrowBtn span.answer-off,
.projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn a.showNotice span.on {
    border-radius: 8px;
}
.inquiry .inquiryList .arrowBtn span.answer-off {
    color: #999;
}
.inquiry .inquiryInner1 .inquiryList .arrowBtn span.on,
.projectDetail.inquiry.mylist .inquiryList ul#board_list li p.arrowBtn span.answer-on.on {
    color: #000;
    font-weight: 900;
}
.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: 16px;
    margin-left: 5px;
}
.inquiry .inquiryList .arrowBtn span.on {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    column-gap: 5px;
    color: #999;
    font-weight: 300;
}
.inquiry .inquiryList .arrowBtn img {
    margin-left: 5px;
    width: 17px;
    display: block;
}
.inquiry .inquiryList .arrowBtn span img {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 17px;
}
.inquiry .inquiryList .resumeAcc {
    display: none;
    padding-bottom: 50px;
}
.inquiry .inquiryInner2 .inquiryList .arrowBtn span img {
    width: 100%;
}
.inquiry .inquiryInner2 .inquiryList .resumeAcc {
    background: #eee;
}
.inquiry .inquiryInner2 .inquiryList .resumeAcc.answerArea .answerTxt {
    margin-top: 0;
    padding: 40px 30px 0;
    font-size: 15px;
    color: #313333;
    text-align: left;
    line-height: 25px;
}
.inquiry .inquiryInner2 .inquiryList .resumeAcc.answerArea .answerTxt_s {
    padding-top: 5px;
    color: #999;
}
.inquiry .inquiryList .resumeAcc dl {
    width: 100%;
    margin-top: 40px;
}
.inquiry .inquiryList .resumeAcc dl dt {
    font-size: 16px;
    color: #313333;
    text-align: left;
    padding: 0 35px;
    padding-bottom: 40px;
    line-height: 23px;
}
.inquiry .inquiryList .resumeAcc dl dt span {
    float: right;
    font-size: 14px;
    color: #999999;
}
.inquiry .inquiryList .resumeAcc dl dd {
    font-size: 14px;
    color: #999999;
    padding: 0 35px;
    padding-bottom: 40px;
}
.inquiry .inquiryList .resumeAcc dl.dl_answer dt {
    padding: 0 35px 40px 60px;
}
.inquiry .inquiryList .resumeAcc dl.dl_answer dt img {
    margin-right: 11px;
}
.inquiry .inquiryList .resumeAcc dl.dl_answer dt img.icon_new_black {
    margin-left: 8px;
    margin-right: 0;
    width: 17px;
}
.inquiry .inquiryList .resumeAcc dl.dl_answer dd {
    line-height: 20px;
    padding: 0 35px 40px 80px;
}
.inquiry .inquiryList .resumeAcc .plusWork {
    margin: 20px 30px 20px 0;
    color: #313333;
    width: 90px;
}
.inquiry .inquiryList .resumeAcc textarea {
    width: 750px;
    margin: 0 30px;
    padding: 20px 30px;
    font-size: 14px;
}

.inquiry a.inquiry_openBtn {
    width: 100%;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    display: block;
    clear: both;
    background: #000 url("/_asset/img/common/icon_answerBottom_write.png") no-repeat 97% 25px;
}
.inquiry .inquiryArea {
    width: 100%;
    border: 1px solid #000;
    padding: 0 2% 43px 2%;
    position: relative;
}
.inquiry .inquiryArea h1 {
    font-size: 16px;
    color: #333333;
    text-align: center;
    font-weight: bold;
    line-height: 80px;
}
.inquiry .inquiryArea .borderCheck {
    border-radius: 0;
    border: 1px solid #c6c6c6;
    margin: 7px 0;
    padding: 20px 0 19px 24px;
    background: none;
}
.inquiry .inquiryArea .borderCheck:focus {
    border: 2px solid #000;
}
.inquiry .inquiryArea .inputFull {
    font-size: 16px;
    width: 810px;
}
.selectInquiry {
    float: none;
    width: 100%;
    height: auto;
    position: relative;
}
.selectInquiry p.optionDefault {
    width: 97%;
    padding-left: 7%;
    font-size: 16px;
    color: #999999;
    background-color: #ffffff;
}
.selectInquiry p.optionDefault.on {
    border: 1px solid #000;
    border-bottom: 0;
}
.selectInquiry p.optionDefault img {
    float: right;
    margin-right: 3%;
    margin-top: 4px;
    width: 19px;
}
.selectInquiry div.optionData {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 9;
    padding: 0;
    border: 1px solid #000;
    border-top: 0;
}
.selectInquiry ul.optionList {
    background-color: #ffffff;
    max-height: 300px;
    overflow-y: scroll;
}
.selectInquiry ul.optionList::-webkit-scrollbar {
    width: 3px;
    background: #f4f4f4;
}
.selectInquiry ul.optionList::-webkit-scrollbar-thumb {
    background: #ababab;
    border-radius: 5px;
}
.selectInquiry ul.optionList li {
    cursor: pointer;
    font-size: 16px;
    color: #000;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
}
.selectInquiry ul.optionList li:hover {
    background-color: #000;
    color: #ffffff;
}
.inquiry .inquiryArea .inquiryUpload {
    float: right;
    margin: 7px 0;
}
.inquiry .inquiryArea .inquiry_input {
    float: left;
    height: 21px;
    width: 284px;
    font-size: 16px;
    padding: 19px 10px 19px 28px;
    border: 1px solid #c6c6c6;
}
.inquiry .inquiryArea .inquiry_div {
    position: relative;
    width: 107px;
    height: 62px;
    overflow: hidden;
}
.inquiry .inquiryArea .inquiry_button {
    width: 100%;
    height: 64px;
    font-size: 16px;
    color: #c6c6c6;
    font-weight: bold;
    position: absolute;
    top: -3px;
    background-color: #c6c6c6;
    color: #ffffff;
    border: none;
}
.inquiry .inquiryArea .inquiry_hidden {
    width: 425px;
    height: 60px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
.inquiry .inquiryArea textarea {
    font-size: 16px;
    width: 810px;
    height: 70px;
}
.inquiryInner1 .inquiryArea form input.inputFull,
.inquiryInner1 .inquiryArea form div p,
.inquiryInner1 .inquiryArea form textarea {
    width: 100%;
}
.inquiry .inquiryArea a.inquiryBtn {
    width: 223px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #ffffff;
    background-color: #000;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
}
.inquiry .inquiryArea a.inquiry_closeBtn {
    font-size: 14px;
    color: #999999;
    position: absolute;
    bottom: 47px;
    right: 33px;
}
.inquiry .inquiryArea a.inquiry_closeBtn img {
    margin-left: 18px;
}

.inquiry .arrow,
#myproject .listProject .arrow {
    width: 100%;
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}
.inquiry .arrow li,
#myproject .listProject .arrow li {
    font-size: 16px;
    display: inline-block;
    zoom: 1;
}
#myproject .listProject .arrow li {
    width: auto;
    margin: 0;
}
.inquiry .arrow li.alignText,
#myproject .listProject .arrow li.alignText {
    margin: 0;
}
.inquiry .arrow li a,
#myproject .listProject .arrow li a {
    color: #999;
    padding: 0 6px;
    font-weight: 300;
}
.inquiry .arrow li.alignText.on a,
#myproject .listProject .arrow li.alignText.on a {
    background-color: #ffffff;
    color: #000;
    font-weight: 600;
}
/* 1:1문의 이미지 추가 */
/* .inquiry-img-box > p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
} */
/*1:1문의, 공지사항 팝업*/
.layer_inquiry_pop,
.layer_notice_pop {
    display: none;
    overflow: hidden;
    max-height: 800px;
    position: relative;
    padding: 30px 15px !important;
}
.pr_pop.layer_notice_pop,
.pr_pop.layer_inquiry_pop {
    width: 90%;
    max-width: 850px;
}
.layer_inquiry_pop .inPop_title,
.layer_notice_pop .inPop_title {
    margin-top: 20px;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #333;
}
.layer_inquiry_pop h2#popSubject,
.layer_notice_pop h2#popSubject {
    word-break: break-all;
}
.layer_inquiry_pop .subjectBottom,
.layer_notice_pop .subjectBottom {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    text-align: right;
}
.layer_inquiry_pop .inquiryPopCont,
.layer_notice_pop .noticePopContWrap {
    margin-top: 10px;
    padding: 5px 5px 20px;
    font-size: 16px;
    line-height: 25px;
    word-break: keep-all;
    max-height: 680px;
    overflow-y: auto;
}
.layer_inquiry_pop .inquiryPopCont::-webkit-scrollbar,
.layer_notice_pop .noticePopContWrap::-webkit-scrollbar {
    width: 10px;
    background: transparent;
}
.layer_inquiry_pop .inquiryPopCont::-webkit-scrollbar-thumb,
.layer_notice_pop .noticePopContWrap::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 5px;
}
.layer_inquiry_pop .inquiryPopCont .inquiryPopCont_Q,
.layer_notice_pop .noticePopContWrap .noticePopCont {
    padding: 10px 0 20px;
    word-break: break-all;
}
.layer_notice_pop .noticePopContWrap .noticePopCont {
    overflow-x: auto;
}
.layer_notice_pop .noticePopContWrap .noticePopCont::-webkit-scrollbar,
.layer_inquiry_pop .inquiryPopCont .inquiryPopCont_A::-webkit-scrollbar {
    height: 10px;
    background: transparent;
}
.layer_notice_pop .noticePopContWrap .noticePopCont::-webkit-scrollbar-thumb,
.layer_inquiry_pop .inquiryPopCont .inquiryPopCont_A::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 5px;
}
.layer_inquiry_pop .inquiryPopCont .popCommentWrap {
    padding: 10px 0px 50px;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.layer_inquiry_pop .inquiryPopCont .inquiryPopCont_A {
    background: #f4f4f4;
    color: #555;
    box-sizing: border-box;
    word-break: break-all;
    padding: 25px 25px;
    overflow-x: auto;
}
/* .scroll_info {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    padding: 10px 0;
    border-radius: 5px;
    animation: scrolldown 0.6s alternate infinite ease-in-out;
}
.scroll_info img {
    display: block;
    width: 80%;
    margin: 0 auto;
} */

@keyframes scrolldown {
    0% {
        bottom: 30px;
    }
    100% {
        bottom: 50px;
    }
}
.inquiryPopCont #fileList{
    padding-top: 20px;
    border-top: 1px solid #e4e4e4;
}
.inquiryPopCont #fileList p{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}
.inquiryPopCont #fileList li{
    font-size: 14px;
    padding-bottom: 4px;
    text-decoration: underline;
}

/* 공지사항 */
.notice_cont {
    min-height: 600px;
}
.noticeChoice {
    float: right;
}
.noticeChoice .borderCheck {
    border: 1px solid #c6c6c6;
    border-radius: 0;
}
.noticeChoice .selectInquiry {
    width: 177px;
    margin-left: 15px;
}
.noticeChoice .selectInquiry p.optionDefault {
    padding: 11px 0 11px 7%;
    color: #313333;
}

.inquiry .inquiryList.notice .resumeAcc dl dd {
    border-bottom: none;
}

/*공지사항 내용(board_view)*/
.noticeViewInner {
    padding: 40px 0;
}
.noticeViewInner h2.subjectTit {
    font-size: 25px;
    border-bottom: 2px solid #191919;
    padding-bottom: 10px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.noticeViewInner h2.subjectTit button{
    display: inline-block;
    font-size: 14px;
    border-radius: 8px;
    padding: 4px 16px;
    cursor: pointer;
    background: #e6e6e6;
    border: 0;
}
.noticeViewInner .subjectBottom {
    margin-top: 10px;
}
.noticeViewInner .subjectBottom ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    column-gap: 15px;
}
.noticeViewInner .subjectBottom ul li {
    font-size: 14px;
    color: #999;
}
.noticeViewInner .noticeViewCont {
    font-size: 16px;
    line-height: 25px;
    padding: 40px 0;
    border-bottom: 1px solid #acacac;
    word-break: keep-all;
}
.noticeViewInner .noticeViewArrow {
    padding: 20px 0;
    font-size: 14px;
}
.noticeViewInner .noticeViewArrow > div > a {
    display: flex;
    width: max-content;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 15px;
}
.noticeViewInner .noticeViewArrow .noticeViewPrev {
    padding-bottom: 15px;
}
.noticeViewInner .noticeViewArrow .noticeViewPrev a {
    color: #999;
}
.noticeViewInner .noticeViewBack {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.noticeViewInner .noticeViewBack a {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background: #000;
}

/* 결제페이지 */
.spoon1 h1.plusInfo {
    padding-bottom: 10px;
}
.payment .p_act {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.payment .contents.payment {
    width: 870px;
    background-color: #ffffff;
    padding: 60px 65px 80px 65px;
    position: relative;
    margin-bottom: 100px;
}

.payment .pl15 {
    padding-left: 15px;
}
.payment h4.s_tit {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
.payment ul.msgtxt {
    margin-top: 10px;
    margin-bottom: 35px;
}
.spoon2 p.info-txt {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}
.payment ul.msgtxt li {
    color: #191919;
    font-size: 14px;
    line-height: 28px;
}
.payment ul.msgtxt li b {
    color: #0087f5;
    font-weight: 600;
}
.payment ul.msgtxt li strong {
    color: #e25879;
    font-weight: 600;
}

/* 스푼 요약정보 */
.payment .myspoon_view {
    text-align: right;
    margin-bottom: 18px;
}
.payment .myspoon_view a {
    display: inline-block;
    color: #333;
    font-size: 14px;
    border-bottom: 1px solid #333;
}
.payment .spoonbox {
    position: relative;
    background: #2c2c2c;
}
.payment .spoonbox ul {
    height: 110px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.payment .spoonbox ul li {
    width: 30%;
    text-align: center;
    color: #ababab;
    font-size: 14px;
    position: relative;
    overflow: hidden;
}
.payment .spoonbox ul li:after {
    content: " ";
    width: 1px;
    height: 60px;
    background: #ababab;
    position: absolute;
    right: 0;
    bottom: -4px;
}
.payment .spoonbox ul li:last-child::after {
    display: none;
}
.payment .spoonbox ul li strong.number {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.payment .gobtn_wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px;
}
.payment .gobtn_wrap .gobtn {
    font-size: 16px;
    color: #fff;
    background: #0087f5;
    border: 1px solid #0087f5;
    border-radius: 10em;
    padding: 8px 16px;
}

/* 결제 섹션 */
.spoonbox .plusInfo {
    font-size: 20px;
}
.exchange_table {
    padding-bottom: 30px;
}
.exchange_table form {
    width: 100%;
    height: auto;
    position: relative;
}
.exchange_table form:after {
    content: " ";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #ababab;
    top: 0;
    left: 23%;
}
div.spoon_cell {
    border-bottom: 1px solid #ababab;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
div.spoon_cell:first-child {
    border-top: 1px solid #000;
}
div#spoon_cal {
    width: 428px;
}
.payment .exchange_table dl {
    width: 800px;
    display: grid;
    grid-template-columns: 260px 1fr;
    justify-content: start;
    align-items: center;
}
.payment dl.grid-cell {
    /* grid-template-rows: 1fr 1fr; 나중에 본인인증 살리면 이걸로 */
    grid-template-rows: 1fr;
}
.payment dl.grid-cell dt {
    grid-row-start: 1;
    /* grid-row-end: 3;  나중에 본인인증 살리면 이걸로 */
    grid-row-end: 2;
}
.payment .exchange_table dl.class dt {
    background: url(/_asset/img/user/spoonbox_bar.png) right center no-repeat;
    margin-right: 25px;
    height: 35px;
    line-height: 35px;
    padding-top: 10px;
}
.payment .exchange_table dl.class dd {
    height: 35px;
    line-height: 35px;
}
.payment .exchange_table dl dt {
    color: #000;
    font-size: 16px;
    text-align: left;
    flex-basis: 32%;
    font-weight: 600;
}
.payment .exchange_table dl dt span {
    font-size: 14px;
    line-height: 20px;
    display: block;
    color: #ababab;
    font-weight: 300;
    word-break: keep-all;
}
.payment .exchange_table dl dd {
    color: #333;
    font-size: 16px;
    padding: 10px 0;
    position: relative;
}
.payment .exchange_table input[type="radio"],
.exchange_table label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.payment .exchange_table input[type="radio"] + label {
    position: relative;
    z-index: 1;
    width: auto;
    height: 27px;
    line-height: 27px;
    background: url(/_asset/img/user/radio_off.png) no-repeat;
    padding: 0;
    padding-left: 38px;
    display: inline-block;
    *zoom: 1;
    *display: inlnie;
    cursor: pointer;
    margin-right: 45px;
}
.payment .exchange_table input[type="radio"]:checked + label {
    width: auto;
    height: 27px;
    background: url(/_asset/img/user/radio_on.png) no-repeat;
    display: inline-block;
    *zoom: 1;
    *display: inlnie;
}
.payment .exchange_table input[type="radio"].radioSelect + label {
    width: auto;
    height: 27px;
    background: url(/_asset/img/user/radio_on.png) no-repeat;
    display: inline-block;
    *zoom: 1;
    *display: inlnie;
}
.check-hphone {
    width: 100%;
    padding: 70px 60px;
    text-align: center;
    background: #f4f4f4;
    margin-bottom: 30px;
}
.check-hphone p:first-child {
    font-size: 16px;
    padding-bottom: 30px;
}
.check-p {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.check-p input[type="number"],
.check-p input.checkPhone {
    width: 250px;
    height: 50px;
    border: 1px solid #ababab;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 16px;
    background: #efefef;
    color: #999;
}
.check-p input.checkPhone.on {
    background: #fff;
    color: #000;
}
.check-p button.p-btn,
.check-p a.p-btn {
    width: 160px;
    height: 50px;
    text-align: center;
    background-color: #000;
    color: #fff;
    display: block;
    line-height: 50px;
    font-size: 16px;
    border: 0;
}

/*스푼환전 입력 관련 css*/
.payment .exchange_table input.lock {
    color: #999;
    background: #efefef;
}
ul.gray {
    padding-top: 30px;
    color: #ababab;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}
.spoon-agree {
    width: 100%;
}
.spoon-agree .all-agree {
    background: #000;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding: 10px 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
}
.spoon-agree .all-agree .check-wrap {
    position: relative;
}
.spoon-agree .all-agree li input {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    background: #fff;
}
.spoon-agree .all-agree li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
ul.agree-list {
    width: 100%;
    background: #f4f4f4;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 65px;
}
ul.agree-list li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    font-size: 16px;
    line-height: 30px;
}

div.securityTxt {
    padding: 10px 0;
}
div.securityTxt p {
    font-size: 14px;
    line-height: 25px;
}
ul.agree-list li input[type="checkbox"] {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #000;
    margin-right: 10px;
}
ul.agree-list li a {
    text-decoration: underline;
}
.spoon-agree span.agree-blue {
    text-decoration: none;
    padding-left: 5px;
}

/* 서류 등록 */
.payment .file_input_textbox {
    float: left;
    width: 325px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #c6c6c6;
    border-right: 0;
    padding: 0 10px;
    font-size: 14px;
}
.payment .file_input_div {
    position: relative;
    width: 129px;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    background: #f2f2f2;
    border: 1px solid #c6c6c6;
    text-align: center;
    margin-bottom: 8px;
}
.payment .file_input_img_btn {
    padding: 0 0 0 5px;
}
.payment .file_input_hidden {
    font-size: 29px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor: pointer;
}

/* 환불,계좌정보 */
.payment input.inputTxt,
.payment select {
    width: 325px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #c6c6c6;
    padding: 0 10px;
    font-size: 14px;
    outline: none;
}
.payment select {
    height: 44px !important;
    box-sizing: initial;
    position: relative;
}
.payment .account_search_wrap select {
    width: 307px;
}
.payment span.money1 {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
    vertical-align: bottom;
}
.payment span.money1 b {
    color: #333;
    font-size: 20px;
    margin-right: 5px;
}
.payment span.money1_s {
    color: #999;
    font-size: 14px;
}
.payment p.money2 {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px;
}
.payment p.money2 strong {
    color: #e25879;
    font-size: 28px;
    font-weight: 600;
    margin-left: 10px;
    position: relative;
    top: 3px;
}
.payment p.money2 span {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
}
.payment .account p {
    position: relative;
    padding: 10px 0;
    width: max-content;
}
.payment .account p img {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.payment .account a.acc_change {
    color: #333;
    font-size: 14px;
    border-bottom: 1px solid #333;
    margin-left: 15px;
    font-weight: 600;
}
div#spoon_cal {
    background: #f4f4f4;
    padding: 20px 25px;
    box-sizing: border-box;
    margin-top: 30px;
}
div#spoon_cal p {
    font-weight: 600;
    font-size: 22px;
}
div#spoon_cal span {
    display: inline-block;
    font-size: 14px;
    color: #ababab;
    line-height: 20px;
    padding-bottom: 20px;
    font-weight: 300;
}

/*지급 완료 팝업*/
.layer_spoon_pop.layer_paymentEnd.pr_pop {
    text-align: center;
}
.layer_spoon_pop.layer_paymentEnd.pr_pop h3 {
    border-bottom: 1px solid #000;
}
.layer_spoon_pop.layer_paymentEnd.pr_pop div.paymentEnd_pop_inner {
    padding: 20px 0;
}
.layer_spoon_pop.layer_paymentEnd.pr_pop div.paymentEnd_pop_inner p {
    font-size: 16px;
}

/* 이용약관 동의 */
.layer_spoon_pop {
    width: 80%;
    max-width: 762px;
}
.p_pr_pop .pr_pop {
    max-height: 700px;
    word-break: keep-all;
    display: none;
}
.p_pr_pop .pr_pop h3 {
    padding: 15px 0 30px;
    font-size: 20px;
    text-align: center;
}
.p_pr_pop .pr_pop > p {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}
.p_pr_pop .pr_pop li,
.p_pr_pop .pr_pop p {
    line-height: 30px;
}
.p_pr_pop .pr_pop ul.terms-list {
    padding: 10px 0;
    height: 100%;
    max-height: 500px;
}
.p_pr_pop .pr_pop ul.terms-list li {
    font-size: 16px;
    padding-left: 5px;
}
.p_pr_pop .pr_pop ul.terms-list li > p {
    padding-left: 5px;
}
.p_pr_pop .pr_pop ul.terms-list li .terms-tit {
    font-weight: 600;
    padding: 10px 0 5px;
}
.p_pr_pop .pr_pop ul.terms-list li ul.sub-terms {
    padding: 5px 10px;
}
.p_pr_pop .pr_pop ul.terms-list li ul.sub-terms li {
    padding: 5px 0;
}
.p_pr_pop .pr_pop ul.terms-list li ul.sub-terms p {
    padding-left: 5px;
    font-size: 14px;
}
.p_pr_pop .pr_pop ul.terms-list li ul.sub-terms .sub-terms-tit {
    font-weight: 600;
    padding: 5px 0;
}
.p_pr_pop .pr_pop .gotoprev {
    text-align: center;
    display: block;
    padding-top: 20px;
    font-size: 16px;
    color: #ababab;
}
table.privacy_table {
    width: 100%;
    max-width: 1000px;
    overflow-x: auto;
    font-size: 14px;
}
table.privacy_table .col1{
    width:10%
}
table.privacy_table .col2{
    width:15%
}
table.privacy_table .col3{
    width:25%
}
table.privacy_table .col4{
    width:50%;
}
table.privacy_table th, table.privacy_table td {
    border: 1px solid #000;
    padding: 4px;
}

/* button style */
.payment .buttons a.btn,
.layer_paymentEnd a.btn {
    display: inline-block;
    text-align: center;
    width: 223px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    margin: 0;
}
.payment .buttons a.btn {
    width: 326px;
}
.payment .buttons a.btn.pink {
    background: #eb8ea5;
}
.payment .buttons a.btn.black,
.layer_paymentEnd a.btn.black {
    background: #000;
}

/* 결제스푼내역 */
.payment .paySpoon_btn {
    top: -85px;
}
.payment .spoonAsk {
    margin-top: 10px;
}
.selectPay {
    width: 320px;
    position: relative;
}

/*스푼내역 기간조회*/
.spoonAsk .search-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 40px;
}
.spoonAsk .search-wrap div.spoonText {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.spoonAsk p.spoon-txt {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 20px;
}
.spoon-date {
    width: 160px;
    height: 50px;
    border: 1px solid #ababab;
    padding: 10px;
    box-sizing: border-box;
    cursor: default;
    position: relative;
    background: url("/_asset/img/user/calendar-line.png") no-repeat;
    background-size: 17px;
    background-position: 90% 50%;
}
input#datepicker1 {
    border-right: none;
}
input#datepicker2 {
    border-left: none;
}
input[type="date"].spoon-date:focus::before,
input[type="date"].spoon-date:valid::before {
    display: none;
}

/*스푼 구매내역 상세 - 기프티쇼*/
.spoonpay_inner {
    width: 100%;
    margin: 0 auto;
}
.spoonpay_inner h2 {
    font-size: 20px;
    margin-bottom: 20px;
}
.spoonpay_inner .spoonpay_detail {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}
.spoonpay_inner .spoonpay_detail li {
    border-bottom: 1px solid #999;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 30px;
}
.spoonpay_inner .spoonpay_detail li p {
    font-size: 16px;
}
.spoonpay_inner .spoonpay_detail li > p:first-child {
    width: 10%;
}
.spoonpay_inner .spoonpay_detail li div {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.spoonpay_inner .spoonpay_detail li button {
    font-size: 16px;
}
.black_btn,
.white_btn {
    font-size: 16px;
    height: 40px;
    padding: 0 20px;
    transition: all 0.2s;
}
.black_btn {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.black_btn:hover {
    background: #fff;
    color: #000;
}
.white_btn {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}
.white_btn:hover {
    background: #000;
    color: #fff;
}
.underline_btn {
    border: none;
    background: none;
    color: #333;
    text-decoration: underline;
}
.underline_btn:hover {
    font-weight: bold;
    color: #000;
}
.full_btn {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 20px 50px;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.2s;
}
.full_btn:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
.giftishow_pr {
    display: none;
    width: 100%;
    max-width: 400px;
    height: auto;
    max-height: 90vh;
    overflow-y: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #000;
    padding: 1em;
    z-index: 100;
}
.re_giftishow_pop p {
    text-align: center;
    font-size: 16px;
}
.pr_title {
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 20px;
}
.pr_btn_area {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    column-gap: 20px;
}
.pr_btn_area button {
    width: 50%;
}
.pr_bottom {
    padding: 20px;
}
.info_text {
    padding: 10px 10px 0;
    font-size: 12px;
}
.info_text.info_text_red {
    color: #ff0000;
}
.re_phonenum {
    padding: 15px 0 10px;
    font-weight: 900;
}
.giftishow_pr_inner .item ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 5px;
}
.giftishow_pr_inner .item ul li p {
    color: #333;
    font-size: 14px;
}
.giftishow_pr_inner .item ul li p.brand_name {
    font-weight: bold;
}
.giftishow_pr_inner .item ul li p.item_name {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.giftishow_pr_inner .item img {
    width: 150px;
    height: auto;
}
.result_top,
.result_bottom {
    padding: 10px 20px;
}
.result_top {
    border-bottom: 1px solid #000;
}
.result_top > ul,
.result_bottom > ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding-bottom: 10px;
}
.result_top > ul > li,
.result_top > .spoon_minus > li {
    color: #333;
    font-weight: normal;
}
.spoon_minus > li,
.result_bottom > ul > li {
    color: #000;
    font-weight: 900;
}
.pr_bottom .label_wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px;
}
.pr_bottom .label_wrap input[type="checkbox"] {
    width: 14px;
    height: 14px;
    border: 1px solid #000;
    position: relative;
    cursor: pointer;
}
.pr_bottom .label_wrap input[type="checkbox"]:checked::after {
    content: " ";
    display: block;
    width: 9px;
    height: 9px;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.pr_bottom .label_wrap a {
    display: block;
    color: #333;
    text-decoration: underline;
    position: relative;
}
.pr_bottom .label_wrap a:hover {
    text-decoration: underline;
    color: #000;
    font-weight: 900;
}
.info_pr.info_pr_refund {
    display: none;
    width: 300px;
    height: auto;
    padding: 10px 20px;
    border: 1px solid #000;
    background: #fff;
    z-index: 10;
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
}
.info_pr.info_pr_refund p {
    font-size: 12px;
    color: #333;
    text-align: left;
}
.info_pr.info_pr_refund .info_pr_title {
    font-size: 14px;
    font-weight: 900;
    color: #000;
    padding-bottom: 10px;
    text-align: center;
}
.info_pr a {
    display: block;
    text-align: right;
    font-weight: 900;
    text-decoration: underline;
}
.confirm_refund {
    max-width: 350px;
}
.confirm_refund ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.confirm_refund ul li {
    width: 50%;
}
.confirm_refund ul li button {
    width: 100%;
    height: 50px;
    background: #ccc;
    font-size: 16px;
    border: 1px solid transparent;
    outline: none;
}
.confirm_refund ul li button.confirm_btn {
    background: #000;
    color: #fff;
}

/* 스푼 - 본인인증 */
.spoon4 h1.plusInfo {
    padding-bottom: 0;
}
.spoon4 .plusInfo_p {
    margin-bottom: 0px;
}
.spoon4 #taxtype_person {
    border-top: 0;
}
.spoon4 .spoon-agree .all-agree {
    background: #f4f4f4;
    color: #000;
    border-bottom: 2px solid #000;
}
.payment .buttons a.btn.black.full-btn{
    width: 100%;
    height: 60px;
    font-size: 18px;
    font-weight: bold;
    line-height: 60px;
}

/* cjs 22.03.11 수정 */
.selectPay p.optionDefault {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-family: "nksr";
    letter-spacing: -1px;
    border: 1px solid #000;
    position: relative;
    padding-left: 15px;
    box-sizing: border-box;
    cursor: pointer;
}
.selectPay p.optionDefault.on {
    border-bottom: 0;
}
.selectPay p.optionDefault span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.selectPay p.optionDefault img {
    margin-right: 6%;
    margin-top: 4px;
    width: 19px;
}
.selectPay div.optionData {
    position: absolute;
    top: 50px;
    width: 100%;
    background-color: #ffffff;
    z-index: 9;
    border: 1px solid #000;
    border-top: 0;
}
.selectPay ul.optionList {
    background-color: #ffffff;
    max-height: 400px;
    overflow-y: auto;
}
.selectPay ul.optionList li {
    cursor: pointer;
    font-size: 18px;
    color: #000;
    height: auto;
    line-height: 25px;
    padding: 2% 9%;
}
.selectPay ul.optionList li:hover {
    background-color: #000;
    color: #ffffff;
}
.payment .spoonInfo {
    font-size: 14px;
    color: #999999;
    text-align: left;
    float: left;
    width: 100%;
    margin: 35px 0 28px 0;
}
.payment .spoonTable {
    width: 100%;
}
.payment .spoonTable thead tr,
.payment .spoonTable tr.payment_list_tr {
    display: grid;
    grid-template-columns: 1fr 500px 1fr 1fr;
}
.payment .spoonTable th {
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: bold;
    padding: 21px 0;
    border-bottom: 1px solid #000;
}
.payment .spoonTable tr.payment_list_tr td:nth-child(2) {
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.payment .spoonTable td {
    font-size: 16px;
    color: #313333;
    text-align: center;
    font-weight: 500;
    background-color: #ffffff;
    padding: 21px 10px;
    border-bottom: 1px solid #c6c6c6;
}
.payment .spoonPlus {
    font-size: 16px;
    color: #333333;
    text-align: center;
    border: 1px solid #c8c8c8;
    width: 221px;
    height: 42px;
    line-height: 42px;
    display: block;
    margin: 45px auto;
}

/* 내 스토어 css 추가 23.07.19 */
/* 링크공유현황 css */
.summuryWrap {
    width: 100%;
    position: relative;
    margin-bottom: 32px;
}
.summuryWrap .inner {
    width: 100%;
    height: 130px;
    background: #2c2c2c;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.summuryWrap .inner .title {
    width: 100%;
    font-size: 14px;
    color: #ababab;
    text-align: center;
    margin-bottom: 16px;
}
.summuryWrap .inner .bottom {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 10%;
}
.summuryWrap .inner .bottom p {
    color: #ababab;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}
.summuryWrap .inner .bottom p strong {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
.summuryWrap .inner .bottom p strong span {
    color: #ababab;
    font-size: 14px;
    margin-left: 4px;
}
.summuryWrap .inner .bottom .bar {
    width: 1px;
    height: 80%;
    background: #ababab;
}
.goBtnWrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}
.goBtnWrap .goBtn {
    font-size: 14px;
    color: #999;
    text-decoration: underline;
}
.payment .commerceTable {
    border-top: 2px solid #000;
    font-size: 16px;
}
.payment .commerceTable .commerceTr {
    border-bottom: 1px solid #c6c6c6;
    padding: 16px 0;
    position: relative;
}
.payment .commerceTable .commerceTd {
    display: grid;
    grid-template-columns: 80px 1fr 280px;
    padding: 4px 0;
}
.payment .commerceTable .sharing .commerceTd li *:hover,
.payment .commerceTable .stopped .commerceTd .status:hover,
.payment .commerceTable .stopped .buttonWrap button:nth-child(2):hover {
    text-decoration: underline;
}
.payment .commerceTable .commerceTd .status {
    text-align: left;
    font-weight: bold;
}
.payment .commerceTable .stopped .commerceTd .status {
    cursor: pointer;
    position: relative;
}
.payment .commerceTable .stopped .commerceTd .status::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: -5px;
    right: 9px;
    background: url("/_asset/img/commerce/q_mark.png") center center no-repeat;
    background-size: contain;
}
.payment .commerceTable .commerceTd .buttonWrap {
    text-align: right;
}
.payment .commerceTable .commerceTd .productName {
    width: 95%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}
.payment .commerceTable .delete .commerceTd .productName a,
.payment .commerceTable .stopped .commerceTd .productName a {
    color: #ababab;
    font-weight: 300;
}
.payment .commerceTable .commerceTd .underlinkBtn {
    border: none;
    background: none;
    font-size: 16px;
    font-weight: bold;
    margin-left: 16px;
}
.payment .commerceTable .commerceTd .commerceTablePopup {
    display: none;
    width: 90%;
    max-width: 500px;
    height: auto;
    position: absolute;
    left: 70px;
    top: 65px;
    padding: 8px 16px;
    background: #fff;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    z-index: 10;
}
.payment .commerceTable .commerceTd .commerceTablePopup .productName {
    text-align: left;
    cursor: default;
    white-space: normal;
    text-overflow: initial;
    overflow: visible;
    margin-bottom: 16px;
}
.commerceTd .commerceTablePopup .close {
    display: block;
    width: 11px;
    height: 11px;
    background: url("/_asset/img/common/icon_close_black.png") center center no-repeat;
    margin: 8px 0 8px auto;
    z-index: 10;
}
.commerceTd .commerceTablePopup .link {
    display: block;
    width: fit-content;
    height: auto;
    margin: 0 auto 8px;
    font-size: 14px;
    text-indent: 0;
    color: #888;
    text-decoration: underline;
}
.payment .commerceTable .delete .underlinkBtn,
.payment .commerceTable .stopped .underlinkBtn {
    color: #ababab;
    font-weight: 300;
}
.payment .commerceTable .stopped .buttonWrap button:nth-child(2) {
    color: #000;
    font-weight: bold;
}
/* alert 팝업창 */
.alert_pop {
    width: 450px;
    display: none;
}
.alert_pop_inner {
    margin-top: 10px;
}
.alert_pop_inner p {
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}
.alert_pop_inner button {
    display: block;
    padding: 10px 50px;
    border: 1px solid transparent;
    background: #000;
    color: #fff;
    font-size: 22px;
    margin: 28px auto 0;
}
.alert_pop_inner button.layer_btn_no {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
.alert_pop_inner .alert_button_wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    margin-top: 38px;
}
.alert_pop_inner .alert_button_wrap button {
    margin: 0;
}
/* 링크중단 alert 팝업 */
.commerce_stopped_popup {
    display: none;
}
.commerce_stopped_popup.on {
    display: block;
}
.commerce_stopped_popup .commerce_stopped_popup_inner {
    margin-top: 16px;
}
.commerce_stopped_popup p {
    font-size: 18px;
}
.commerce_stopped_popup .reason {
    font-weight: 900;
    margin: 16px 0;
    color: #0086f5;
}
.commerce_stopped_popup button {
    display: block;
    padding: 8px 24px;
    background: #000;
    border: 1px solid #000;
    border-radius: 8px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    margin: 24px auto 0;
}
.commerce_stopped_popup label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    column-gap: 8px;
    cursor: pointer;
}
.commerce_stopped_popup input[type="checkbox"] {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    cursor: pointer;
}

/* 장바구니 */
.mymarketInner {
    font-size: 16px;
    min-height: 500px;
}
.mymarketInner input[type="checkbox"] {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    cursor: pointer;
}
.mymarketInner input[type="checkbox"].checkSelect,
.pr_pop input[type="checkbox"].checkSelect {
    background: url("/_asset/img/user/icon_check01_on.jpg") 50% 50% no-repeat;
    background-size: contain;
}
.mymarketInner .imgWrap {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}
.mymarketInner .imgWrap::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.mymarketInner .imgWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.mymarketInner form > .top {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 8px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}
.mymarketInner form > .top label {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    column-gap: 8px;
}
.mymarketInner form > .top div {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    column-gap: 16px;
}
.mymarketInner form > .top button {
    display: block;
    padding: 4px 16px;
    background: #fff;
    border: 1px solid #888;
    color: #888;
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.3s;
}
.mymarketInner form > .top button:hover {
    background: #000;
    color: #fff;
}
.top.noneCart {
    width: 100%;
    text-align: center;
    font-size: 18px;
}
.payment .commerceTable .top.noneCart {
    padding-top: 50px;
}
.top.noneCart img {
    display: block;
    width: 70px;
    margin: 0 auto 16px;
}
.top.noneCart p {
    font-weight: bold;
}
.top.noneCart a {
    display: block;
    width: 300px;
    border: 1px solid #000;
    padding: 8px 10px;
    border-radius: 6px;
    margin: 16px auto 0;
    transition: all 0.2s;
}
.top.noneCart a:hover {
    background: #000;
    color: #fff;
    font-weight: bold;
}
.top.noneCart a.blueBtn {
    background: #fff;
    color: #0086f5;
    border: 1px solid #0086f5;
}
.top.noneCart a.blueBtn:hover {
    font-weight: bold;
    background: #0086f5;
    color: #fff;
}
.mymarketInner .cartList {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 20px;
}
.mymarketInner .itemWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px 0;
    border-bottom: 1px solid #888;
    column-gap: 16px;
}
.mymarketInner .itemInner {
    width: calc(100% - 36px);
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
.mymarketInner .itemInner .left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 16px;
}
.mymarketInner .itemInner .infoWrap {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mymarketInner .itemInner .infoWrap > div {
    width: 100%;
}
.mymarketInner .itemInner .recommend {
    background: #0086f5;
    color: #fff;
    width: fit-content;
    padding: 4px 8px;
    font-size: 14px;
}
.mymarketInner .itemInner .option {
    color: #888;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 4px;
}
.mymarketInner .itemInner .option .soldout {
    color: #fff;
    background: #ff0000;
    padding: 0 4px;
    margin-left: 4px;
}
.mymarketInner .itemInner .infoWrap .count-edit {
    font-size: 14px;
    background: none;
    width: 30px;
    text-align: center;
    border: 1px solid #555;
    margin: 0 4px;
}
.mymarketInner .itemInner .btnWrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    column-gap: 16px;
}
.mymarketInner .itemInner .btnWrap button {
    font-size: 16px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    padding: 8px 24px;
    transition: all 0.3s;
}
.mymarketInner .itemInner .btnWrap button:hover {
    background: #000;
    color: #fff;
}
.mymarketInner .itemInner .btnWrap button.blackBtn {
    background: #000;
    color: #fff;
}
.mymarketInner .itemInner .btnWrap button.blackBtn.disabled {
    background: #d9d9d9;
    color: #777;
    border: 1px solid #d9d9d9;
    user-select: none;
    cursor: default;
}
.mymarketInner .buying {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 8px;
}
.mymarketInner .buying .arrowWrap {
    display: none;
}
.mymarketInner .buying .itemList,
.mymarketInner .buying .deliveryList {
    width: 100%;
    margin-bottom: 8px;
}
.mymarketInner .buying .itemWrap,
.mymarketInner .buying .deliveryList p {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border: none;
    padding: 4px 0;
}
.mymarketInner .buying .deliveryList p {
    padding: 0;
}
.mymarketInner .buying .itemWrap p,
.mymarketInner .buying .deliveryList p {
    font-size: 14px;
    font-weight: 400;
    color: #555;
}
.mymarketInner .buying div p {
    font-size: 18px;
    font-weight: bold;
}
.mymarketInner .buying div p br {
    display: none;
}
.mymarketInner .buying button {
    display: block;
    background: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    padding: 8px 36px;
    font-size: 22px;
    transition: all 0.3s;
}
.mymarketInner .buying button span {
    display: inline-block;
    width: 27px;
    height: 27px;
    font-size: 18px;
    background: #fff;
    color: #0086f5;
    border-radius: 50%;
}
/* 구매내역 */
.spoonAsk {
    min-height: 500px;
}
.commerceList .selectPay {
    width: 180px;
}
.commerceList .searchBox {
    width: 300px;
}
.commerceList .searchBox input[type="text"] {
    border: 1px solid #000;
    height: 50px;
    width: 100%;
    font-size: 16px;
    font-family: "nksr";
    letter-spacing: -1px;
    padding: 0 15px;
}
.commerceList .spoon-date {
    border: 1px solid #000;
}
.payment .commerceTable.orderListTable .commerceTd {
    display: block;
}
.payment .commerceTable .commerceTd .wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.payment .commerceTable .commerceTd .wrap.flexStart {
    justify-content: flex-start;
    column-gap: 8px;
}
.payment .commerceTable.orderListTable .commerceTd .date {
    font-size: 14px;
    color: #888;
    font-weight: 300;
}
.payment .commerceTable.orderListTable .commerceTd .buyNum {
    font-size: 14px;
}
.payment .commerceTable.orderListTable .commerceTd .productName {
    white-space: initial;
    text-overflow: initial;
    overflow: visible;
    cursor: default;
}
.payment .commerceTable.orderListTable .goBtn {
    font-size: 14px;
    text-decoration: underline;
}
.payment .commerceTable.orderListTable .goBtn.detailBtn {
    color: #0086f5;
}
.payment .commerceTable.orderListTable .commerceTd .buttonWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    column-gap: 8px;
    row-gap: 8px;
    margin-top: 16px;
}
.payment .commerceTable.orderListTable .commerceTd .buttonWrap button {
    font-size: 16px;
    background: #fff;
    border: 1px solid #000;
    padding: 8px 24px;
    border-radius: 6px;
    transition: all 0.2s;
}
.payment .commerceTable.orderListTable .commerceTd .buttonWrap button:hover {
    background: #000;
    color: #fff;
}
/* 구매내역 상세 */
.orderView > header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-bottom: 2px solid #000;
    padding-bottom: 8px;
    margin-bottom: 16px;
}
.orderView > header h2 {
    width: 100%;
    text-align: center;
    font-size: 22px;
}
.orderView .inner {
    font-size: 16px;
}
.orderView .inner > div {
    padding: 0 8px 16px;
}
.orderView .inner header {
    width: 100%;
    padding: 8px 16px;
    background: #efefef;
    margin: 16px 0;
}
.orderView .inner header h3 {
    font-size: 18px;
}
.orderView .inner .top {
    width: 100%;
}
.orderView .inner .top .status {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}
.orderView .inner .top .infoWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 16px;
    margin-bottom: 16px;
}
.orderView .inner .top .infoWrap .imgWrap {
    width: 280px;
    height: 280px;
    position: relative;
}
.orderView .inner .top .infoWrap .imgWrap::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.orderView .inner .top .infoWrap .imgWrap img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
.orderView .inner .top .textWrap .productName {
    font-size: 18px;
    font-weight: bold;
}
.orderView .inner .top .textWrap .option {
    font-size: 14px;
    color: #888;
}
.orderView .inner .top .textWrap .count {
    margin-top: 16px;
}
.orderView .inner .top .buttonWrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 8px;
    row-gap: 8px;
    flex-wrap: wrap;
}
.orderView .inner .top .buttonWrap button {
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 8px;
    background: #fff;
    color: #000;
    padding: 8px 16px;
    transition: all 0.2s;
    cursor: pointer;
}
.orderView .inner .top .buttonWrap button:hover {
    background: #000;
    color: #fff;
}
.orderView .infoList form div {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 8px;
    margin-bottom: 8px;
}
.orderView .infoList .btn img.move {
    animation: rolling 0.3s alternate linear forwards;
}
@keyframes rolling {
    100% {
        transform: rotate(180deg);
    }
}
.orderView .infoList div .tit {
    width: 150px;
    font-weight: bold;
}
.orderView .infoList .detailList {
    display: none;
    font-size: 14px;
}
.orderView .infoList .detailList .tit {
    font-weight: normal;
}
.orderView .infoList .detailList .redText {
    color: #ff0000;
}
.orderView .full_btn {
    display: block;
    margin: 32px auto 0;
    max-width: 300px;
}
.orderView .inner .wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0 8px;
}
.orderView .wrap .btn {
    font-size: 14px;
    color: #888;
}
.orderView .wrap .btn img {
    vertical-align: baseline;
}
.orderView .editList form > div {
    flex-wrap: nowrap;
}
.orderView .editList form div > div {
    margin-bottom: 0;
}
.orderView .infoList div.btnWrap {
    flex-wrap: nowrap;
    margin-bottom: 0;
}
.orderView .infoList .btnWrap .black_btn {
    height: 48px;
    margin: 8px 0;
}
.orderView .editList input {
    width: 100%;
    height: 48px;
    padding: 0 8px;
    font-size: 16px;
    border: 1px solid #000;
    margin: 8px 0;
}
.orderView .editList form > .black_btn {
    display: block;
    height: 48px;
    margin: 16px auto 0;
    padding: 0 32px;
}
.orderView .editList form .caution {
    background: none;
    margin: 16px 0;
    color: #ff0000;
    text-align: center;
}
.orderView .editList form input,
.orderView .editList form button,
.orderView .editList form > .black_btn,
.orderView .editList form .caution {
    display: none;
}
.orderView .infoList .detailList {
    background: #f4f4f4;
    padding: 8px 16px;
    margin: 16px 0 0;
}
.orderView .infoList .detailList div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 0;
}
.orderView .infoList .payWrap {
    justify-content: flex-start;
}
/* 재구매 팝업 */
.pr_pop.orderView_pop {
    max-width: 400px;
    display: none;
    font-size: 16px;
}
.orderView_pop .inner {
    width: 100%;
    margin-top: 16px;
}
.orderView_pop button {
    display: block;
    padding: 8px 32px;
    background: #000;
    color: #fff;
    font-size: 16px;
    border: 1px solid #000;
}
.orderView_pop .btnWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 16px;
    margin-top: 16px;
}
.orderView_pop.soldout_pop button {
    margin: 16px auto 0;
}
/* 구매취소/교환/반품 팝업 */
.orderLayerPopupInner {
    font-size: 18px;
}
.orderLayerPopupInner > p {
    font-weight: bold;
    text-align: center;
}
.orderLayerPopupInner > p.caution {
    font-weight: normal;
    font-size: 14px;
    color: #0086f5;
    background: none;
    padding: none;
}
.orderLayerPopupInner .selectWrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: 16px;
}
.orderLayerPopupInner .selectWrap label {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}
.orderLayerPopupInner .selectWrap select {
    width: 100%;
    height: auto !important;
    margin-bottom: 10px;
    padding: 8px;
    font-size: 14px;
    outline: none;
    border: 1px solid #000;
}
.orderLayerPopupInner .selectWrap textarea {
    width: 100%;
    font-size: 14px;
    padding: 8px;
    border: 1px solid #000;
}
.orderLayerPopupInner .btnWrap {
    width: 100%;
    margin-top: 16px;
}
.orderLayerPopupInner .btnWrap button {
    display: block;
    width: 120px;
    margin: 0 auto;
    border: none;
    font-size: 14px;
    padding: 8px 0;
    border-radius: 4px;
}
/* 내글관리 */
.formTab {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 16px;
    margin-bottom: 16px;
}
.formTab .tabBtn {
    font-size: 16px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    color: #000;
    padding: 8px 32px;
    cursor: pointer;
    transition: all 0.2s;
}
.formTab .tabBtn.active {
    background: #000;
    color: #fff;
}
/* 구매후기 */
.reviewItemWrap {
    width: 100%;
    font-size: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #d9d9d9;
}
.managingArea .inner {
    margin-top: 16px;
    border-top: 2px solid #000;
}
.reviewItemWrap .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.myreview_star_wrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
    column-gap: 6px;
}
.myreview_star_inner {
    width: 93px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.myreview_star {
    width: 93px;
    height: 15px;
    background: url("/_asset/img/commerce/star-5.png") no-repeat;
}
.myreview_star .myreview_star_fill {
    width: 90%;
    height: 15px;
    background: url("/_asset/img/commerce/star-5-fill-red.png") no-repeat;
}
.reviewItemWrap .btnWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    column-gap: 8px;
}
.reviewItemWrap .btnWrap button {
    color: #888;
}
.reviewItemWrap .underlineBtn {
    display: block;
    font-size: 16px;
    text-decoration: underline;
    background: none;
    border: none;
}
.reviewItemWrap .info {
    font-size: 14px;
    color: #555;
}
.reviewItemWrap .reviewTextWrap {
    width: 100%;
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.reviewTextWrap .left {
    width: 100%;
}
.reviewTextWrap .left p {
    display: -webkit-box;
    width: 95%;
    height: auto;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.reviewTextWrap .left .underlineBtn {
    margin-top: 8px;
    color: #555;
}
.reviewTextWrap .imgWrap {
    width: 150px;
    height: 150px;
    position: relative;
}
.reviewTextWrap .imgWrap::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.reviewTextWrap .imgWrap img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
/* 리뷰 더보기 레이어팝업 */
.pr_pop.review_more_view_pop {
    display: none;
    width: 90%;
    max-width: 1000px;
}
.more_slide {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.more_container .imgWrap {
    width: 100%;
    height: 60vh;
    position: relative;
}
.more_container .imgWrap img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: scale-down;
}
.pr_pop.review_more_view_pop .textWrap {
    max-width: 900px;
    margin: 1em auto;
    font-size: 18px;
    border-top: 2px solid #333;
    padding-top: 1em;
}
/* 상품문의 */
.askItemWrap {
    width: 100%;
    font-size: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #d9d9d9;
}
.askItemWrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 16px;
    row-gap: 8px;
    padding: 16px 0;
}
.askItemWrap .top {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 8px;
    font-size: 14px;
}
.askItemWrap .top .status {
    font-size: 16px;
    color: #888;
}
.askItemWrap .top .status.ok {
    font-weight: bold;
    color: #000;
}
.askItemWrap .top .date {
    color: #888;
}
.askItemWrap button {
    display: block;
    background: #000;
    color: #fff;
    border: 1px solid #000;
    padding: 8px 32px;
    font-size: 16px;
    border-radius: 8px;
}
/* 문의답변팝업 */
.pr_pop.commerce_inquiry_pop {
    display: none;
    font-size: 16px;
}
.commerce_inquiry_pop .pop_inner {
    margin: 16px 0;
}
.commerce_inquiry_pop .pop_inner .text_wrap {
    width: 100%;
    margin-bottom: 16px;
}
.commerce_inquiry_pop .pop_inner .tit {
    font-weight: bold;
    margin-bottom: 8px;
}
.commerce_inquiry_pop .pop_inner .textarea {
    border: 1px solid #000;
    padding: 16px 8px;
}
.payment .spoonTable tr.payment_list_tr td:nth-child(2) {
    width: 100%;
    max-width: 500px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.commerce_inquiry_pop .pop_inner .textarea p {
    line-height: 1.2;
    word-break: break-all;
}
.commerce_inquiry_pop .pop_inner .black_btn {
    display: block;
    margin: 32px auto 0;
    padding: 8px 32px;
    height: auto;
}
.payment .spoonTable td .alink {
    text-decoration: underline;
    font-weight: bold;
}
.payment .spoonTable td .alink:hover {
    color: #0087f5 !important;
}
.payment .spoonTable td .alink:visited {
    color: #313333;
    font-weight: 400 !important;
}

/* 기업평가 */
.contents.comcheck {
    width: 870px;
    background-color: #ffffff;
    padding: 60px 65px 80px 65px;
    position: relative;
    margin-bottom: 100px;
}
.contents_title .subTxt {
    color: #999;
    font-size: 14px;
    margin-bottom: 35px;
    margin-top: 15px;
    text-align: left;
    padding: 0;
}

.tableBox {
    margin-bottom: 50px;
}
table.chk_table {
    width: 100%;
}
table.chk_table caption {
    text-align: left;
    display: none;
}
table.chk_table col.col_no {
    width: 10%;
}
table.chk_table col.col_subject {
    width: 50%;
}
table.chk_table col.score_1 {
    width: 8%;
}
table.chk_table col.score_2 {
    width: 8%;
}
table.chk_table col.score_3 {
    width: 8%;
}
table.chk_table col.score_4 {
    width: 8%;
}
table.chk_table col.score_5 {
    width: 8%;
}
table.chk_table th {
    height: 55px;
    text-align: center;
    background: #000;
    border-right: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    padding: 10px 0;
}
table.chk_table td {
    height: 53px;
    line-height: 23px;
    border-bottom: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    text-align: center;
    position: relative;
    font-size: 14px;
    color: #313333;
    padding: 0 !important;
    width: auto !important;
}
table.chk_table td:first-child {
    border-left: 0;
}
table.chk_table td.subject {
    text-align: left;
    padding-left: 30px !important;
}
table.chk_table input[type="radio"] {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 10px;
    z-index: -1;
}
table.chk_table input[type="radio"] + label {
    position: relative;
    z-index: 1;
    top: 8px;
    width: 27px;
    height: 27px;
    line-height: 27px;
    background: url(/_asset/img/user/radio_off.png) no-repeat;
    padding: 0;
    display: inline-block;
    *zoom: 1;
    *display: inlnie;
    cursor: pointer;
}
table.chk_table input[type="radio"]:checked + label {
    width: 27px;
    height: 27px;
    background: url(/_asset/img/user/radio_on.png) no-repeat;
    display: inline-block;
    *zoom: 1;
    *display: inlnie;
}
table.chk_table input[type="radio"].radioSelect + label {
    width: 27px;
    height: 27px;
    background: url(/_asset/img/user/radio_on.png) no-repeat;
    display: inline-block;
    *zoom: 1;
    *display: inlnie;
}
table.chk_table input[type="checkbox"] {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 10px;
    z-index: -1;
}
table.chk_table input[type="checkbox"] + label {
    position: relative;
    z-index: 1;
    top: 8px;
    width: 27px;
    height: 27px;
    line-height: 27px;
    background: url(/_asset/img/user/radio_off.png) no-repeat;
    padding: 0;
    display: inline-block;
    *zoom: 1;
    *display: inlnie;
    cursor: pointer;
}
table.chk_table input[type="checkbox"]:checked + label {
    width: 27px;
    height: 27px;
    background: url(/_asset/img/user/radio_on.png) no-repeat;
    display: inline-block;
    *zoom: 1;
    *display: inlnie;
}
table.chk_table input[type="checkbox"].checkSelect + label {
    width: 27px;
    height: 27px;
    background: url(/_asset/img/user/radio_on.png) no-repeat;
    display: inline-block;
    *zoom: 1;
    *display: inlnie;
}

p.want_msg_txt {
    color: #999;
    font-size: 14px;
    margin-bottom: 24px;
}
textarea.want_msg {
    width: 100%;
    height: 120px;
    padding: 10px;
    line-height: 22px;
    border: 1px solid #c6c6c6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

/* button style */
p.buttons.confirmSpoon {
    text-align: center;
}
.buttons a.btn {
    display: block;
    text-align: center;
    width: 223px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    margin: 50px auto;
}
.buttons a.btn.pink {
    background: #eb8ea5;
}
.buttons a.btn.black {
    background: #313333;
}

/* 설문 샘플 */
.research {
    width: 95%;
    margin: 0 auto;
}
.research li {
    padding: 25px 0 !important;
    width: 100% !important;
    margin-bottom: 0;
    float: none;
}
.research h1.research_titleMain {
    font-size: 20px;
    color: #313333;
    text-align: left;
    font-weight: normal;
    line-height: 30px;
    word-break: break-all;
}
.research p.research_titleSub {
    font-size: 14px;
    color: #999999;
    text-align: left;
    font-weight: normal;
    margin: 18px 32px;
    word-break: break-all;
}
.research p.research_titleSub img {
    max-width: 100%;
}
.research table.inputBox {
    width: 100%;
    margin: 0 auto;
}
.research table.inputBox td {
    padding: 5px 0;
    width: 55%;
}
.research table.inputBox .marginBottom {
    margin-bottom: 30px;
}

.research input[type="radio"].research_radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.research input[type="radio"].research_radio + label {
    padding: 0 2px 0 36px;
    height: 22px !important;
    margin: 10px 0;
    background: url("/_asset/img/common/radio_gray_off.png") no-repeat;
    font-size: 16px;
    color: #313333;
    display: inline-block;
}
.research input[type="radio"].research_radio.radioSelect + label {
    background: url("/_asset/img/common/radio_gray_on.png") no-repeat;
}
.research input[type="text"].research_etc {
    width: 240px;
    padding: 14px 10px;
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
    margin-left: 12px;
    font-size: 18px;
    color: #313333;
}
.research input[type="checkbox"].research_check {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.research input[type="checkbox"].research_check + label {
    padding: 0 0 2px 36px;
    min-height: 22px;
    margin: 10px 0;
    background: url("/_asset/img/common/check_gray_off.jpg") no-repeat;
    font-size: 16px;
    color: #313333;
    display: inline-block;
}
.research input[type="checkbox"].research_check.checkSelect + label {
    background: url("/_asset/img/common/check_gray_on.jpg") no-repeat;
}
.research input[type="text"].inputFull_txt {
    width: 88%;
    padding: 14px 30px;
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
    margin-left: 12px;
    font-size: 16px;
    color: #313333;
}
.research input[type="tel"].inputFull_txt {
    width: 88%;
    padding: 14px 30px;
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
    margin-left: 12px;
    font-size: 16px;
    color: #313333;
}
.research select.inputFull_txt {
    width: 95%;
    padding-left: 30px;
    height: 50px;
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
    margin-left: 12px;
    font-size: 16px;
    color: #313333;
}
.research textarea.textareaFull_txt {
    width: 88%;
    padding: 14px 30px;
    height: 90px;
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
    margin-left: 12px;
    font-size: 16px;
    color: #313333;
}

.research_question_detail input[type="radio"].research_radio + label {
    background: url("/_asset/img/common/radio_gray_off.png") no-repeat top center;
}
.research_question_detail input[type="radio"].research_radio.radioSelect + label {
    background: url("/_asset/img/common/radio_gray_on.png") no-repeat top center;
}
.research_question_detail input[type="radio"].research_radio:checked + label {
    background: url("/_asset/img/common/radio_gray_on.png") no-repeat top center;
}

.research_question_detail input[type="checkbox"].research_check + label {
    background: url("/_asset/img/common/check_gray_off.jpg") no-repeat top center;
}
.research_question_detail input[type="checkbox"].research_check.checkSelect + label {
    background: url("/_asset/img/common/check_gray_on.jpg") no-repeat top center;
}
.research_question_detail input[type="checkbox"].research_check:checked + label {
    background: url("/_asset/img/common/check_gray_on.jpg") no-repeat top center;
}

/* .research_question_order_list {
    text-align: center;
    margin-top: 20px;
}
.research_question_order_list span {
    font-size: 18px;
    text-align: center;
    margin: 0 5px;
    line-height: 26px;
    display: inline-block;
    zoom: 1;
    *display: inline;
} */

.research_question_order_list {
    width: fit-content;
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem;
    /* text-align: center; */
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid #979798;
    display: none;
}
.research_question_order_list span {
    font-size: 1rem;
}

.research .icon_date {
    margin-left: 13px;
}
.timeBox {
    float: right;
}
.selectTime {
    float: left;
    width: 114px;
    position: relative;
    margin-left: 32px;
}
.selectTime p.optionDefault {
    width: 93%;
    padding: 10px 0 10px 7%;
    font-size: 18px;
    color: #313333;
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
}
.selectTime p.optionDefault img {
    float: right;
    margin-right: 6%;
    margin-top: 4px;
}
.selectTime div.optionData {
    position: absolute;
    top: 42px;
    left: 4%;
    width: 91%;
    background-color: #ffffff;
    z-index: 9;
}
.selectTime ul.optionList {
    background-color: #ffffff;
}
.selectTime ul.optionList li {
    cursor: pointer;
    font-size: 18px;
    color: #f585a2;
    height: 40px;
    line-height: 40px;
    padding: 0 9%;
    border-bottom: 0;
}
.selectTime ul.optionList li:hover {
    background-color: #f585a2;
    color: #ffffff;
}

.research .research_text {
    font-size: 18px;
    color: #313333;
    margin: 0 0 0 12px;
    float: left;
    line-height: 44px;
}
.researchUpload_input {
    float: left;
    padding: 13px 32px 12px 32px;
    width: 70%;
    border: 1px solid #c6c6c6;
    font-size: 16px;
    background-color: #f2f2f2;
    border-right: none;
}
.researchUpload_div {
    position: relative;
    width: 149px;
    height: 46px;
    overflow: hidden;
}
.researchUpload_button {
    width: 100%;
    font-size: 16px;
    position: absolute;
    top: -3px;
    background-color: #313333;
    color: #ffffff;
    border: 1px solid #999999;
    height: 49px;
}
.researchUpload_hidden {
    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;
}
.research .listStyle11_text {
    font-size: 16px;
    color: #313333;
    line-height: 54px;
}
.research .listStyle11_text span {
    float: right;
}
.research .listStyle11 ul {
    border: 1px solid #c6c6c6;
    border-left: none;
    width: 656px;
    height: 90px;
    margin: 0 auto;
}
.research .listStyle11 li {
    font-size: 20px;
    background-color: #ffffff;
    border-left: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6 !important;
    height: 90px;
    line-height: 72px;
    text-align: center;
    width: 130px !important;
    float: left;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.research .listStyle11 li:last-child {
    width: 131px;
    border-right: 1px solid #c6c6c6 !important;
}
.research .listStyle11 li a {
    display: block;
    color: #999999;
}
.research .listStyle11 li a:hover {
    /* font-size: 20px; */
    color: #313333;
    background-color: #f2f2f2;
}
.research .listStyle11 li.on a {
    /* font-size: 20px; */
    color: #fff;
    background-color: #f585a2;
}

.research table.inputBox.listStyle12 {
    border: 1px solid #c6c6c6;
    margin-top: 15px;
}
.research table.inputBox.listStyle12 td {
    font-size: 30px;
    width: 33%;
    padding: 5px 0;
    margin-top: 10px;
}
.listStyle12 td input {
    font-size: 16px;
    color: #313333;
    text-align: center;
    width: 90%;
    border: none;
    outline: none;
}

.reviewTxt input[type="radio"].research_radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.reviewTxt input[type="radio"].research_radio.radioSelect + label {
    background: url("/_asset/img/common/radio_gray_on.png") no-repeat;
}
.reviewTxt input[type="radio"].research_radio:checked + label {
    background: url("/_asset/img/common/radio_gray_on.png") no-repeat;
}
.reviewTxt input[type="radio"].research_radio + label {
    float: left;
    padding: 0 2px 0 25px;
    height: 22px !important;
    margin: 10px 0 10px 10px;
    background: url("/_asset/img/common/radio_gray_off.png") no-repeat;
    font-size: 18px;
    color: #313333;
}
.reviewTxt input[type="radio"].research_radio.radioSelect + label {
    background: url("/_asset/img/common/radio_gray_on.png") no-repeat;
}

@media all and (max-width: 1400px) {
    nav.lnb_p {
        display: none;
    }
    nav.lnb_m {
        display: block;
        padding: 20px 0 40px;
    }
    nav.lnb .lnbList li a.on:after {
        width: 88%;
    }
    nav.lnb_m ul.lnbList {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
    nav.lnb .lnbList.myproject li.on:after {
        left: 50%;
        transform: translateX(-50%);
    }
    .contents .contents_title h1.plusInfo {
        margin-top: 0;
        flex-basis: 38%;
    }
    .selectArea {
        /* padding-bottom: 50px; */
        padding-bottom: 0px;
    }
    nav.lnb.notice_lnb .lnbList li.on {
        text-align: center;
    }
    nav.lnb.notice_lnb .lnbList li.on:after {
        left: 50%;
        transform: translateX(-50%);
    }

    nav.lnb li.on ul.lnbSub {
        display: flex;
        flex-direction: row;
        column-gap: 10px;
        align-items: center;
    }

    /*1:1문의*/
    .contents.inquiry {
        width: 1000px;
        padding: 0px 20px 80px 20px;
    }

    /*공지사항*/
    .goBack {
        padding: 25px 0;
    }
    .noticeViewInner {
        padding: 0;
    }

    /* 내 스토어 */
    /* 구매내역 상세 */
    .orderView .goBack {
        padding: 0;
    }
}

@media all and (max-width: 1100px) {
    /* 내 스토어 페이지 */
    /* 구매내역 */
    .spoonAsk .search-wrap.orderListSearchWrap {
        flex-wrap: wrap;
        justify-content: flex-start;
        column-gap: 8px;
        row-gap: 8px;
    }
    .search-wrap.orderListSearchWrap .searchBox {
        flex: 1 0 auto;
    }
    .search-wrap.orderListSearchWrap .spoon-date {
        width: 200px;
    }
}

@media all and (min-width: 640px) and (max-width: 860px) {
    .resume .profile {
        padding: 25px;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 20px;
    }
    .profile .profile_box > p {
        padding: 6px 10px;
        letter-spacing: -1px;
        flex: 1 0 auto;
        text-align: center;
    }
    .myProfileArea .s_title,
    .myProfileArea .s_score {
        letter-spacing: 0.5px;
    }
    .profile div.resumeUpload::after,
    .profile div.myspoonArea::after {
        display: none;
    }

    .withdrawal-area {
        padding: 60px 20px;
    }
}

@media all and (min-width: 640px) and (max-width: 1024px) {
    .mytable_new.contents.mylist {
        width: 90% !important;
    }
    /* 로그인 css */
    .table_area.login {
        margin-top: 20px;
    }

    /* 회원가입 */
    .table_area.join .contents_title {
        margin-bottom: 30px;
    }
    .select {
        width: 100%;
        position: relative;
    }

    .areaInner.on {
        padding-top: 0px;
    }
    .areaInner .select p.optionDefault img {
        float: right;
        margin-right: 6%;
        margin-top: 4px;
        width: 19px;
    }
    .areaInner .select ul.optionList {
        background-color: #ffffff;
    }
    .areaInner .select ul.optionList li {
        cursor: pointer;
        font-size: 18px;
        color: #2c2c2c;
        height: 40px;
        line-height: 40px;
        padding: 0 9% !important;
        margin-bottom: 0;
    }
    .areaInner .select ul.optionList li:hover {
        background-color: #2c2c2c;
        color: #ffffff;
    }
    .choiceMarital {
        background-color: #ffffff;
        width: 62%;
        float: left;
        border-radius: 10px;
        border: 2px solid #c6c6c6;
        height: 51px;
        line-height: 51px;
        position: relative;
        margin: 10px 0;
    }
    .choiceMarital a {
        width: 49%;
        float: left;
        text-align: center;
        font-size: 18px;
        color: #333333;
        height: 52px;
        line-height: 52px;
    }
    .choiceMarital a:first-child {
        border-right: 1px solid #c6c6c6;
        width: calc(51% - 2px);
    }
    .choiceMarital .left.on {
        background-color: #f585a2;
        border-radius: 10px;
        position: relative;
        top: -2px;
        left: -2px;
        height: 56px;
        line-height: 56px;
        color: #ffffff;
        font-weight: bold;
    }
    .choiceMarital .right.on {
        background-color: #f585a2;
        border-radius: 10px;
        position: absolute;
        top: -2px;
        right: -2px;
        height: 56px;
        line-height: 56px;
        color: #ffffff;
        width: 53%;
        font-weight: bold;
    }
    .selectMarried {
        width: 36%;
    }
    .agreeCheck {
        width: 100%;
        clear: both;
        margin: 0 auto;
    }

    /* 아이디 비밀번호 찾기 */
    .contents.find .findTab {
        padding-top: 54px;
        padding-bottom: 30px;
        border-bottom: 4px solid #e5e5e5;
        text-align: center;
    }
    .contents.find .findTab a {
        font-size: 24px;
        color: #999999;
        text-align: center;
        font-weight: bold;
        width: 232px;
        height: 62px;
        line-height: 62px;
        border-radius: 33px;
        border: 3px solid #c6c6c6;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 0 2%;
    }
    .contents.find .findTab a.on {
        background-color: #333333;
        border: 3px solid #333333;
        color: #ffffff;
    }
    .contents.find .findBox {
        margin-top: 43px;
        padding: 0 7px;
    }
    .contents.find .findBox h3 {
        font-size: 18px;
        color: #333333;
        text-align: left;
        font-weight: normal;
        margin-bottom: 35px;
    }

    .contents.find .findBox ul li {
        font-size: 14px;
        color: #999999;
        line-height: 22px;
        letter-spacing: -0.035em;
        margin-left: 10px;
    }
    .contents.find .findBox ul li img {
        width: 5px;
        margin-right: 5px;
        margin-left: -10px;
    }
    .contents.find .findPhone_dl {
        width: 255px;
        height: 256px;
        text-align: center;
        border: 1px solid #d2d2d2;
        margin: 0 auto;
        display: block;
        margin-top: 75px;
        cursor: pointer;
    }
    .contents.find .findPhone_dl dt {
        margin-top: 37px;
        margin-bottom: 28px;
    }
    .contents.find .findPhone_dl dd {
        font-size: 30px;
        color: #e25879;
    }
    .contents.find .resultText {
        font-size: 22px;
        color: #333333;
        text-align: center;
        padding-top: 64px;
        padding-bottom: 57px;
        border-bottom: 4px solid #e5e5e5;
    }
    .contents.find .resultText span {
        color: #999999;
        font-size: 14px;
    }
    .contents.find .resultInfo {
        margin-top: 47px;
        margin-bottom: 52px;
    }
    .contents.find .resultInfo li {
        font-size: 14px;
        color: #999999;
        letter-spacing: -0.035em;
        line-height: 21px;
        margin-left: 10px;
    }
    .contents.find .resultInfo li img {
        margin-left: -10px;
        width: 5px;
        margin-right: 5px;
    }
    .contents.find .fildloginBtn {
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        width: 245px;
        height: 68px;
        line-height: 68px;
        background-color: #f585a2;
        display: block;
        margin: 0 auto;
    }
    .contents.find .findId_box {
        margin-top: 40px;
        padding-bottom: 52px;
        border-bottom: 4px solid #e5e5e5;
    }
    .contents.find .findId_box p {
        font-size: 18px;
        color: #333333;
        text-align: left;
        float: left;
        width: 100%;
        line-height: 57px;
    }
    .contents.find .findId_box input[type="text"] {
        border: 1px solid #c6c6c6;
        padding: 17px 2%;
        font-size: 18px;
        color: #333333;
        width: calc(96% - 2px);
        float: left;
        outline: none;
    }
    .contents.find .findId_box a.findId_next {
        height: 57px;
        line-height: 57px;
        background-color: #f585a2;
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-size: 18px;
        float: left;
    }
    .contents.find .findId_text {
        font-size: 22px;
        color: #e25879;
        margin-bottom: 30px;
    }
    .contents.find .findId_text span {
        font-size: 14px;
        color: #999999;
    }
    .contents.find .findPw_text01 {
        font-size: 14px;
        color: #333333;
        margin-bottom: 15px;
    }
    .contents.find .findPw_text01 span {
        font-size: 22px;
        color: #e25879;
    }
    .contents.find .findPw_text02 {
        font-size: 14px;
        color: #333333;
        margin-bottom: 45px;
    }
    .contents.find .findPw_text02 span {
        color: #999999;
    }
    .contents.find .pwChange p {
        width: 152px;
        font-size: 18px;
        color: #333333;
        float: left;
        line-height: 55px;
    }
    .contents.find .pwChange input[type="text"] {
        width: 482px;
        padding: 16px 10px;
        border: 1px solid #c6c6c6;
        outline: none;
        margin: 7px 0;
        float: left;
    }
    .contents.find .pwChange input[type="password"] {
        width: 482px;
        padding: 16px 10px;
        border: 1px solid #c6c6c6;
        outline: none;
        margin: 7px 0;
        float: left;
    }
    .contents.find .discordancePw {
        font-size: 14px;
        color: #e25879;
        text-align: center;
        margin: 0 auto;
        display: block;
        padding-left: 160px;
        margin-top: 12px;
    }
    .contents.find .findpw_ul {
        padding-top: 23px;
        border-top: 4px solid #e5e5e5;
        margin-top: 35px;
        margin-bottom: 40px;
    }
    .contents.find .findpw_ul li {
        font-size: 14px;
        color: #999999;
        line-height: 24px;
        letter-spacing: -0.035em;
        margin-left: 10px;
    }
    .contents.find .findpw_ul li img {
        width: 5px;
        margin-right: 5px;
        margin-left: -10px;
    }

    /* 대쉬보드 내 요약정보 */
    .contents.dashboard {
        background-color: #ffffff;
        padding: 60px 30px 80px;
        position: relative;
        margin-bottom: 100px;
    }

    .dashbox.head {
        margin-top: 25px;
    }
    .dashbox.head:after {
        clear: both;
        content: "";
        display: block;
    }
    .dashbox.head dl {
        float: left;
        width: 33.3%;
    }
    .dashbox.head dl dt {
        color: #313333;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        height: 48px;
        line-height: 48px;
        background: url(/_asset/img/user/ico_dash_bar.png) left center no-repeat;
    }
    .dashbox.head dl:first-child dt {
        background: none;
    }
    .dashbox.head dl dd {
        text-align: center;
        position: relative;
        padding-top: 40px;
        height: 90px;
        background: #fff;
    }
    .dashbox.head .nick {
        display: block;
        color: #333;
        font-size: 20px;
        margin-bottom: 22px;
    }
    .dashbox.head .name {
        color: #999;
        font-size: 15px;
    }
    .dashbox.head em.level {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 50px;
        margin-right: 5px;
    }
    .dashbox.head em.level img {
        width: 100%;
    }
    .dashbox.head .point {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        text-align: left;
        color: #333;
        font-size: 21px;
        margin-bottom: 22px;
    }
    .dashbox.head .point span {
        font-size: 15px;
    }
    .dashbox.head a.bt_view {
        display: block;
        width: 92px;
        margin: 0 auto;
        color: #999;
        font-size: 14px;
        border-bottom: 1px solid #b2b2b2;
        position: relative;
        left: 35px;
    }
    .dashbox.head .spoon {
        display: block;
        color: #e25879;
        font-size: 21px;
        margin-bottom: 22px;
    }
    .dashbox.head .spoon span {
        font-size: 15px;
        color: #333;
    }
    .dashbox.head a.bt_apply {
        color: #999;
        font-size: 14px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        border-bottom: 1px solid #b2b2b2;
    }

    /* 대쉬보드 섹션 */
    .dashbox {
        clear: both;
        position: relative;
        padding: 15px;
        padding-top: 0;
        background: #f2f2f2;
        border: 1px solid #c8c8c8;
        margin-bottom: 20px;
    }
    .dashbox h4 {
        height: 48px;
        line-height: 48px;
        color: #313333;
        font-size: 16px;
        text-indent: 30px;
    }
    .dashbox h4 span {
        color: #e25879;
    }
    .dashbox a.bt_more {
        position: absolute;
        right: 25px;
        top: 15px;
        display: block;
        padding-right: 22px;
        color: #999;
        font-size: 14px;
        background: url(/_asset/img/user/ico_arrowRight.png) right center no-repeat;
    }
    .dashbox ul.dash_list {
        padding-top: 25px;
        background: #fff;
        height: 240px;
        text-align: left;
        overflow: hidden;
    }
    .dashbox ul.dash_list:after {
        clear: both;
        content: "";
        display: block;
    }
    .dashbox ul.dash_list li {
        width: 45%;
        margin: 0 10px;
        margin-bottom: 40px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        text-align: center;
    }
    .dashbox ul.dash_list li:nth-child(3) {
        display: none;
    }
    .dashbox ul.dash_list li .thum {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 160px;
    }
    .dashbox ul.dash_list li .thum img {
        width: 100%;
    }
    .dashbox ul.dash_list li p.subject {
        color: #313333;
        font-size: 14px;
        margin-top: 25px;
    }
    .dashbox ul.dash_list li p.subject a {
        color: #313333;
    }

    /* 공지사항, 1:1문의 */
    ol.cscenter:after {
        clear: both;
        content: "";
        display: block;
    }
    ol.cscenter li {
        float: right;
        width: 43%;
        height: 100px;
        padding: 0 3%;
        padding-top: 30px;
        background: #f2f2f2;
        border: 1px solid #cbcbcb;
    }
    ol.cscenter li:first-child {
        float: left;
    }
    ol.cscenter li strong {
        float: left;
        color: #333;
        font-size: 22px;
        font-weight: 400;
        height: 40px;
        line-height: 40px;
    }
    ol.cscenter li strong.notice {
        padding-right: 44px;
        background: url(/_asset/img/user/ico_notice.png) right center no-repeat;
    }
    ol.cscenter li strong.qna {
        padding-right: 54px;
        background: url(/_asset/img/user/ico_qna.png) right center no-repeat;
    }
    ol.cscenter li a.number {
        float: right;
        color: #333;
        font-size: 15px;
    }
    ol.cscenter li a.number em {
        color: #f585a2;
        font-size: 36px;
        font-weight: 600;
        margin-right: 5px;
    }
    ol.cscenter li p {
        clear: both;
        color: #999;
        font-size: 14px;
        padding-top: 12px;
    }

    /* 이력서 */
    .mytableAcc_btn {
        display: none;
    }
    .table_contents .table_title.myTable {
        height: 55px;
    }
    .table_contents .table_title.myTable a {
        width: 20%;
    }
    .resume .profile {
        grid-template-columns: 1fr 1fr 160px;
    }
    .profile dl.profileTxt {
        align-items: flex-start;
        flex-direction: column;
    }
    .profile dl.profileTxt dt {
        max-width: 130px;
        font-size: 24px;
        font-weight: bold;
        text-align: left;
        line-height: 30px;
    }
    .profile dl.profileTxt dt.career_nick .inputNick {
        margin: 0;
        padding: 10px 4% 10px 10px;
    }
    .profile dl.profileTxt dt span {
        font-size: 15px;
        /* color: #999999; */
    }
    .profile dl.profileTxt dd {
        margin-top: 5px;
    }
    .profile dl.profileTxt dd.dd_id {
        font-size: 14px;
        letter-spacing: -1px;
    }
    .profile dl.profileTxt dd.dd_birth {
        font-size: 15px;
        color: #999999;
    }

    .profile div.levelBox {
        position: relative;
        text-align: center;
        float: right;
        margin-top: 53px;
    }
    .profile em.level {
        display: inline-block;
        zoom: 1;
        *display: inline;
        width: 50px;
    }
    .profile em.level img {
        width: 100%;
    }
    .profile .point {
        display: inline-block;
        zoom: 1;
        *display: inline;
        text-align: left;
        color: #333;
        font-size: 21px;
        margin-bottom: 22px;
    }
    .profile .point span {
        font-size: 15px;
    }
    .profile a.bt_view {
        color: #999;
        font-size: 14px;
        display: block;
        border-bottom: 1px solid #b2b2b2;
        margin-left: 60px;
    }

    .checkPost {
        width: 49%;
        position: relative;
        color: #fe1652;
        text-align: left;
        font-size: 14px;
        float: left;
        margin: 10px 0;
        border: 2px solid #c6c6c6;
        border-radius: 10px;
        height: 51px;
    }
    .checkPost input {
        font-size: 18px;
        color: #333333;
        width: 65%;
        text-align: center;
        border: none;
        outline: none;
        margin: 15px 0;
    }
    .checkPost .postsClick {
        font-size: 16px;
        color: #ffffff;
        background-color: #333333;
        position: absolute;
        right: -2px;
        top: -2px;
        height: 55px;
        line-height: 54px;
        text-align: center;
        width: 35%;
        border-radius: 10px;
    }

    .inputAddress.borderCheck {
        width: 44%;
        float: right;
        padding-left: 4%;
    }
    .inputDetail {
        float: left;
        width: 94%;
        padding-left: 4%;
        padding-right: 14px;
    }
    .resume .choiceMarital {
        width: 49%;
    }
    .selectMarital {
        float: right;
        width: 49%;
    }
    .selectChild {
        width: 49%;
        float: left;
    }
    .selectChild.right {
        float: right;
    }
    .selectChild.select p.optionDefault {
        padding-left: 8%;
        width: 91%;
    }
    .selectGroup.select p.optionDefault {
        padding-right: 3px;
    }
    input.right {
        float: right;
    }
    .resume .inputPhone {
        background: none;
    }
    .resume .inputPhone.on {
        background: none;
    }
    .resume .phoneHyphen {
        display: inline !important;
    }
    .resume .inputPass01 {
        float: left;
        width: 45%;
        padding-left: 4%;
        padding-right: 2px;
    }
    .passReturn {
        float: right;
        width: 48%;
        position: relative;
        color: #fe1652;
        text-align: left;
        font-size: 14px;
        margin: 10px 0;
        border: 2px solid #c6c6c6;
        border-radius: 10px;
        height: 53px;
    }
    .passReturn input {
        font-size: 18px;
        color: #999999;
        width: 64%;
        text-align: left;
        border: none;
        outline: none;
        margin: 15px 0;
        padding-left: 7%;
    }
    .passReturn .phoneClick {
        font-size: 16px;
        color: #ffffff;
        background-color: #333333;
        position: absolute;
        right: -3px;
        top: -2px;
        height: 55px;
        line-height: 54px;
        text-align: center;
        width: 29%;
        border-radius: 10px;
    }

    .selectAchieve {
        width: 50%;
        float: none;
    }
    .inputSchool {
        padding-left: 1%;
        padding-right: 2%;
    }
    .inputSpecial {
        float: left;
        width: 94%;
        padding-left: 4%;
        padding-right: 10px;
    }
    .resume .inputSpecial {
        margin-bottom: 20px;
    }

    .checkPhone.return .inputPhone {
        background: none;
    }
    a.return {
        background-color: #c6c6c6 !important;
    }
    .contents .contents_title h1.plusInfo {
        width: 100%;
        font-size: 26px;
        color: #333333;
        font-weight: bold;
        margin: 0px 0 15px 0;
        position: relative;
    }
    .contents .contents_title h1.plusInfo span {
        width: 237px;
        background-color: #ffffff;
        position: relative;
        display: block;
        margin: 0 auto;
    }
    .contents .contents_title h1.plusInfo .borderMiddle {
        border-bottom: 1px solid #c6c6c6;
        width: 100%;
        height: 17px;
        position: absolute;
        top: 0;
    }
    a.moreInfo_open {
        padding: 0 36px 0 16px;
        font-size: 17px;
        color: #666666;
        float: right;
        height: 37px;
        line-height: 37px;
        border: 1px solid #c6c6c6;
        background: url("/_asset/img/user/arrowBottom_gray.png") no-repeat 146px 15px;
        margin-top: 0px;
        margin-bottom: 50px;
    }
    a.moreInfo_close {
        float: right;
        padding-left: 27px;
        padding-right: 52px;
        height: 37px;
        line-height: 37px;
        border: 1px solid #c6c6c6;
        font-size: 17px;
        text-align: center;
        background: #ffffff url("/_asset/img/user/arrowTop_gray.png") no-repeat 143px 13px;
        margin-bottom: 50px;
    }

    .resumeList {
        width: 100%;
        position: relative;
    }
    .resumeList ul {
        margin-bottom: 70px;
    }
    .resumeList > ul {
        margin-bottom: 0;
    }
    .resumeList > ul > li:first-child .contents_title {
        margin-top: 0;
        padding-top: 50px;
    }
    .resumeList ul li {
        position: relative;
        top: 0;
    }
    #resume .resumeList ul li {
        width: auto;
        float: none;
        padding: 0;
    }
    .resumeList .arrowBtn {
        position: absolute;
        top: 0;
        right: 0;
        background: url("/_asset/img/user/arrowBottom_pink.png") no-repeat right 7px;
        width: 100%;
        height: 45px;
    }
    .project .mytable_new .inquiryInner1 .inquiryList ul#board_list li {
        border-top: 0;
    }

    .resumeAcc .arrowBtn {
        border-bottom: none !important;
    }
    .partyListView_tabBox .resumeAcc .resumeAcc .resumeAcc {
        display: block !important;
    }
    .projectDetail.mission .resumeAcc .resumeAcc {
        display: block !important;
    }
    .resumeAcc .resumeAcc li {
        border-top: none !important;
    }
    .resumeList_box .titleP {
        font-size: 18px;
        color: #333333;
        text-align: left;
        margin-left: 25px;
        margin-bottom: 20px;
    }
    .resumeList_box .titleP span {
        color: #f585a2;
    }
    .resumeList_box .titleP a.remove {
        float: right;
        width: 90px;
        height: 24px;
        line-height: 24px;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        font-size: 14px;
        color: #999999;
        text-align: center;
    }
    .resumeList_box .inputFull {
        width: 95%;
        padding-left: 4%;
        padding-right: 3px;
    }
    .resumeList_box .borderCheck {
        margin: 8px 0;
    }

    .selectYear {
        width: 44%;
        float: left;
    }
    .selectYear.yearRight {
        float: right;
    }
    .selectYear .select {
        width: 47%;
    }
    .selectYear .select.right {
        margin-left: 5%;
    }
    .selectYear .spanNbsp {
        width: 15px;
        height: 50px;
        float: left;
    }
    .resumeYear.select div.optionData {
        left: 6%;
        width: 91%;
    }
    .spandash {
        float: left;
        width: 12%;
        text-align: center;
        margin-top: 27px;
    }
    .resumeYear.select p.optionDefault img {
        margin-right: 15%;
    }
    .choiceWork {
        background-color: #ffffff;
        width: 48%;
        float: right;
        border-radius: 10px;
        border: 2px solid #c6c6c6;
        height: 52px;
        line-height: 52px;
        position: relative;
        margin: 7px 0;
    }
    .plusWork {
        float: right;
        width: 120px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        color: #999999;
        font-size: 14px;
        background-color: #f2f2f2;
        border: 1px solid #c6c6c6;
        margin: 15px 25px 35px 0;
    }
    .plusWork.sub {
        width: 90px;
        background-color: #ffffff;
        margin: 5px 5px 30px 0;
    }

    .resumeOnline_box:after {
        display: block;
        content: "";
        clear: both;
    }
    .resumeOnline_box {
        background-color: #f8f8f8;
        margin-top: 23px;
        padding: 25px 35px;
        clear: both;
    }
    .resumeOnline_box h1 a {
        margin-left: 54px;
        width: 131px;
        height: 24px;
        line-height: 24px;
        background-color: #ffffff;
        font-size: 14px;
        color: #999999;
        text-align: center;
        border: 1px solid #c6c6c6;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    .resumeOnline_box .snsAdd {
        width: 100%;
        margin-top: 15px;
    }
    .resumeOnline_box .snsAdd p {
        color: #333333;
        font-size: 16px;
        text-align: right;
        float: left;
        width: 49%;
        height: 65px;
        line-height: 51px;
        margin-top: 10px;
    }

    .inputSns01 {
        width: 42%;
        float: left;
        padding-left: 4%;
        padding-right: 10px;
    }
    .inputSns02 {
        width: 95%;
        float: left;
        padding-left: 4%;
        padding-right: 5px;
    }
    .inputOffline {
        width: 43%;
        float: left;
        padding-left: 4%;
    }

    .areaList {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }
    .areaList a input[type="checkbox"] {
        width: 100%;
        height: 48px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: -1;
    }
    .areaList a.on {
        border: 2px solid #2c2c2c;
        color: #ffffff;
    }

    .textareaInfo {
        background-color: #ffffff;
        border: 2px solid #c6c6c6;
        border-radius: 10px;
        width: 97%;
        height: 100px;
        padding: 10px;
        font-size: 18px;
        color: #333333;
    }
    .groupfile {
        width: 153px;
        float: right;
    }
    .groupfile .group_input {
        display: none;
    }
    .groupfile .group_div {
        position: relative;
        width: 100%;
        height: 30px;
        overflow: hidden;
    }
    .groupfile .group_button {
        width: 100%;
        height: 30px;
        position: absolute;
        top: 0;
        background: none;
        color: #333333;
        border: none;
        border-left: none;
        border-bottom: 1px solid #333333;
        font-size: 18px;
        text-align: center;
    }
    .groupfile .group_hidden {
        position: absolute;
        width: 100%;
        height: 30px;
        right: 0px;
        top: 0px;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }

    /* 회원탈퇴 */
    .signOutBox {
        border-top: 1px solid #c6c6c6;
        padding-top: 40px;
        margin-top: 50px;
    }
    .signOutBox p {
        font-size: 16px;
        color: #333333;
        text-align: center;
        margin-bottom: 35px;
    }
    .signOutBox textarea {
        padding: 22px 5%;
        border: 1px solid #c8c8c8;
        width: 89%;
        height: 140px;
    }
    .signOutBox #signOut_check {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .signOutBox #signOut_check + label {
        background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
        font-size: 16px;
        color: #999999;
        height: 23px;
        padding: 2px 0 5px 30px;
        float: right;
        margin-top: 15px;
    }
    .signOutBox #signOut_check.checkSelect + label {
        background: url("/_asset/img/project/check_gray_on.jpg") no-repeat;
    }
    .signOut_btn {
        width: 100%;
        margin: 75px auto;
        text-align: center;
        float: left;
    }
    .signOut_btn a {
        display: inline-block;
        zoom: 1;
        *display: inline;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        width: 223px;
        height: 44px;
        line-height: 44px;
        margin: 0 5%;
    }
    .signOut_btn a.left {
        background-color: #f585a2;
    }
    .signOut_btn a.right {
        background-color: #333333;
    }

    .signOut_finish {
        margin-top: 50px;
    }
    .signOut_finish .profileImg {
        position: relative;
        margin: 0 auto;
        width: 154px;
        height: 154px;
        margin-bottom: 30px;
    }
    .signOut_finish .profileImg img {
        width: 154px;
        height: 154px;
        display: block;
        margin: 0 auto;
    }
    .signOut_finish .profileImg span {
        width: 154px;
        height: 154px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: url("/_asset/img/user/signOutBg.png") no-repeat;
    }
    .signOut_finish dl {
        width: 99%;
    }
    .signOut_finish dt {
        font-size: 30px;
        color: #333333;
        text-align: center;
        font-weight: bold;
        line-height: 63px;
    }
    .signOut_finish dd {
        font-size: 16px;
        color: #999999;
        text-align: center;
        line-height: 30px;
    }

    /* 마이 프로젝트 */
    .contents .contents_title.myproject {
        width: 100%;
        margin: 0 auto;
        padding-top: 10px;
    }
    .contents.myproject {
        background-color: #ffffff;
        padding: 0px 30px 0 30px;
        position: relative;
        margin-bottom: 100px;
    }
    .contents.myproject .contents_title h3 span {
        display: block;
        margin-top: 20px;
    }

    nav.lnb.lnb_m .lnbList.myproject li {
        padding: 0;
    }
    nav.lnb.lnb_m .lnbList.myproject li.on:after {
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .mylist .category {
        width: 94%;
        padding: 22px 3%;
    }
    .mylist .searchClick .listBtn a.on {
        background: none;
    }
    .mylist .listProject {
        margin: 0;
    }
    .mylist .listProject dd {
        float: left;
        display: block !important;
    }
    .mylist .listProject dd.listText {
        margin-right: 30px;
    }
    /* .mylist .listProject a.projectBtn.end {
        color: #333333;
        background-color: #f9f9f9;
    } */
    .mylist .listProject .listBtn_txt p {
        font-size: 14px;
        color: #333333;
        text-align: center;
    }
    .mylist .listProject .listBtn_txt p img {
        margin-right: 7px;
        width: 17px;
    }
    .mylist .listProject .listBtn_txt p a {
        color: #999999;
        border-bottom: 1px solid #999999;
    }

    .mylist .listProject .arrow li {
        font-size: 16px;
    }
    .mylist .listProject .arrow li.arrow_left {
        margin: 0 20px 0 0;
    }
    .mylist .listProject .arrow li.arrow_right {
        margin: 0 0 0 20px;
    }
    .mylist .listProject .arrow li.alignText {
        margin: 0;
    }
    .mylist .listProject .arrow li a {
        padding: 0 6px;
    }
    .mylist .listProject .arrow li.alignText.on a {
        background-color: #ffffff;
        color: #3f3f3f;
    }

    .projectList_btn {
        font-size: 17px;
        color: #666666;
        width: 175px;
        height: 37px;
        line-height: 37px;
        border: 1px solid #c6c6c6;
        text-align: center;
        display: block;
        position: absolute;
        top: 10px;
        right: 0;
    }
    .projectList_btn img {
        margin-right: 12px;
    }
    .myproject .projectDetail.mission {
        margin: 0;
        width: 100%;
    }
    .myproject .projectDetail {
        border-top: none;
    }
    .myproject .missionTitle {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    .myproject .missionTitle p {
        position: relative;
        top: 0;
        left: 0;
    }
    .myproject .missionNotice span {
        width: 93%;
    }
    .myproject a.moreInfo_open {
        border: none !important;
        margin-bottom: 0 !important;
        padding: 0 36px 0 16px !important;
        float: none;
        text-align: left !important;
    }
    .myproject a.moreInfo_close {
        border: none;
        margin-bottom: 0 !important;
        text-align: left !important;
    }
    .myproject .missionList li {
        padding: 45px 1% 22px 1%;
        width: 98%;
    }
    .myproject .resumeList {
        border-top: 1px solid #c6c6c6;
        padding-top: 10px;
    }
    .myproject .resumeList.notice {
        border-top: none;
        border-bottom: none;
    }

    .myproject .choiceMission {
        width: 100%;
        margin-top: 80px;
        margin-bottom: 30px;
    }

    /* 1:1문의 */
    .inquiry p.inquiryList a {
        font-size: 16px;
        color: #313333;
    }

    .inquiry .inquiryList li {
        margin-bottom: 17px;
    }
    .inquiry .inquiryInner2 .inquiryList li {
        margin: 0;
        padding: 0;
    }
    .inquiry .inquiryList .arrowBtn span.off {
        color: #999999;
    }
    .inquiry .inquiryList .arrowBtn span.on {
        color: #313333;
    }
    .inquiry .inquiryList .arrowBtn img {
        margin-left: 5px;
        width: 17px;
    }
    .inquiry .inquiryList .resumeAcc {
        padding-bottom: 50px;
    }
    .inquiry .inquiryList .resumeAcc dl {
        width: 100%;
        margin-top: 40px;
    }
    .inquiry .inquiryList .resumeAcc dl dt {
        font-size: 16px;
        color: #313333;
        text-align: left;
        padding: 0 35px;
        padding-bottom: 40px;
        line-height: 23px;
    }
    .inquiry .inquiryList .resumeAcc dl dt span {
        float: right;
        font-size: 14px;
        color: #999999;
    }
    .inquiry .inquiryList .resumeAcc dl dd {
        font-size: 14px;
        color: #999999;
        padding: 0 35px;
        padding-bottom: 40px;
    }
    .inquiry .inquiryList .resumeAcc dl.dl_answer dt {
        padding: 0 35px 40px 60px;
    }
    .inquiry .inquiryList .resumeAcc dl.dl_answer dt img {
        margin-right: 11px;
    }
    .inquiry .inquiryList .resumeAcc dl.dl_answer dt img.icon_new_black {
        margin-left: 8px;
        margin-right: 0;
        width: 17px;
    }
    .inquiry .inquiryList .resumeAcc dl.dl_answer dd {
        line-height: 20px;
        padding: 0 35px 40px 80px;
    }
    .inquiry .inquiryList .resumeAcc .plusWork {
        margin: 20px 30px 20px 0;
        color: #313333;
        width: 90px;
    }
    .inquiry .inquiryList .resumeAcc textarea {
        width: 86%;
        margin: 0 3%;
        padding: 20px 3%;
        font-size: 14px;
        display: block;
    }
    .inquiry .inquiryArea h1 {
        font-size: 16px;
        color: #333333;
        text-align: center;
        font-weight: bold;
        line-height: 80px;
    }
    .inquiry .inquiryArea .borderCheck {
        border-radius: 0;
        border: 1px solid #c6c6c6;
        margin: 7px 0;
        padding: 20px 2% 19px 2%;
    }
    .inquiry .inquiryArea .inputFull {
        font-size: 14px;
        width: 96%;
    }
    .selectInquiry {
        float: left;
        width: 100%;
        position: relative;
    }
    .selectInquiry p.optionDefault {
        width: 96%;
        padding-left: 7%;
        font-size: 14px;
        color: #999999;
        background-color: #ffffff;
    }
    .selectInquiry p.optionDefault img {
        float: right;
        margin-top: 4px;
        width: 19px;
    }
    .selectInquiry div.optionData {
        position: absolute;
        top: 60px;
        background-color: #ffffff;
        z-index: 9;
    }
    .selectInquiry ul.optionList {
        background-color: #ffffff;
        width: 100%;
        overflow: hidden;
    }
    .inquiry .inquiryArea .inquiryUpload {
        float: right;
        margin: 7px 0;
        width: 49%;
    }
    .inquiry .inquiryArea .inquiry_input {
        float: left;
        height: 21px;
        width: 69%;
        font-size: 12px;
        padding: 19px 1% 19px 3%;
        border: 1px solid #c6c6c6;
    }
    .inquiry .inquiryArea .inquiry_div {
        position: relative;
        width: 26%;
        height: 62px;
        overflow: hidden;
    }
    .inquiry .inquiryArea .inquiry_button {
        width: 100%;
        height: 64px;
        font-size: 16px;
        color: #c6c6c6;
        font-weight: bold;
        position: absolute;
        top: -3px;
        background-color: #c6c6c6;
        color: #ffffff;
        border: none;
    }
    .inquiry .inquiryArea .inquiry_hidden {
        width: 100%;
        height: 60px;
        position: absolute;
        right: 0px;
        top: 0px;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }
    .inquiry .inquiryArea textarea {
        font-size: 14px;
        height: 70px;
        width: 96%;
    }
    .inquiry .inquiryArea a.inquiry_closeBtn {
        font-size: 14px;
        color: #999999;
        position: absolute;
        bottom: 47px;
        right: 33px;
    }
    .inquiry .inquiryArea a.inquiry_closeBtn img {
        margin-left: 18px;
    }

    .inquiry .arrow {
        width: 100%;
        text-align: center;
        margin-top: 60px;
        float: left;
    }
    .inquiry .arrow li {
        font-size: 16px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    .inquiry .arrow li.arrow_left {
        margin: 0 20px 0 0;
    }
    .inquiry .arrow li.arrow_right {
        margin: 0 0 0 20px;
    }
    .inquiry .arrow li.alignText {
        margin: 0;
    }
    .inquiry .arrow li a {
        padding: 0 6px;
    }
    .inquiry .arrow li.alignText.on a {
        background-color: #ffffff;
        color: #3f3f3f;
    }

    /*마이프로젝트*/
    .mylist .listProject > ul > li {
        grid-template-columns: 400px 1fr;
    }

    /* 공지사항 */
    .noticeChoice {
        width: 100%;
        margin: 0 auto;
    }
    .noticeChoice .borderCheck {
        border: 1px solid #c6c6c6;
        border-radius: 0;
    }
    .noticeChoice .selectInquiry {
        width: 46%;
        margin-left: 2%;
    }
    .noticeChoice .selectInquiry p.optionDefault {
        padding: 11px 0 11px 7%;
        color: #313333;
    }

    .inquiry .inquiryList.notice .resumeAcc dl dd {
        border-bottom: none;
    }

    /* 결제페이지 */
    .payment .p_act {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }
    .payment .contents.payment {
        background-color: #ffffff;
        padding: 60px 20px 80px;
        position: relative;
        margin-bottom: 100px;
    }

    .payment .pl15 {
        padding-left: 15px;
    }
    .payment h4.s_tit {
        color: #333;
        font-size: 16px;
        font-weight: 600;
    }
    .payment ul.msgtxt {
        margin-top: 10px;
        margin-bottom: 35px;
    }
    .payment ul.msgtxt li strong {
        color: #e25879;
        font-weight: 600;
    }

    /* 스푼 */
    .payment .myspoon_view {
        text-align: right;
        margin-bottom: 18px;
    }
    .payment .myspoon_view a {
        display: inline-block;
        color: #333;
        font-size: 14px;
        border-bottom: 1px solid #333;
    }
    .payment .exchange_table dl {
        width: 100%;
        grid-template-columns: 0.3fr 1fr;
    }
    .payment .exchange_table dl dd {
        padding: 10px 0 10px 15px;
    }
    .payment .exchange_table input[type="radio"],
    .exchange_table label {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }
    .payment .exchange_table input[type="radio"] + label {
        position: relative;
        z-index: 1;
        width: auto;
        height: 27px;
        line-height: 27px;
        background: url(/_asset/img/user/radio_off.png) no-repeat;
        padding: 0;
        padding-left: 38px;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
        cursor: pointer;
        margin-right: 45px;
    }
    .payment .exchange_table input[type="radio"]:checked + label {
        width: auto;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }
    .payment .exchange_table input[type="radio"].radioSelect + label {
        width: auto;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }

    /* 서류 등록 */
    .payment .file_input_textbox {
        float: left;
        width: 260px;
        height: 44px;
        line-height: 44px;
        border: 1px solid #c6c6c6;
        border-right: 0;
        padding: 0 10px;
        font-size: 14px;
    }
    .payment .file_input_div {
        position: relative;
        width: 129px;
        height: 44px;
        line-height: 44px;
        overflow: hidden;
        font-size: 14px;
        color: #999;
        background: #f2f2f2;
        border: 1px solid #c6c6c6;
        text-align: center;
        margin-bottom: 8px;
    }
    .payment .file_input_img_btn {
        padding: 0 0 0 5px;
    }
    .payment .file_input_hidden {
        font-size: 29px;
        position: absolute;
        right: 0px;
        top: 0px;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: alpha(opacity=0);
        cursor: pointer;
    }

    /* 환불,계좌정보 */
    .payment input.inputTxt,
    .payment select {
        width: 260px;
        height: 44px;
        line-height: 44px;
        border: 1px solid #c6c6c6;
        padding: 0 10px;
        font-size: 14px;
        outline: none;
    }
    .payment .buttons a.btn {
        width: 260px;
    }
    .payment .account_search_wrap select {
        width: 241px;
    }
    .payment span.money1 {
        color: #999;
        font-size: 14px;
        margin-left: 10px;
    }
    .payment span.money1_s {
        color: #999;
        font-size: 14px;
    }
    .payment p.money2 {
        color: #333;
        font-size: 15px;
        font-weight: 600;
        margin-top: 15px;
    }
    .payment p.money2 strong {
        color: #e25879;
        font-size: 28px;
        font-weight: 600;
        margin-left: 10px;
        position: relative;
        top: 3px;
    }
    .payment p.money2 span {
        color: #999;
        font-size: 14px;
        margin-left: 10px;
    }
    .payment .account a.acc_change {
        color: #333;
        font-size: 14px;
        border-bottom: 1px solid #333;
        margin-left: 15px;
        font-weight: 600;
    }

    /* 이용약관 동의 */
    .payment .agr_tit:after {
        clear: both;
        content: "";
        display: block;
    }
    .payment h4.s_tit.left {
        float: left;
        padding-left: 15px;
    }
    .payment .agree_chk {
        float: right;
        position: relative;
    }
    .payment .agree_chk input[type="checkbox"],
    .agree_chk label {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }
    .payment .agree_chk input[type="checkbox"] + label {
        position: relative;
        z-index: 1;
        width: auto;
        height: 27px;
        line-height: 27px;
        background: url(/_asset/img/user/radio_off.png) no-repeat;
        padding: 0;
        padding-left: 38px;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
        cursor: pointer;
        padding-right: 14px;
        color: #999;
        font-size: 16px;
    }
    .payment .agree_chk input[type="checkbox"]:checked + label {
        width: auto;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }
    .payment .agree_chk input[type="checkbox"].radioSelect + label {
        width: auto;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }
    .payment .agree_txt {
        clear: both;
        padding: 15px;
        height: 97px;
        border: 1px solid #c8c8c8;
        margin-top: 20px;
    }
    .payment .agree_txt textarea {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        outline: none;
        color: #666;
        line-height: 22px;
        border: 0;
    }

    /* button style */
    .buttons a.btn {
        display: block;
        text-align: center;
        width: 223px;
        height: 44px;
        line-height: 44px;
        color: #fff;
        font-size: 16px;
        margin: 50px auto;
    }
    .buttons a.btn.pink {
        background: #eb8ea5;
    }
    .buttons a.btn.black {
        background: #313333;
    }

    /* 결제스푼내역 */
    .payment .paySpoon_btn {
        top: -85px;
    }
    .selectPay {
        width: 100%;
        position: relative;
    }
    /* cjs 22.03.11 수정 */
    .selectPay ul.optionList {
        background-color: #ffffff;
    }
    .payment .spanTxt {
        float: left;
        font-size: 16px;
        color: #313333;
        margin-right: 14px;
        margin-top: 13px;
    }

    .payment .spoonInfo {
        font-size: 14px;
        color: #999999;
        text-align: left;
        float: left;
        width: 100%;
        margin: 35px 0 28px 0;
    }
    .payment .spoonTable {
        width: 100%;
    }
    .payment .spoonTable th {
        font-size: 16px;
    }
    .payment .spoonTable td {
        font-size: 16px;
    }
    .payment .spoonTable th:first-child {
        border-left: none;
    }
    .payment .spoonTable td:first-child {
        border-left: none;
    }
    .payment .spoonPlus {
        font-size: 16px;
        color: #333333;
        text-align: center;
        border: 1px solid #c8c8c8;
        width: 221px;
        height: 42px;
        line-height: 42px;
        display: block;
        margin: 45px auto;
    }

    /* 기업평가 */
    .contents.comcheck {
        background-color: #ffffff;
        padding: 60px 20px 80px;
        position: relative;
        margin-bottom: 100px;
    }
    .contents_title .subTxt {
        color: #999;
        font-size: 14px;
        margin-bottom: 35px;
        margin-top: 15px;
        text-align: left;
        padding: 0;
    }

    .tableBox {
        margin-bottom: 50px;
    }
    table.chk_table {
        width: 100%;
    }
    table.chk_table caption {
        text-align: left;
        display: none;
    }
    table.chk_table col.col_no {
        width: 10%;
    }
    table.chk_table col.col_subject {
        width: 50%;
    }
    table.chk_table col.score_1 {
        width: 8%;
    }
    table.chk_table col.score_2 {
        width: 8%;
    }
    table.chk_table col.score_3 {
        width: 8%;
    }
    table.chk_table col.score_4 {
        width: 8%;
    }
    table.chk_table col.score_5 {
        width: 8%;
    }
    table.chk_table th {
        height: 55px;
        padding: 10px 5px;
        text-align: center;
        background: #c6c6c6;
        border-right: 1px solid #fff;
        font-size: 16px;
        color: #fff;
    }
    table.chk_table td {
        height: 53px;
        line-height: 23px;
        border-bottom: 1px solid #c6c6c6;
        border-left: 1px solid #c6c6c6;
        text-align: center;
        position: relative;
        font-size: 16px;
        color: #313333;
        width: auto !important;
        padding: 0 !important;
    }
    table.chk_table td:first-child {
        border-left: 0;
    }
    table.chk_table td.subject {
        text-align: left;
        padding-left: 30px !important;
    }
    table.chk_table input[type="radio"] {
        opacity: 0;
        position: absolute;
        left: 50%;
        margin-left: -7px;
        top: 10px;
        z-index: -1;
    }
    table.chk_table input[type="radio"] + label {
        position: relative;
        z-index: 1;
        top: 8px;
        width: 27px;
        height: 27px;
        line-height: 27px;
        background: url(/_asset/img/user/radio_off.png) no-repeat;
        padding: 0;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
        cursor: pointer;
    }
    table.chk_table input[type="radio"]:checked + label {
        width: 27px;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }
    table.chk_table input[type="radio"].radioSelect + label {
        width: 27px;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }

    table.chk_table input[type="checkbox"] {
        opacity: 0;
        position: absolute;
        left: 50%;
        margin-left: -7px;
        top: 10px;
        z-index: -1;
    }
    table.chk_table input[type="checkbox"] + label {
        position: relative;
        z-index: 1;
        top: 8px;
        width: 27px;
        height: 27px;
        line-height: 27px;
        background: url("/_asset/img/common/radio_gray_off.png") no-repeat;
        padding: 0;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
        cursor: pointer;
    }
    table.chk_table input[type="checkbox"]:checked + label {
        width: 27px;
        height: 27px;
        background: url("/_asset/img/common/check_gray_on.jpg") no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }
    table.chk_table input[type="checkbox"].checkSelect + label {
        width: 27px;
        height: 27px;
        background: url("/_asset/img/common/check_gray_on.jpg") no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }

    p.want_msg_txt {
        color: #999;
        font-size: 14px;
        margin-bottom: 24px;
    }
    textarea.want_msg {
        width: 100%;
        height: 120px;
        padding: 10px;
        line-height: 22px;
        border: 1px solid #c6c6c6;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

    /* 설문 샘플 */
    .research li {
        padding: 60px 0 !important;
        width: 89% !important;
        margin-bottom: 0;
        float: none !important;
        margin: 0 auto;
    }
    .research h1.research_titleMain {
        font-size: 24px;
        color: #313333;
        text-align: left;
        font-weight: normal;
        margin: 0 25px;
    }
    .research p.research_titleSub {
        font-size: 14px;
        color: #999999;
        text-align: left;
        font-weight: normal;
        margin: 18px 53px;
        word-break: break-all;
    }
    .research p.research_titleSub img {
        max-width: 100%;
    }
    .research table.inputBox {
        width: 90%;
        margin: 0 auto;
    }
    .research table.inputBox td {
        padding: 0;
        width: 55%;
    }
    .research table.inputBox .marginBottom {
        margin-bottom: 30px;
        width: 71%;
    }

    .research_question_order_list {
        text-align: center;
        margin-top: 20px;
        display: none;
    }
    .research_question_order_list span {
        font-size: 18px;
        text-align: center;
        margin: 0 5px;
        line-height: 26px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    .research input[type="radio"].research_radio {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .research input[type="radio"].research_radio + label {
        padding: 0 0 2px 36px;
        height: 22px;
        margin: 10px 0;
        background: url("/_asset/img/common/radio_gray_off.png") no-repeat;
        font-size: 18px;
        color: #313333;
        display: inline-block;
    }
    .research input[type="radio"].research_radio.radioSelect + label {
        background: url("/_asset/img/common/radio_gray_on.png") no-repeat;
    }
    .research input[type="text"].research_etc {
        width: 281px;
        padding: 14px 10px;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        margin-left: 12px;
        font-size: 18px;
        color: #313333;
    }

    .research input[type="checkbox"].research_check {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .research input[type="checkbox"].research_check + label {
        padding: 0 0 2px 36px;
        min-height: 22px;
        margin: 10px 0;
        background: url("/_asset/img/common/check_gray_off.jpg") no-repeat;
        font-size: 18px;
        color: #313333;
        display: inline-block;
    }
    .research input[type="checkbox"].research_check.checkSelect + label {
        background: url("/_asset/img/common/check_gray_on.jpg") no-repeat;
    }
    .research_question_detail input[type="radio"].research_radio + label {
        background: url("/_asset/img/common/radio_gray_off.png") no-repeat top center;
    }
    .research_question_detail input[type="radio"].research_radio.radioSelect + label {
        background: url("/_asset/img/common/radio_gray_on.png") no-repeat top center;
    }
    .research_question_detail input[type="radio"].research_radio:checked + label {
        background: url("/_asset/img/common/radio_gray_on.png") no-repeat top center;
    }

    .research input[type="text"].inputFull_txt {
        width: 89%;
        padding: 14px 4%;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        margin-left: 12px;
        font-size: 16px;
        color: #313333;
        margin-bottom: 20px;
    }
    .research input[type="tel"].inputFull_txt {
        width: 89%;
        padding: 14px 4%;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        margin-left: 12px;
        font-size: 16px;
        color: #313333;
        margin-bottom: 20px;
    }
    .research select.inputFull_txt {
        width: 90%;
        padding-left: 4%;
        height: 50px;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        margin-left: 12px;
        font-size: 16px;
        color: #313333;
        margin-bottom: 20px;
    }
    .research textarea.textareaFull_txt {
        width: 89%;
        padding: 14px 4%;
        height: 90px;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        margin-left: 12px;
        font-size: 16px;
        color: #313333;
    }

    .research .icon_date {
        margin-left: 13px;
        float: left;
    }
    .timeBox {
        float: right;
        margin-left: 12px;
    }
    .selectTime {
        float: left;
        width: 114px;
        position: relative;
    }
    .selectTime p.optionDefault {
        width: 93%;
        padding: 10px 0 10px 7%;
        font-size: 18px;
        color: #313333;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
    }
    .selectTime p.optionDefault img {
        float: right;
        margin-right: 6%;
        margin-top: 4px;
    }
    .selectTime div.optionData {
        position: absolute;
        top: 42px;
        left: 4%;
        width: 91%;
        background-color: #ffffff;
        z-index: 9;
    }
    .selectTime ul.optionList {
        background-color: #ffffff;
    }
    .selectTime ul.optionList li {
        cursor: pointer;
        font-size: 18px;
        color: #f585a2;
        height: 40px;
        line-height: 40px;
        padding: 0 9%;
        border-bottom: 0;
    }
    .selectTime ul.optionList li:hover {
        background-color: #f585a2;
        color: #ffffff;
    }

    .research .research_text {
        font-size: 18px;
        color: #313333;
        margin: 0 32px 0 12px;
        float: left;
        line-height: 44px;
    }
    .researchUpload_input {
        float: left;
        padding: 13px 4% 12px 4%;
        width: 73%;
        border: 1px solid #c6c6c6;
        font-size: 16px;
        background-color: #f2f2f2;
        border-right: none;
    }
    .researchUpload_div {
        position: relative;
        width: 18%;
        height: 46px;
        overflow: hidden;
    }
    .researchUpload_button {
        width: 100%;
        font-size: 16px;
        position: absolute;
        top: -3px;
        background-color: #313333;
        color: #ffffff;
        border: 1px solid #999999;
        height: 49px;
    }
    .researchUpload_hidden {
        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;
    }
    .research .listStyle11_text {
        font-size: 16px;
        color: #313333;
        line-height: 54px;
    }
    .research .listStyle11_text span {
        float: right;
    }
    #projectContents .research .listStyle11 ul {
        border: 1px solid #c6c6c6;
        border-left: none;
        width: 100%;
        height: 72px;
    }
    .research .listStyle11 li {
        border-bottom: 1px solid #c6c6c6 !important;
        font-size: 16px;
        background-color: #ffffff;
        border-left: 1px solid #c6c6c6;
        height: 72px;
        line-height: 72px;
        text-align: center;
        width: calc(20% - 1px) !important;
        float: left !important;
        padding: 0 !important;
        border-top: none !important;
    }
    .research .listStyle11 li a {
        display: block;
        color: #999999;
    }
    .research .listStyle11 li a:hover {
        font-size: 16px;
        color: #313333;
        background-color: #f2f2f2;
    }
    .research .listStyle11 li.on a {
        font-size: 16px;
        color: #313333;
        background-color: #f585a2;
    }

    .research table.inputBox.listStyle12 {
        border: 1px solid #c6c6c6;
        margin-top: 15px;
    }
    .research table.inputBox.listStyle12 td {
        font-size: 30px;
        width: 33%;
        padding: 5px 0;
        margin-top: 10px;
    }
    .listStyle12 td input {
        font-size: 16px;
        color: #313333;
        text-align: center;
        width: 90%;
        border: none;
        outline: none;
    }

    .reviewTxt input[type="radio"].research_radio {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .reviewTxt input[type="radio"].research_radio + label {
        padding: 0 0 2px 25px;
        height: 22px;
        margin: 10px 0 10px 10px;
        background: url("/_asset/img/common/radio_gray_off.png") no-repeat;
        font-size: 18px;
        color: #313333;
        float: left;
    }
    .reviewTxt input[type="radio"].research_radio.radioSelect + label {
        background: url("/_asset/img/common/radio_gray_on.png") no-repeat;
    }
    .reviewTxt input[type="radio"].research_radio:checked + label {
        background: url("/_asset/img/common/radio_gray_on.png") no-repeat;
    }
}

@media (max-width: 800px) {
    .spoon-date {
        width: 110px;
    }
    .resume .profile {
        grid-template-columns: 220px 1fr 1fr;
    }
    /*내정보관리*/
    .areaInner.on {
        padding-top: 0;
    }
    .areaInner.on .plusInfo_p {
        font-size: 16px;
    }
    .plusInfo .pink{
        display: block;
    }
    .profile .myspoonArea {
        grid-template-columns: 50% 50%;
    }
    .resumeBox .resumeUpload {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 0.4fr;
    }
    .resumeBox .resumeUpload div:first-child {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .resumeBox .resumeUpload dl.profileTxt {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
        margin-top: 0;
    }
    .resumeBox .resumeUpload div.profile_box {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        /* height: 32px; */
        height: auto;
        margin-top: 0;
        /* margin-bottom: 10px; */
        margin-bottom: 0;
        column-gap: 0;
        align-self: center;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 8px;
    }
    .profile .profile_box p.userSetting.logout {
        margin-left: 0;
    }
    .snsList .sns-top{
        padding: 16px;
    }
    .resumeList_box .areaList{
        justify-content: flex-start;
    }
    .resumeList_box .areaList a{
        width: auto;
        font-size: 14px;
        padding: 6px 10px;
    }
    .snsList .sns-top .sns-top-logo span{
        font-size: 12px;
    }

    /*공지사항*/
    .inquiry .inquiryList .arrowBtn span.subjectWrap span {
        max-width: 500px;
    }
    .pr_pop.layer_notice_pop {
        width: 90%;
    }
    .layer_inquiry_pop, .pr_pop.layer_notice_pop {
        max-height: 85vh;
    }
    .layer_notice_pop .inPop_title h2#popSubject{
        font-size: 20px;
    }
    .layer_notice_pop .noticePopContWrap {
        max-height: 500px;
    }
    .layer_notice_pop .noticePopContWrap .noticePopCont {
        padding-bottom: 100px;
    }

    /* 1:1문의 */
    .inquiry-img-box > .box-flex-stech .box-file{
        width: 90%;
        /* justify-content: flex-end; */
    }
    /* .inquiry-img-box > .box-flex-stech .box-file > .box-flex-stech{
        width: 90%;
    } */
    /* .inquiry-img-box .btn-file-action.btn-file-action-del{
        right: initial;
        left: 0;
    } */

    /*자주묻는질문*/
    .inquiry .inquiryInner2 .inquiryList .arrowBtn p {
        flex-direction: column;
        row-gap: 5px;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .inquiry .inquiryInner2 .inquiryList .arrowBtn p img {
        margin: 0;
    }

    /*스푼내역*/
    .payment .spoonTable thead tr,
    .payment .spoonTable tr.payment_list_tr {
        grid-template-columns: 1fr 300px 1fr 1fr;
    }

    /*회원탈퇴*/
    .table_contents .contents.signOutWrap {
        width: 100% !important;
        padding: 20px 16px 50px;
    }

    .layer_inquiry_pop {
        width: 90%;
    }
    .layer_inquiry_pop #popSubject {
        font-size: 22px;
    }

    /*스푼 구매내역 상세*/
    .spoonpay_inner .spoonpay_detail li div {
        width: 100%;
    }

    /* 링크생성 팝업창 css 23.07.18 추가 */
    .commerce_link_popup .mylink_wrap input {
        width: 100%;
        margin-bottom: 10px;
    }
    .commerce_link_popup .mylink_wrap button#copyLink {
        width: 50%;
        background: #fff;
        color: #0087f5;
        border: 2px solid #0087f5;
    }
    .commerce_link_popup .mylink_wrap button#copyLink:hover {
        background: #0087f5;
        color: #fff;
    }
    .commerce_link_popup .mylink_wrap button img {
        display: inline;
    }
    .commerce_link_popup .mylink_wrap button.go_spoon {
        width: 50%;
        margin: 0;
    }
    .commerce_link_popup button {
        font-size: 16px;
        height: 55px;
    }
    .commerce_link_popup p {
        font-size: 16px;
    }
    .commerce_link_popup button.go_spoon {
        margin: 15px auto 0;
    }
    .alert_pop_inner p,
    .alert_pop_inner button {
        font-size: 16px;
    }

    /* 내 스토어 페이지 */
    /* 구매내역 상세 */
    .orderView > header h2 {
        font-size: 18px;
    }
    .orderView .inner,
    .orderView .inner .top .buttonWrap button {
        font-size: 14px;
    }
    .orderView .inner header h3,
    .orderView .inner .top .status,
    .orderView .inner .top .textWrap .productName {
        font-size: 16px;
    }
    .orderView .inner .top .infoWrap .imgWrap {
        width: 150px;
        height: 150px;
    }
    .orderView .infoList div .tit {
        width: 110px;
    }
    .orderView .editList input,
    .orderView .infoList .btnWrap .black_btn,
    .orderView .editList form > .black_btn {
        height: 42px;
        font-size: 14px;
    }
    .orderView .full_btn {
        font-size: 16px;
    }
    .orderView .editList form .caution {
        padding: 0;
    }
}

@media (max-width: 680px) {
    .inquiry .inquiryInner2 .inquiryList li {
        padding-bottom: 0;
    }
    .inquiry .inquiryInner2 .inquiryList li .arrowBtn {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        row-gap: 5px;
        padding: 22px 10px;
    }
    .inquiry .inquiryInner2 .inquiryList .arrowBtn .faqTit {
        letter-spacing: -1px;
    }
    .inquiry .inquiryList .arrowBtn span.on {
        padding-left: 0;
    }
    .resume .profile {
        grid-template-columns: 180px 1fr 1fr;
    }

    .mytable_new.contents.mylist .listProject .companyImg a {
        display: block;
    }
    .mytable_new.contents.mylist .listProject .companyImg a img {
        width: 100%;
    }

    .inquiry .inquiryList .arrowBtn span.subjectWrap span {
        max-width: 300px;
        letter-spacing: -1px;
    }
    .link-wrap button.link-off{
        padding: 4px 16px;
    }
    .pr_pop.layer_ig.layer_ig_edit div p{
        text-indent: -14px;
        margin-left: 14px;
    }
    .layer_ig.layer_ig_edit .gray{
        text-indent: 0 !important;
        margin: 0 10px 0 0;
    }

    .pr_pop.layer_ig.layer_ig_connect div p{
        text-indent: -14px;
        margin-left: 14px;
    }
    .layer_ig.layer_ig_connect .gray{
        text-indent: 0 !important;
        margin: 0 10px 0 0;
    }
}

@media (max-width: 639px) {
    .table_contents .table_title_icon {
        padding: 0 0 20px;
    }

    /* 회원가입 */
    .table_area.join .contents_title {
        margin-bottom: 10px;
    }

    .choiceMarital {
        background-color: #ffffff;
        width: 99%;
        float: left;
        border-radius: 10px;
        border: 2px solid #c6c6c6;
        height: 52px;
        line-height: 52px;
        position: relative;
        margin: 6px 0;
    }
    .choiceMarital a {
        width: 49%;
        float: left;
        text-align: center;
        font-size: 16px;
        color: #333333;
        height: 52px;
        line-height: 52px;
    }
    .choiceMarital a:first-child {
        border-right: 1px solid #c6c6c6;
        width: calc(51% - 2px);
    }
    .choiceMarital .left.on {
        background-color: #f585a2;
        border-radius: 10px;
        position: relative;
        top: -2px;
        left: -2px;
        height: 56px;
        line-height: 56px;
        color: #ffffff;
        font-weight: bold;
    }
    .choiceMarital .right.on {
        background-color: #f585a2;
        border-radius: 10px;
        position: absolute;
        top: -2px;
        right: -2px;
        height: 56px;
        line-height: 56px;
        color: #ffffff;
        width: 53%;
        font-weight: bold;
    }

    /* 아이디 비밀번호 찾기 */
    .contents.find .findTab {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 4px solid #e5e5e5;
        text-align: center;
    }
    .contents.find .findTab a {
        font-size: 16px;
        color: #999999;
        text-align: center;
        font-weight: bold;
        width: 47%;
        height: 50px;
        line-height: 50px;
        border-radius: 33px;
        border: 2px solid #c6c6c6;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    .contents.find .findTab a.on {
        background-color: #333333;
        border: 3px solid #333333;
        color: #ffffff;
    }
    .contents.find .findBox {
        margin-top: 20px;
        padding: 0 7px;
    }
    .contents.find .findBox h3 {
        font-size: 18px;
        color: #333333;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
    }
    .contents.find .findBox ul li {
        font-size: 14px;
        color: #999999;
        line-height: 22px;
        letter-spacing: -0.035em;
        margin-left: 10px;
    }
    .contents.find .findBox ul li img {
        width: 5px;
        margin-right: 5px;
        margin-left: -10px;
    }
    .contents.find .findPhone_dl {
        width: 255px;
        height: 200px;
        text-align: center;
        border: 1px solid #d2d2d2;
        margin: 0 auto;
        display: block;
        margin-top: 20px;
        cursor: pointer;
    }
    .contents.find .findPhone_dl dt {
        margin-top: 26px;
        margin-bottom: 18px;
    }
    .contents.find .findPhone_dl dt img {
        width: 65px !important;
    }
    .contents.find .findPhone_dl dd {
        font-size: 26px;
        color: #e25879;
    }
    .contents.find .resultText {
        font-size: 22px;
        color: #333333;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 35px;
        border-bottom: 4px solid #e5e5e5;
        line-height: 30px;
    }
    .contents.find .resultText span {
        color: #999999;
        font-size: 14px;
        display: block;
    }
    .contents.find .resultInfo {
        margin-top: 40px;
        margin-bottom: 35px;
    }
    .contents.find .resultInfo li {
        font-size: 14px;
        color: #999999;
        letter-spacing: -0.035em;
        line-height: 21px;
        margin-left: 10px;
    }
    .contents.find .resultInfo li img {
        width: 5px;
        margin-right: 5px;
        margin-left: -10px;
    }
    .contents.find .fildloginBtn {
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        width: 245px;
        height: 68px;
        line-height: 68px;
        background-color: #f585a2;
        display: block;
        margin: 0 auto;
    }
    .contents.find .findId_box {
        padding-bottom: 20px;
        border-bottom: 4px solid #e5e5e5;
    }
    .contents.find .findId_box p {
        font-size: 18px;
        color: #333333;
        text-align: left;
        float: left;
        width: 100%;
        line-height: 57px;
        margin-left: 7px;
    }
    .contents.find .findId_box input[type="text"] {
        border: 1px solid #c6c6c6;
        padding: 17px 2%;
        font-size: 18px;
        color: #333333;
        width: calc(96% - 2px);
        float: left;
        outline: none;
    }
    .contents.find .findId_box a.findId_next {
        height: 57px;
        line-height: 57px;
        background-color: #f585a2;
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-size: 18px;
        float: left;
    }
    .contents.find .findId_text {
        font-size: 22px;
        color: #e25879;
        margin-bottom: 20px;
    }
    .contents.find .findId_text span {
        font-size: 14px;
        color: #999999;
    }
    .contents.find .findPw_text01 {
        font-size: 14px;
        color: #333333;
        margin-bottom: 15px;
        line-height: 21px;
    }
    .contents.find .findPw_text01 span {
        font-size: 22px;
        color: #e25879;
    }
    .contents.find .findPw_text02 {
        font-size: 14px;
        color: #333333;
        margin-bottom: 10px;
        line-height: 21px;
    }
    .contents.find .findPw_text02 span {
        color: #999999;
    }
    .contents.find .pwChange p {
        width: 152px;
        font-size: 18px;
        color: #333333;
        float: left;
        line-height: 55px;
    }
    .contents.find .pwChange input[type="text"] {
        width: 96%;
        padding: 16px 10px;
        border: 1px solid #c6c6c6;
        outline: none;
        margin: 7px 0;
        float: left;
    }
    .contents.find .pwChange input[type="password"] {
        width: 96%;
        padding: 16px 10px;
        border: 1px solid #c6c6c6;
        outline: none;
        margin: 7px 0;
        float: left;
    }
    .contents.find .discordancePw {
        font-size: 14px;
        color: #e25879;
        text-align: center;
        margin: 0 auto;
        display: block;
        margin-top: 12px;
    }
    .contents.find .findpw_ul {
        padding-top: 23px;
        border-top: 4px solid #e5e5e5;
        margin-top: 35px;
        margin-bottom: 40px;
    }
    .contents.find .findpw_ul li {
        font-size: 14px;
        color: #999999;
        line-height: 24px;
        letter-spacing: -0.035em;
        margin-left: 10px;
    }
    .contents.find .findpw_ul li img {
        width: 5px;
        margin-right: 5px;
        margin-left: -10px;
    }
    /* 대쉬보드 내 요약정보 */
    .contents.dashboard {
        background-color: #ffffff;
        padding: 60px 10px 80px 10px;
        position: relative;
        clear: both;
    }

    .dashbox.head {
        margin-top: 25px;
    }
    .dashbox.head:after {
        clear: both;
        content: "";
        display: block;
    }
    .dashbox.head dl {
        float: left;
        width: 100%;
    }
    .dashbox.head dl dt {
        color: #313333;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        height: 48px;
        line-height: 56px;
    }
    .dashbox.head dl:first-child dt {
        background: none;
    }
    .dashbox.head dl dd {
        text-align: center;
        position: relative;
        padding-top: 30px;
        padding-bottom: 20px;
        background: #fff;
    }
    .dashbox.head .nick {
        display: block;
        color: #333;
        font-size: 24px;
        margin-bottom: 15px;
    }
    .dashbox.head .name {
        color: #999;
        font-size: 15px;
    }
    .dashbox.head em.level {
        position: absolute;
        display: block;
        left: 50%;
        margin-left: -28px;
        top: 20px;
        width: 56px;
    }
    .dashbox.head em.level img {
        width: 100%;
    }
    .dashbox.head .point {
        display: block;
        width: 90%;
        padding-top: 60px;
        margin: 0 auto;
        text-align: center;
        color: #333;
        font-size: 28px;
        margin-bottom: 15px;
    }
    .dashbox.head .point span {
        font-size: 15px;
    }
    .dashbox.head a.bt_view {
        color: #999;
        font-size: 14px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        border-bottom: 1px solid #b2b2b2;
    }
    .dashbox.head .spoon {
        display: block;
        color: #e25879;
        font-size: 28px;
        margin-bottom: 15px;
    }
    .dashbox.head .spoon span {
        font-size: 15px;
        color: #333;
    }
    .dashbox.head a.bt_apply {
        color: #999;
        font-size: 14px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        border-bottom: 1px solid #b2b2b2;
    }

    /* 대쉬보드 섹션 */
    .dashbox {
        clear: both;
        position: relative;
        padding: 15px;
        padding-top: 0;
        background: #f2f2f2;
        border: 1px solid #c8c8c8;
        margin-bottom: 20px;
    }
    .dashbox h4 {
        height: 48px;
        line-height: 48px;
        color: #313333;
        font-size: 16px;
    }
    .dashbox h4 span {
        color: #e25879;
    }
    .dashbox a.bt_more {
        position: absolute;
        right: 17px;
        top: 15px;
        display: block;
        padding-right: 22px;
        color: #999;
        font-size: 14px;
        background: url(/_asset/img/user/ico_arrowRight.png) right center no-repeat;
    }
    .dashbox ul.dash_list {
        padding-top: 25px;
        background: #fff;
        height: 240px;
        text-align: left;
        overflow: hidden;
    }
    .dashbox ul.dash_list li:nth-child(2) {
        display: none;
    }
    .dashbox ul.dash_list li:nth-child(3) {
        display: none;
    }
    .dashbox ul.dash_list:after {
        clear: both;
        content: "";
        display: block;
    }
    .dashbox ul.dash_list li {
        width: 100%;
        margin-bottom: 40px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        text-align: center;
    }
    .dashbox ul.dash_list li .thum {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        max-width: 100%;
    }
    .dashbox ul.dash_list li .thum img {
        width: 100%;
    }
    .dashbox ul.dash_list li p.subject {
        color: #313333;
        font-size: 14px;
        margin-top: 25px;
    }
    .dashbox ul.dash_list li p.subject a {
        color: #313333;
    }

    /*마이테이블 탭*/
    .table_contents .table_title_icon img {
        width: 100px;
    }
    .table_contents .table_title.myTable a.on span.tabInner {
        border: 0;
    }

    /*마이테이블 회원탈퇴*/
    /*마이테이블 우편번호 찾기*/
    #zipcode_layer {
        width: 90%;
    }
    .layer_address form .zipCodeWrap {
        flex-wrap: wrap;
    }
    /*내정보관리*/
    .resumeBox .resumeUpload {
        grid-template-columns: 0.3fr 1fr 0.4fr;
        grid-template-rows: 1fr;
    }
    .resumeBox .resumeUpload dl.profileTxt {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        align-self: center;
    }
    .resumeBox .resumeUpload div.profile_box {
        grid-column-start: 3;
        grid-column-end: 4;
        align-self: center;
        margin: 0;
    }
    .layer_nickname input::placeholder {
        letter-spacing: -1px;
        font-size: 14px;
    }

    /*내정보관리 > 회원탈퇴*/
    .withdrawal-area {
        padding: 30px 0;
    }
    .withdrawal-area h2 {
        font-size: 24px;
    }
    .withdrawal-area p {
        font-size: 15px;
    }
    .feedback-box {
        width: 100%;
    }
    .feedback-box label,
    .feedback-box textarea {
        width: 100%;
    }
    fieldset.feedback-btn {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    fieldset.feedback-btn button {
        width: 100%;
        font-size: 15px;
    }

    /* 프로젝트 */
    .table_contents.mytableCont .mytable_new.mylist .listProject a.projectBtn {
        background: #000;
        color: #fff;
    }
    .table_contents.mytableCont .mytable_new.mylist .listProject a.projectBtn.end{
        color: #555;
        background-color: #eee;
        font-weight: normal;
    }
    .table_contents.mytableCont .mytable_new.mylist .listProject a.projectBtn.ing{
        border: 1px solid #ccc;
        color: #999;
        background: #fff;
        font-weight: normal;
    }

    /* 공지사항, 1:1문의 */
    ol.cscenter:after {
        clear: both;
        content: "";
        display: block;
    }
    ol.cscenter li {
        height: 100px;
        padding: 0 6%;
        padding-top: 30px;
        background: #f2f2f2;
        border: 1px solid #cbcbcb;
        margin-bottom: 15px;
    }
    ol.cscenter li strong {
        float: left;
        color: #333;
        font-size: 22px;
        font-weight: 400;
        height: 40px;
        line-height: 40px;
    }
    ol.cscenter li strong.notice {
        padding-right: 44px;
        background: url(/_asset/img/user/ico_notice.png) right center no-repeat;
    }
    ol.cscenter li strong.qna {
        padding-right: 54px;
        background: url(/_asset/img/user/ico_qna.png) right center no-repeat;
    }
    ol.cscenter li a.number {
        float: right;
        color: #333;
        font-size: 15px;
    }
    ol.cscenter li a.number em {
        color: #f585a2;
        font-size: 36px;
        font-weight: 600;
        margin-right: 5px;
    }
    ol.cscenter li p {
        clear: both;
        color: #999;
        font-size: 14px;
        padding-top: 12px;
    }

    /*공지사항 view*/
    .noticeViewInner h2.subjectTit {
        text-align: center;
        font-size: 22px;
    }

    /* 이력서 */
    .table_contents .mytableAcc_btn {
        position: relative;
        width: 100%;
        border-bottom: 1px solid #c6c6c6;
        display: block;
        background-color: #ffffff;
        padding: 12px 2%;
    }
    .table_contents .mytableAcc_btn ul {
        display: grid;
        grid-template-columns: 45px 1fr 25px;
        align-items: center;
    }
    .table_contents .mytableAcc_btn ul li {
        font-size: 16px;
        line-height: 30px;
        font-weight: bold;
        color: #000;
    }
    .table_contents .mytableAcc_btn .mytableAcc_profile {
        display: block;
        margin-right: 15px;
    }
    .table_contents .mytableAcc_btn .mytableAcc_profile img {
        display: block;
        width: 34px;
        height: 34px;
    }
    .table_contents .mytableAcc_btn .accCursor {
        float: right;
        margin-top: 10px;
        width: 19px;
    }
    .table_contents .table_title.myTable {
        height: auto;
        border-bottom: 4px solid #c6c6c6;
        clear: both;
        top: -1px;
        display: none;
    }
    .table_contents .table_title.myTable a {
        width: 100%;
        background-color: #ffffff;
        border-top: 1px solid #d1d1d1;
        font-size: 16px;
        color: #999999;
        text-align: center;
        height: 49px;
        line-height: 49px;
        float: none;
    }
    .table_contents .table_title.myTable a:first-child {
        width: 100%;
    }
    .table_contents .table_title.myTable a.on::before {
        display: none;
    }
    .table_contents .table_title.myTable a.on {
        width: 100%;
        font-weight: 600;
    }

    .table_title.myTable::after {
        display: none;
    }

    .resumeBox {
        padding: 10px 0;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .profile div.resumeUpload::after,
    .profile div.myspoonArea::after {
        display: none;
    }
    .resume .profile {
        padding: 0;
        grid-template-rows: 120px 1fr;
        grid-template-columns: 50% 50%;
        align-items: center;
    }
    .profile div.resumeUpload,
    .profile div.myProfileArea {
        align-self: flex-start;
    }
    .profile div.myProfileArea {
        justify-content: center;
        grid-template-columns: 50% 50%;
    }
    .resumeBox .resumeUpload {
        position: relative;
        flex-direction: row;
        align-items: center;
        column-gap: 10px;
        grid-column-start: 1;
        grid-column-end: 3;
        padding: 10px 0;
    }
    .resumeBox .myspoonArea {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .resumeBox .myprojectArea {
        grid-column-start: 2;
        grid-column-end: 3;
    }
    .resumeBox .myProfileArea {
        grid-row-start: 2;
        grid-row-end: 3;
    }
    .resumeUpload > div:first-child {
        display: inline-block;
        width: 34px;
    }
    .resumeUpload p.uploadImgWrap {
        position: relative;
        left: 0;
        top: 0;
        display: inline-block;
    }
    .profile .profile_box {
        margin-top: 0;
        text-align: center;
    }
    .profile dl.profileTxt dt {
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        line-height: 25px;
    }
    .profile dl.profileTxt dt.career_nick .inputNick {
        margin: 0;
        padding: 10px 4% 10px 10px;
        width: 87%;
    }
    .profile dl.profileTxt dt span {
        font-size: 13px;
        font-weight: normal;
    }
    .profile dl.profileTxt dd.dd_id {
        font-size: 15px;
        letter-spacing: -1px;
    }
    .profile dl.profileTxt dd.dd_birth {
        font-size: 15px;
    }

    .profile div.levelBox {
        position: relative;
        text-align: center;
        float: none;
        clear: both;
        margin-top: 53px;
    }
    .profile em.level {
        display: block;
        width: 83px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .profile em.level img {
        width: 85%;
    }
    .profile .point {
        text-align: left;
        color: #333;
        font-size: 21px;
        margin-bottom: 22px;
    }
    .profile .point span {
        font-size: 15px;
    }
    .profile a.bt_view {
        color: #999;
        font-size: 14px;
        border-bottom: 1px solid #b2b2b2;
        margin-left: 10px;
    }
    .selectArea {
        justify-content: space-between;
    }
    .selectArea > div,
    .selectArea > input {
        flex-basis: 48%;
    }
    input.inputSchool.borderCheck {
        width: 100%;
    }
    .select p.optionDefault img {
        width: 15px;
        margin-right: 2%;
    }
    .selectArea .select .subList ul.optionList li {
        font-size: 16px;
        width: 50%;
        text-align: center;
        letter-spacing: 0.5px;
        padding: 8px 0;
    }
    .selectArea .select ul.optionList {
        padding-top: 10px;
    }
    .selectArea .select ul.optionList li {
        line-height: 30px;
    }

    .checkPost {
        width: 99%;
        position: relative;
        text-align: left;
        font-size: 14px;
        float: left;
        margin: 6px 0;
        border: 2px solid #c6c6c6;
        border-radius: 10px;
        height: 51px;
        margin-right: 16px;
    }
    .checkPost input {
        font-size: 15px;
        color: #333333;
        width: 76%;
        text-align: center;
        border: none;
        outline: none;
        margin: 15px 0;
    }
    .checkPost .postsClick {
        font-size: 14px;
        color: #ffffff;
        background-color: #333333;
        position: absolute;
        right: -4px;
        top: -2px;
        height: 55px;
        line-height: 54px;
        text-align: center;
        width: 28%;
        border-radius: 10px;
    }

    .inputAddress.borderCheck {
        width: 95%;
        float: left;
        padding-left: 4%;
    }
    .inputDetail {
        float: left;
        width: 95%;
        float: left;
        padding-left: 4%;
    }
    .spanNbsp {
        width: 23px;
        height: 50px;
        float: left;
        display: none;
    }
    .spanNbsp2 {
        width: 18px;
        height: 50px;
        float: left;
    }

    .resume .inputPass01 {
        float: left;
        width: 93%;
        padding-left: 4%;
        padding-right: 2%;
        text-align: center;
    }
    .passReturn {
        width: 99%;
        position: relative;
        text-align: center;
        font-size: 14px;
        float: left;
        margin: 10px 0;
        border: 2px solid #c6c6c6;
        border-radius: 10px;
    }
    .passReturn input {
        font-size: 15px;
        color: #333333;
        width: 80%;
        text-align: center;
        border: none;
        outline: none;
        margin: 15px 0;
        display: inline-block;
        float: none;
    }
    .passReturn .phoneClick {
        font-size: 16px;
        color: #ffffff;
        background-color: #333333;
        position: relative;
        top: 2px;
        left: -2px;
        height: 54px;
        line-height: 54px;
        text-align: center;
        width: 101%;
        border-radius: 10px;
        display: block;
    }

    .inputSchool,
    .inputSpecial {
        font-size: 14px;
    }
    .checkPhone.return .inputPhone {
        background: none;
    }
    a.return {
        background-color: #c6c6c6 !important;
    }

    nav.lnb_m {
        padding: 20px 0;
    }

    .contents .contents_title h1.plusInfo {
        width: 100%;
        font-size: 20px;
        position: relative;
        margin: 0;
    }
    .project-status-title .searchClick .listBtn a {
        text-align: center;
    }
    .contents .contents_title h1.plusInfo span {
        width: 165px;
        background-color: #ffffff;
        position: relative;
        display: block;
        margin: 0 auto;
    }
    .contents .contents_title h1.plusInfo .borderMiddle {
        border-bottom: 1px solid #c6c6c6;
        width: 100%;
        height: 17px;
        position: absolute;
        top: 0;
    }
    .contents .contents_title h1.plusInfo_p {
        font-size: 14px;
        color: #999999;
        text-align: left;
        float: left;
        width: 100%;
        line-height: 21px;
    }

    a.moreInfo_close {
        float: right;
        padding-left: 27px;
        padding-right: 52px;
        height: 37px;
        line-height: 37px;
        font-size: 17px;
        text-align: center;
        background: #ffffff url("/_asset/img/user/arrowTop_gray.png") no-repeat 143px 13px;
    }

    .resume a.moreInfo_open {
        padding: 0 36px 0 16px;
        width: calc(100% - 52px);
        font-size: 16px;
        color: #666666;
        float: left;
        height: 60px;
        line-height: 60px;
        border: 1px solid #c6c6c6;
        background: url("/_asset/img/user/arrowBottom_gray.png") no-repeat 92% 25px;
        margin-top: 30px;
    }
    .resume a.moreInfo_close {
        padding: 0 36px 0 16px;
        width: calc(100% - 52px);
        text-align: left;
        float: left;
        height: 60px;
        font-size: 16px;
        line-height: 60px;
        border: 1px solid #c6c6c6;
        background: #ffffff url("/_asset/img/user/arrowTop_gray.png") no-repeat 92% 25px;
        margin-top: 30px;
        margin-bottom: 0;
    }
    .resumeList ul {
        margin-bottom: 70px;
    }
    .resumeList > ul {
        margin-bottom: 0px;
    }
    .resumeList ul li {
        position: relative;
        top: 0;
        clear: both;
    }
    .resumeList .arrowBtn.stay {
        background: url("/_asset/img/user/arrowBottom_pink.png") no-repeat right 7px !important;
    }
    .resumeList.inquiryList ul li:first-child {
        margin-top: 0;
    }
    .resumeAcc .arrowBtn {
        border-bottom: none !important;
    }
    .partyListView_tabBox .resumeAcc .resumeAcc .resumeAcc {
        display: block !important;
    }
    .projectDetail.mission .resumeAcc .resumeAcc {
        display: block !important;
    }
    .resumeList_box .titleP {
        font-size: 16px;
        color: #333333;
        text-align: left;
        margin-bottom: 20px;
        position: relative;
    }
    .resumeList_box .titleP span {
        color: #f585a2;
    }
    .resumeList_box .titleP a.remove {
        float: right;
        width: 65px;
        height: 24px;
        line-height: 24px;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        font-size: 13px;
        color: #999999;
        text-align: center;
        margin-top: -2px;
    }
    .resumeList_box .inputFull {
        width: 95%;
        padding-left: 4%;
    }
    .resumeList_box .borderCheck {
        margin: 6px 0;
        font-size: 15px;
    }

    .resume .selectYear {
        width: 100%;
        float: left;
    }
    .selectYear .select.right {
        float: right;
    }
    .selectYear .select {
        width: 49%;
    }
    .selectYear .spanNbsp {
        width: 31px;
        display: block;
        float: left;
    }

    .resumeYear.select div.optionData {
        left: 6%;
        width: 91%;
    }
    .spandash {
        float: left;
        width: 100%;
        text-align: center;
        margin: 15px 0;
    }
    .resumeYear.select p.optionDefault img {
        margin-right: 15%;
    }
    .choiceWork {
        background-color: #ffffff;
        width: 99%;
        float: left;
        border-radius: 10px;
        border: 2px solid #c6c6c6;
        height: 52px;
        line-height: 52px;
        position: relative;
        margin: 6px 0;
    }
    .plusWork {
        float: right;
        width: 120px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        color: #999999;
        font-size: 14px;
        background-color: #f2f2f2;
        border: 1px solid #c6c6c6;
        margin: 15px 25px 35px 0;
    }
    .plusWork.sub {
        width: 90px;
        background-color: #ffffff;
        margin: 5px 5px 30px 0;
    }

    .resumeOnline_box:after {
        display: block;
        content: "";
        clear: both;
    }
    .resumeOnline_box {
        background-color: #f8f8f8;
        margin-top: 23px;
        padding: 25px 22px;
        clear: both;
    }
    .resumeOnline_box h1 a {
        float: right;
        width: 131px;
        height: 24px;
        line-height: 24px;
        background-color: #ffffff;
        font-size: 14px;
        color: #999999;
        text-align: center;
        border: 1px solid #c6c6c6;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    .resumeOnline_box .snsAdd {
        width: 100%;
        margin-top: 15px;
    }
    .resumeOnline_box .snsAdd p {
        color: #333333;
        font-size: 18px;
        text-align: left;
        float: left;
        width: 100%;
        height: 51px;
        line-height: 51px;
        margin-top: 10px;
    }
    .resumeOffline_box .spanNbsp {
        width: 25px;
    }

    .inputSns01 {
        width: 93%;
        float: left;
        padding-left: 4%;
        padding-right: 11px;
    }
    .inputSns02 {
        width: 93%;
        float: left;
        padding-left: 4%;
        padding-right: 13px;
    }
    .inputOffline {
        width: 95%;
        float: left;
        padding-left: 4%;
    }

    .areaList {
        width: 100%;
        position: relative;
        margin: 0 auto;
        justify-content: space-between;
    }
    .areaList a {
        width: auto;
    }
    .areaList a input[type="checkbox"] {
        width: 100%;
        height: 48px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: -1;
    }
    .textareaInfo {
        background-color: #ffffff;
        border: 2px solid #c6c6c6;
        border-radius: 10px;
        width: 95%;
        height: 100px;
        padding: 10px 2%;
        font-size: 18px;
        color: #333333;
    }
    .middleBtn.careerBtn {
        margin-top: 50px;
        float: left;
    }

    .groupfile {
        width: 125px;
        float: right;
    }
    .groupfile .group_input {
        display: none;
    }
    .groupfile .group_div {
        position: relative;
        width: 100%;
        height: 28px;
        overflow: hidden;
    }
    .groupfile .group_button {
        width: 100%;
        height: 28px;
        position: absolute;
        top: 0;
        background: none;
        color: #333333;
        border: none;
        border-left: none;
        border-bottom: 1px solid #333333;
        font-size: 15px;
        text-align: center;
    }
    .groupfile .group_hidden {
        position: absolute;
        width: 100%;
        height: 28px;
        right: 0px;
        top: 0px;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }

    /* 회원탈퇴 */
    .signOutBox {
        border-top: 1px solid #c6c6c6;
        padding-top: 40px;
        margin-top: 50px;
    }
    .signOutBox p {
        font-size: 16px;
        color: #333333;
        text-align: center;
        margin-bottom: 35px;
    }
    .signOutBox textarea {
        padding: 22px 5%;
        border: 1px solid #c8c8c8;
        width: 89%;
        height: 140px;
    }
    .signOutBox #signOut_check {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .signOutBox #signOut_check + label {
        background: url("/_asset/img/project/check_gray_off.jpg") no-repeat;
        font-size: 16px;
        color: #999999;
        height: 23px;
        padding: 2px 0 5px 30px;
        float: right;
        margin-top: 15px;
    }
    .signOutBox #signOut_check.checkSelect + label {
        background: url("/_asset/img/project/check_gray_on.jpg") no-repeat;
    }
    .signOut_btn {
        width: 100%;
        margin: 75px auto;
        text-align: center;
        float: left;
    }
    .signOut_btn a {
        display: inline-block;
        zoom: 1;
        *display: inline;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        width: 100%;
        height: 44px;
        line-height: 44px;
    }
    .signOut_btn a.left {
        background-color: #f585a2;
    }
    .signOut_btn a.right {
        background-color: #333333;
    }

    .signOut_finish {
        margin-top: 50px;
    }
    .signOut_finish .profileImg {
        position: relative;
        margin: 0 auto;
        width: 154px;
        height: 154px;
        margin-bottom: 30px;
    }
    .signOut_finish .profileImg img {
        width: 154px;
        height: 154px;
        display: block;
        margin: 0 auto;
    }
    .signOut_finish .profileImg span {
        width: 154px;
        height: 154px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: url("/_asset/img/user/signOutBg.png") no-repeat;
    }
    .signOut_finish dl {
        width: 99%;
    }
    .signOut_finish dt {
        font-size: 30px;
        color: #333333;
        text-align: center;
        font-weight: bold;
        line-height: 63px;
    }
    .signOut_finish dd {
        font-size: 16px;
        color: #999999;
        text-align: center;
        line-height: 30px;
    }

    /* 마이 프로젝트 */
    .contents.myproject {
        padding: 16px 20px 0 20px !important;
        background-color: #ffffff;
    }
    .contents.mymission {
        padding: 16px 0 0 0 !important;
    }
    .contents .contents_title.myproject {
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
    }
    .contents.myproject .contents_title h3 span {
        display: block;
        margin-top: 10px;
    }
    .mylist .searchClick .listBtn a {
        border: none;
    }
    .mylist .searchClick .listBtn a.on {
        background: none;
    }
    .mylist .listProject {
        margin: 0;
    }
    .mylist .listProject > ul {
        margin-top: 18px;
    }
    .project-status-title .searchClick .listBtn {
        display: none !important;
    }
    .mylist .listProject > ul > li {
        grid-template-columns: 1fr;
        grid-template-rows: 170px 1fr 60px;
        margin-bottom: 30px;
    }
    .mylist .listProject .companyImg {
        width: 100%;
        margin: 0 auto;
        display: block;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .mylist .listProject .companyText {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .mylist .listProject dd {
        display: block !important;
        font-size: 14px;
        color: #999999;
        line-height: 25px;
        word-break: keep-all;
    }
    .mylist .listProject dd.listText {
        margin-right: 30px;
    }
    /* .mylist .listProject a.projectBtn.end {
        color: #333333;
        background-color: #f9f9f9;
    } */

    .mylist .listProject .listBtn_txt {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .mylist .listProject .listBtn_txt p a {
        color: #999999;
        border-bottom: 1px solid #999999;
    }

    .mylist .listProject .arrow li {
        font-size: 16px;
        margin: 0;
    }
    .mylist .listProject .arrow li a {
        padding: 0 6px;
    }
    .mylist .listProject .arrow li.alignText.on a {
        background-color: #ffffff;
        color: #3f3f3f;
    }

    .myproject h3.h3_none {
        display: none;
    }
    .projectList_btn {
        font-size: 17px;
        color: #666666;
        height: 40px;
        line-height: 40px;
        border: 1px solid #c6c6c6;
        text-align: center;
        display: block;
        width: 100%;
        margin: 25px 0;
        background-color: #ffffff;
    }
    .projectList_btn img {
        margin-right: 12px;
    }
    .myproject .projectDetail.mission {
        margin: 0;
        width: 100% !important;
        padding: 0 !important;
    }
    .myproject .projectDetail {
        border-top: none;
    }
    .myproject .missionTitle {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    .myproject .missionTitle p {
        position: relative;
        top: 0;
        left: 0;
    }
    .myproject .missionTitle h1 {
        margin-top: 20px;
    }
    .myproject.mymission .missionTitle {
        width: 96%;
        padding: 0 2%;
    }
    .myproject a.moreInfo_open {
        border: none !important;
        text-align: left !important;
    }
    .myproject a.moreInfo_close {
        border: none;
        margin-top: 0;
    }
    .myproject .missionList li {
        padding: 45px 3% 70px 3%;
        width: 94%;
        border-bottom: 0;
    }
    .myproject .missionNotice {
        margin-top: 10px;
        padding: 0 2%;
    }
    .myproject .resumeList.notice {
        border-top: none;
        border-bottom: none;
    }

    .myproject .choiceMission {
        width: 100%;
        margin-top: 55px;
        margin-bottom: 30px;
    }

    /*프로젝트 활동비 지급*/
    #project_payment.contents {
        padding: 0px 15px 30px;
    }

    /* 1:1문의 */
    .contents.inquiry {
        padding: 60px 2% 80px 2%;
    }
    .mylist .category.inquiry {
        width: 100%;
        padding: 0;
        border-bottom: none;
    }
    .mylist .category.notice {
        width: 100%;
        padding: 20px 0;
        border-bottom: 5px solid #c6c6c6;
        margin-bottom: 10px;
    }

    .inquiry p.inquiryList a {
        font-size: 16px;
        color: #313333;
        display: inline-block;
        margin: 0 5px 0 5px;
    }
    .inquiry p.inquiryList .inquiryNone {
        display: none;
    }
    .inquiry p.inquiryList {
        padding-top: 10px;
        text-align: center;
    }
    .inquiry .inquiryList .resumeAcc dl {
        width: 100%;
        margin-top: 20px;
    }
    .inquiry .inquiryList .resumeAcc dl dt {
        font-size: 16px;
        color: #313333;
        text-align: left;
        padding: 0 10px;
        padding-bottom: 40px;
        line-height: 23px;
    }
    .inquiry .inquiryList .resumeAcc dl dt span {
        display: block;
        float: none;
    }
    .inquiry .inquiryList .resumeAcc dl dd {
        padding: 0 10px;
        padding-bottom: 40px;
    }
    .inquiry .inquiryList .resumeAcc dl.dl_answer dt {
        padding: 0 25px 40px 25px;
    }
    .inquiry .inquiryList .resumeAcc dl.dl_answer dt img {
        margin-right: 11px;
    }
    .inquiry .inquiryList .resumeAcc dl.dl_answer dt img.icon_new_black {
        margin-left: 8px;
        margin-right: 0;
        width: 17px;
    }
    .inquiry .inquiryList .resumeAcc dl.dl_answer dd {
        line-height: 20px;
        padding: 0 35px 40px 35px;
    }
    .inquiry .inquiryList .resumeAcc .plusWork {
        margin: 20px 30px 20px 0;
        color: #313333;
        width: 90px;
    }
    .inquiry .inquiryList .resumeAcc textarea {
        width: 86%;
        margin: 0 3%;
        padding: 20px 3%;
        font-size: 14px;
        display: block;
    }
    .inquiry .inquiryArea .borderCheck {
        border-radius: 0;
        border: 1px solid #c6c6c6;
        margin: 7px 0;
        padding: 20px 2% 19px 2%;
    }
    .inquiry .inquiryArea .inputFull {
        font-size: 14px;
        width: 96%;
    }
    .selectInquiry {
        /* float: left; */
        float: none;
        width: 100%;
        height: auto;
        position: relative;
    }
    .inquiryInner1 .inquiryArea form input.inputFull,
    .inquiryInner1 .inquiryArea form div p,
    .inquiryInner1 .inquiryArea form textarea {
        width: 100%;
    }
    .selectInquiry p.optionDefault {
        width: 90%;
        padding: 20px 8% 19px 2% !important;
        font-size: 14px;
        color: #999999;
        background-color: #ffffff;
    }
    .selectInquiry p.optionDefault img {
        position: absolute;
        right: 10px;
        margin-top: 0;
        width: 19px;
    }
    .selectInquiry div.optionData {
        position: absolute;
        top: 60px;
        background-color: #ffffff;
        z-index: 9;
    }
    .selectInquiry ul.optionList {
        background-color: #ffffff;
        width: 100%;
    }
    .selectInquiry ul.optionList li {
        cursor: pointer;
        font-size: 14px;
        line-height: 23px;
        padding: 10px;
    }
    .inquiry .inquiryArea .inquiryUpload {
        margin: 7px 0;
        width: 100%;
    }
    .inquiry .inquiryArea .inquiry_input {
        float: left;
        height: 21px;
        width: 69%;
        font-size: 12px;
        padding: 19px 1% 19px 3%;
        border: 1px solid #c6c6c6;
    }
    .inquiry .inquiryArea .inquiry_div {
        position: relative;
        width: 26%;
        height: 62px;
        overflow: hidden;
    }
    .inquiry .inquiryArea .inquiry_button {
        width: 100%;
        height: 64px;
        font-size: 16px;
        color: #c6c6c6;
        font-weight: bold;
        position: absolute;
        top: -3px;
        background-color: #c6c6c6;
        color: #ffffff;
        border: none;
    }
    .inquiry .inquiryArea .inquiry_hidden {
        width: 100%;
        height: 60px;
        position: absolute;
        right: 0px;
        top: 0px;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }
    .inquiry .inquiryArea textarea {
        font-size: 14px;
        height: 70px;
        width: 96%;
    }
    .inquiry .inquiryArea a.inquiry_closeBtn {
        font-size: 14px;
        color: #999999;
        position: absolute;
        bottom: 14px;
        right: 20px;
    }
    .inquiry .inquiryArea a.inquiry_closeBtn img {
        margin-left: 18px;
    }

    .inquiry .arrow {
        width: 100%;
        text-align: center;
        margin-top: 60px;
        float: left;
    }
    .inquiry .arrow li.alignText {
        margin: 0;
    }
    .inquiry .arrow li a {
        padding: 0 6px;
    }
    .inquiry .arrow li.alignText.on a {
        background-color: #ffffff;
        color: #3f3f3f;
    }
    /*221104 추가*/
    .inquiry .searchClick .searchBox {
        width: 280px;
    }
    .inquiry .searchClick .searchBox input[type="text"] {
        width: 147px;
    }
    .layer_inquiry_pop .inquiryPopCont .popCommentWrap {
        padding: 10px 0px;
    }

    /* 공지사항 */
    .noticeChoice {
        width: 97%;
        margin: 0 auto;
        display: block;
    }
    .noticeChoice .borderCheck {
        border: 1px solid #c6c6c6;
        border-radius: 0;
    }
    .noticeChoice .selectInquiry {
        width: 47%;
    }
    .noticeChoice .selectInquiry.right {
        margin-left: 3%;
    }
    .noticeChoice .selectInquiry p.optionDefault {
        padding: 11px 0 11px 7%;
        color: #313333;
    }
    .inquiry .inquiryList.notice .resumeAcc dl dd {
        border-bottom: none;
    }

    /* 결제페이지 */
    .payment .p_act {
        display: none;
    }
    .contents.payment {
        background-color: #ffffff;
        padding: 60px 10px 80px 10px;
        position: relative;
        clear: both;
    }

    .payment h4.s_tit {
        color: #333;
        font-size: 16px;
        font-weight: 600;
    }
    .payment ul.msgtxt {
        margin-top: 10px;
        margin-bottom: 35px;
    }
    .payment ul.msgtxt li strong {
        color: #e25879;
        font-weight: 600;
    }

    /* 스푼 요약정보 */
    .myspoon_view {
        text-align: right;
        margin-bottom: 18px;
    }
    .myspoon_view a {
        display: inline-block;
        color: #333;
        font-size: 14px;
        border-bottom: 1px solid #333;
    }
    .spoonbox {
        position: relative;
        padding: 0;
    }
    .spoonbox ul li {
        text-align: center;
    }
    .spoonbox ul li em.txt {
        display: block;
        color: #333;
        font-size: 15px;
        margin-bottom: 10px;
    }
    .spoonbox ul li strong.number.red {
        color: #e25879;
    }
    .spoonbox ul li strong.number span {
        font-size: 15px;
        font-weight: normal;
    }
    .payment .spoonbox ul li strong.number {
        font-size: 24px;
    }

    /* 결제 섹션 */
    .payment .exchange_table dl {
        width: 100%;
        grid-template-columns: 0.3fr 1fr;
    }
    .payment .exchange_table dl dd {
        padding: 10px 0 10px 15px;
    }
    div#spoon_cal {
        width: 78%;
    }
    div#spoon_cal p {
        font-size: 20px;
    }
    .exchange_table input[type="radio"],
    .exchange_table label {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }
    .exchange_table input[type="radio"] + label {
        position: relative;
        z-index: 1;
        width: auto;
        height: 27px;
        line-height: 27px;
        background: url(/_asset/img/user/radio_off.png) no-repeat;
        padding: 0;
        padding-left: 38px;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
        cursor: pointer;
        margin-right: 25px;
        margin-bottom: 5px;
    }
    .exchange_table input[type="radio"]:checked + label {
        width: auto;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }
    .exchange_table input[type="radio"].radioSelect + label {
        width: auto;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }

    /* 서류 등록 */
    .payment .file_input_textbox {
        float: left;
        width: 65%;
        height: 44px;
        line-height: 44px;
        border: 1px solid #c6c6c6;
        border-right: 0;
        padding: 0 10px;
        font-size: 13px;
    }
    .payment .file_input_div {
        position: relative;
        width: 25%;
        height: 44px;
        line-height: 44px;
        overflow: hidden;
        font-size: 13px;
        color: #999;
        background: #f2f2f2;
        border: 1px solid #c6c6c6;
        text-align: center;
        margin-bottom: 8px;
    }
    .payment .file_input_img_btn {
        padding: 0 0 0 5px;
    }
    .payment .file_input_hidden {
        font-size: 29px;
        position: absolute;
        right: 0px;
        top: 0px;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: alpha(opacity=0);
        cursor: pointer;
    }

    /* 환불,계좌정보 */
    .payment .account p {
        width: 100%;
        max-width: 300px;
    }
    .payment .account_search_wrap select {
        width: 100%;
    }
    .payment input.inputTxt,
    .payment select {
        width: 100%;
        max-width: 300px;
        height: 44px;
        line-height: 44px;
        border: 1px solid #c6c6c6;
        padding: 0 10px;
        font-size: 14px;
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .payment input.inputTxt.app {
        width: 70%;
    }
    .payment span.money1_s {
        display: block;
        color: #999;
        font-size: 14px;
        margin-top: 10px;
    }
    .payment p.money2 {
        color: #333;
        font-size: 15px;
        font-weight: 600;
        margin-top: 15px;
    }
    .payment p.money2 strong {
        color: #e25879;
        font-size: 28px;
        font-weight: 600;
        position: relative;
        top: 3px;
    }
    .payment p.money2 span {
        color: #999;
        font-size: 14px;
        margin-left: 10px;
    }
    .payment .account a.acc_change {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        color: #333;
        font-size: 14px;
        border-bottom: 1px solid #333;
        margin: 0 auto;
        margin: 10px 0 15px 5px;
        font-weight: 600;
    }

    /* 이용약관 동의 */
    .check-hphone {
        padding: 20px;
    }
    ul.agree-list {
        padding: 10px;
    }
    ul.agree-list li {
        font-size: 14px;
        letter-spacing: -1px;
    }
    .payment .agr_tit:after {
        clear: both;
        content: "";
        display: block;
    }
    .payment h4.s_tit.left {
        float: left;
        margin-top: 5px;
    }
    .payment .agree_chk {
        float: right;
        position: relative;
    }
    .payment .agree_chk input[type="checkbox"],
    .agree_chk label {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }
    .payment .agree_chk input[type="checkbox"] + label {
        position: relative;
        z-index: 1;
        width: auto;
        height: 27px;
        line-height: 27px;
        background: url(/_asset/img/user/radio_off.png) no-repeat;
        padding: 0;
        padding-left: 38px;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
        cursor: pointer;
        padding-right: 14px;
        color: #999;
        font-size: 16px;
    }
    .payment .agree_chk input[type="checkbox"]:checked + label {
        width: auto;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }
    .payment .agree_chk input[type="checkbox"].radioSelect + label {
        width: auto;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }
    .payment .agree_txt {
        clear: both;
        padding: 15px;
        height: 97px;
        border: 1px solid #c8c8c8;
        margin-top: 20px;
    }
    .payment .agree_txt textarea {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        outline: none;
        color: #666;
        line-height: 22px;
        border: 0;
    }

    /* button style */
    .payment .buttons a.btn {
        display: inline-block;
        text-align: center;
        width: 300px;
        height: 44px;
        line-height: 44px;
        color: #fff;
        font-size: 16px;
    }

    /* 결제스푼내역 */
    .payment .spoonAsk {
        margin-top: 10px;
        float: left;
        width: 100%;
    }

    /* cjs 22.03.11 수정 */

    .selectPay div.optionData {
        position: absolute;
        top: 42px;
        background-color: #ffffff;
        z-index: 9;
    }
    .selectPay ul.optionList {
        background-color: #ffffff;
    }
    .payment .spoonInfo {
        font-size: 14px;
        color: #999999;
        text-align: left;
        float: left;
        width: 100%;
        margin: 35px 0 28px 0;
    }
    .payment .spoonTable {
        width: 100%;
    }
    .payment .spoonTable th,
    .payment .spoonTable td,
    .payment .commerceTable td .underlinkBtn {
        font-size: 14px;
    }
    .payment .spoonTable th:first-child {
        border-left: none;
    }
    .payment .spoonTable td:first-child {
        border-left: none;
    }
    .payment .spoonPlus {
        font-size: 16px;
        color: #333333;
        text-align: center;
        border: 1px solid #c8c8c8;
        width: 100%;
        height: 42px;
        line-height: 42px;
        display: block;
        margin: 45px auto;
    }

    /* 내 스토어 */
    /* 링크공유현황 */
    .payment .spoonTable.commerceTable ul.commerceTableInner {
        padding-bottom: 150px;
    }
    .payment .my-market .spoonPlus {
        margin-top: 0;
    }
    /* 장바구니 */
    .mymarketInner {
        font-size: 14px;
    }
    .mymarketInner form > .top label {
        margin-bottom: 4px;
    }
    .mymarketInner form > .top button {
        font-size: 14px;
    }
    .mymarketInner .itemWrap {
        column-gap: 8px;
    }
    .mymarketInner .itemInner {
        row-gap: 16px;
    }
    .mymarketInner .itemInner .left {
        column-gap: 8px;
    }
    .mymarketInner .itemInner .infoWrap {
        width: calc(100% - 100px);
    }
    .mymarketInner .itemInner .recommend {
        font-size: 12px;
        letter-spacing: -0.5px;
        padding: 4px;
    }
    .mymarketInner .itemInner .option {
        flex-wrap: wrap;
    }
    .mymarketInner .itemInner .btnWrap {
        justify-content: center;
        column-gap: 4px;
    }
    .mymarketInner .itemInner .btnWrap button {
        font-size: 14px;
        padding: 8px;
        flex: 1 0 auto;
    }
    /* .mymarketInner .itemInner .infoWrap > div > p {
        margin-bottom: 4px;
    } */
    .mymarketInner .buying {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        column-gap: 8px;
        position: fixed;
        bottom: 80px;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        flex-wrap: wrap;
        color: #e4e4e4;
        z-index: 10;
        row-gap: 0;
        padding-bottom: 16px;
        box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
    }
    .mymarketInner .buying .arrowWrap {
        width: 100%;
        display: block;
        display: flex;
        justify-content: center;
        padding: 16px 8px;
        background: none;
    }
    .mymarketInner .buying .arrowWrap.open {
        background: #fff;
    }
    .mymarketInner .buying .arrowWrap .arrow.move {
        animation: rolling 0.3s alternate linear forwards;
    }
    .mymarketInner .buying .itemList {
        display: none;
        background: #fff;
        margin-bottom: 0;
    }
    .mymarketInner .buying .deliveryList {
        display: none;
        background: #fff;
    }
    .mymarketInner .buying .deliveryList p {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 8px 16px;
    }
    .mymarketInner .buying .itemWrap {
        align-items: flex-end;
        padding: 8px 16px;
    }
    .mymarketInner .buying .itemWrap .productName {
        width: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mymarketInner .buying div p {
        font-size: 16px;
    }
    .mymarketInner .buying div p br {
        display: block;
    }
    .mymarketInner .buying .countWrap {
        padding-top: 8px;
        padding-left: 16px;
    }
    .mymarketInner .buying button {
        font-size: 18px;
        margin-right: 16px;
    }
    /* 구매내역 */
    .commerceList .search-wrap.orderListSearchWrap .selectPay,
    .search-wrap.orderListSearchWrap .searchBox {
        width: 100%;
    }
    .search-wrap.orderListSearchWrap .spoon-date {
        width: 50%;
    }
    .search-wrap.orderListSearchWrap p.check-p {
        flex: 1 0 auto;
    }
    .payment .commerceTable.orderListTable .commerceTd .buttonWrap button {
        font-size: 14px;
        padding: 8px 16px;
    }
    .spoonTable.commerceTable.orderListTable {
        font-size: 14px;
    }
    .payment .commerceTable.orderListTable .commerceTd .date,
    .payment .commerceTable.orderListTable .commerceTd .buyNum,
    .payment .commerceTable.orderListTable .goBtn {
        font-size: 12px;
    }
    .payment .commerceTable .commerceTd .wrap {
        padding-top: 4px;
    }
    /* 구매내역상세 */
    .orderView .inner .top .infoWrap {
        flex-wrap: wrap;
    }
    /* 내글관리 */
    /* 구매후기 */
    .more_container .imgWrap {
        height: 50vh;
    }
    .pr_pop.review_more_view_pop .textWrap {
        font-size: 16px;
    }

    /* 기업평가 */
    .contents.comcheck {
        background-color: #ffffff;
        padding: 60px 10px 80px 10px;
        position: relative;
        margin-bottom: 100px;
        clear: both;
    }
    .contents_title .subTxt {
        color: #999;
        font-size: 14px;
        margin-bottom: 35px;
        margin-top: 15px;
        text-align: left;
        padding: 0;
    }

    .tableBox {
        margin-bottom: 50px;
    }
    table.chk_table {
        width: 100%;
    }
    table.chk_table caption {
        text-align: left;
        display: none;
    }
    table.chk_table col.col_no {
        width: 10%;
    }
    table.chk_table col.col_subject {
        width: 50%;
    }
    table.chk_table col.score_1 {
        width: 8%;
    }
    table.chk_table col.score_2 {
        width: 8%;
    }
    table.chk_table col.score_3 {
        width: 8%;
    }
    table.chk_table col.score_4 {
        width: 8%;
    }
    table.chk_table col.score_5 {
        width: 8%;
    }
    table.chk_table thead {
        background: #c6c6c6;
    }
    table.chk_table thead:after {
        clear: both;
        content: "";
        display: block;
    }
    table.chk_table tr:after {
        clear: both;
        content: "";
        display: block;
    }
    table.chk_table th {
        text-align: center;
        background: #000;
        font-size: 13px;
        color: #fff;
        padding: 10px 0;
    }
    table.chk_table th:nth-child(1) {
        display: none;
    }
    table.chk_table td {
        padding-bottom: 15px !important;
        border-bottom: 1px solid #c6c6c6;
        text-align: center;
        position: relative;
        font-size: 14px;
        color: #313333;
    }
    table.chk_table td:first-child {
        border-left: 0;
    }
    table.chk_table td.subject {
        text-align: left;
        padding-left: 30px;
        padding-top: 5px;
    }
    table.chk_table td:nth-child(1) {
        display: none;
        position: relative;
        top: 12px;
        padding-left: 10px;
    }
    table.chk_table td:nth-child(2) {
        position: relative;
        top: 8px;
    }
    table.chk_table th,
    table.chk_table td {
        border-top: none;
        border-bottom: none;
    }
    table.chk_table input[type="radio"] {
        /*display:none*/
        position: absolute;
        left: 50%;
        margin-left: -7px;
        top: 10px;
        z-index: -1;
    }
    table.chk_table input[type="radio"] + label {
        position: relative;
        z-index: 1;
        top: 8px;
        width: 27px;
        height: 27px;
        line-height: 27px;
        background: url(/_asset/img/user/radio_off.png) no-repeat;
        padding: 0;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
        cursor: pointer;
    }
    table.chk_table input[type="radio"]:checked + label {
        width: 27px;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }
    table.chk_table input[type="radio"].radioSelect + label {
        width: 27px;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }

    table.chk_table input[type="checkbox"] {
        position: absolute;
        left: 50%;
        margin-left: -7px;
        top: 10px;
        z-index: -1;
    }
    table.chk_table input[type="checkbox"] + label {
        position: relative;
        z-index: 1;
        top: 8px;
        width: 27px;
        height: 27px;
        line-height: 27px;
        background: url(/_asset/img/user/radio_off.png) no-repeat;
        padding: 0;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
        cursor: pointer;
    }
    table.chk_table input[type="checkbox"]:checked + label {
        width: 27px;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }
    table.chk_table input[type="checkbox"].checkSelect + label {
        width: 27px;
        height: 27px;
        background: url(/_asset/img/user/radio_on.png) no-repeat;
        display: inline-block;
        *zoom: 1;
        *display: inlnie;
    }

    p.want_msg_txt {
        color: #999;
        font-size: 14px;
        margin-bottom: 24px;
        line-height: 22px;
    }
    textarea.want_msg {
        width: 100%;
        height: 120px;
        padding: 10px;
        line-height: 22px;
        border: 1px solid #c6c6c6;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

    /* button style */
    .buttons a.btn {
        display: block;
        text-align: center;
        width: 100%;
        height: 44px;
        line-height: 44px;
        color: #fff;
        font-size: 16px;
        margin: 50px auto;
    }
    .buttons a.btn.pink {
        background: #eb8ea5;
    }
    .buttons a.btn.black {
        background: #313333;
    }

    /* 설문 샘플 */
    .research {
        width: 100%;
        margin: 0 auto;
    }
    .research li {
        padding: 60px 0 !important;
        width: 100% !important;
        margin-bottom: 0;
        float: none;
    }
    .research h1.research_titleMain {
        font-size: 18px;
        color: #313333;
        text-align: left;
        font-weight: normal;
        /* width: 90%; */
        width: 100%;
        margin: 0 auto;
        line-height: 25px;
    }

    .research p.research_titleSub {
        font-size: 14px;
        color: #999999;
        text-align: left;
        font-weight: normal;
        width: 90%;
        margin: 18px auto;
        word-break: break-all;
    }
    .research p.research_titleSub img {
        max-width: 100%;
    }
    .research table.inputBox {
        width: 90%;
        margin: 0 auto;
    }
    div.inputBox.listStyle01,
    div.inputBox.listStyle04 {
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
    }

    .research_question_order_list {
        text-align: center;
        margin-top: 20px;
        display: none;
    }
    .research_question_order_list span {
        font-size: 18px;
        text-align: center;
        margin: 0 5px;
        line-height: 26px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    .research table.inputBox .marginBottom {
        margin-bottom: 30px;
        width: 100%;
    }

    .research input[type="radio"].research_radio {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .research input[type="radio"].research_radio + label {
        padding: 0 0 2px 36px;
        margin: 10px 0;
        background: url("/_asset/img/common/radio_gray_off.png") no-repeat;
        font-size: 16px;
        color: #313333;
        display: inline-block;
    }
    .research input[type="radio"].research_radio.radioSelect + label {
        background: url("/_asset/img/common/radio_gray_on.png") no-repeat;
    }
    .research input[type="text"].research_etc {
        width: 63%;
        padding: 7px;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        font-size: 18px;
        color: #313333;
        display: inline-block;
        margin-left: 12px;
        margin-bottom: 10px;
    }

    .research input[type="checkbox"].research_check {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .research input[type="checkbox"].research_check + label {
        padding: 0 0 2px 36px;
        margin: 10px 0;
        background: url("/_asset/img/common/check_gray_off.jpg") no-repeat;
        font-size: 16px;
        color: #313333;
        display: inline-block;
    }
    .research input[type="checkbox"].research_check.checkSelect + label {
        background: url("/_asset/img/common/check_gray_on.jpg") no-repeat;
    }

    .research_question_detail input[type="radio"].research_radio + label {
        background: url("/_asset/img/common/radio_gray_off.png") no-repeat top center;
        background-size: 20px auto;
    }
    .research_question_detail input[type="radio"].research_radio:checked + label {
        background: url("/_asset/img/common/radio_gray_on.png") no-repeat top center;
        background-size: 22px auto;
    }
    .research_question_detail input[type="radio"].research_radio.radioSelect + label {
        background: url("/_asset/img/common/radio_gray_on.png") no-repeat top center;
        background-size: 22px auto;
    }

    .research_question_detail input[type="checkbox"].research_check + label {
        background: url("/_asset/img/common/check_gray_off.jpg") no-repeat top center;
        background-size: 20px auto;
    }
    .research_question_detail input[type="checkbox"].research_check:checked + label {
        background: url("/_asset/img/common/check_gray_on.jpg") no-repeat top center;
        background-size: 22px auto;
    }
    .research_question_detail input[type="checkbox"].research_check.checkSelect + label {
        background: url("/_asset/img/common/check_gray_on.jpg") no-repeat top center;
        background-size: 22px auto;
    }

    .research input[type="text"].inputFull_txt {
        width: 89%;
        padding: 14px 4%;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #313333;
        margin-bottom: 20px;
    }
    .research input[type="tel"].inputFull_txt {
        width: 89%;
        padding: 14px 4%;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #313333;
        margin-bottom: 20px;
    }
    .research select.inputFull_txt {
        width: 98%;
        padding-left: 4%;
        height: 50px;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #313333;
        margin-bottom: 20px;
    }
    .research textarea.textareaFull_txt {
        width: 89%;
        padding: 14px 4%;
        height: 90px;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
        font-size: 16px;
        color: #313333;
    }

    .research .icon_date {
        margin-left: 3%;
        float: left;
    }
    .timeBox {
        float: left;
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }
    .selectTime {
        float: left;
        width: 28%;
        position: relative;
    }
    .selectTime p.optionDefault {
        width: 93%;
        padding: 10px 0 10px 7%;
        font-size: 18px;
        color: #313333;
        background-color: #ffffff;
        border: 1px solid #c6c6c6;
    }
    .selectTime p.optionDefault img {
        float: right;
        margin-right: 6%;
        margin-top: 4px;
    }
    .selectTime div.optionData {
        position: absolute;
        top: 42px;
        left: 4%;
        width: 91%;
        background-color: #ffffff;
        z-index: 9;
    }
    .selectTime ul.optionList {
        background-color: #ffffff;
    }
    .selectTime ul.optionList li {
        cursor: pointer;
        font-size: 18px;
        color: #f585a2;
        height: 40px;
        line-height: 40px;
        padding: 0 9%;
        border-bottom: 0;
    }
    .selectTime ul.optionList li:hover {
        background-color: #f585a2;
        color: #ffffff;
    }

    .research .research_text {
        font-size: 18px;
        color: #313333;
        margin: 0 22px 0 12px;
        float: left;
        line-height: 44px;
    }
    .researchUpload_input {
        float: left;
        padding: 13px 4% 12px 4%;
        width: 73%;
        border: 1px solid #c6c6c6;
        font-size: 14px;
        background-color: #f2f2f2;
        border-right: none;
    }
    .researchUpload_div {
        position: relative;
        width: 18%;
        height: 46px;
        overflow: hidden;
    }
    .researchUpload_button {
        width: 101%;
        font-size: 16px;
        position: absolute;
        top: -2px;
        left: -1px;
        background-color: #313333;
        color: #ffffff;
        border: 1px solid #999999;
        height: 49px;
    }
    .researchUpload_hidden {
        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;
    }

    .research .listStyle10 .tableBox {
        margin-bottom: 0;
    }

    .research .listStyle11_text {
        font-size: 16px;
        color: #313333;
        line-height: 54px;
    }
    .research .listStyle11_text span {
        float: right;
    }
    #projectContents .research .listStyle11 ul {
        border: 1px solid #c6c6c6;
        border-left: none;
        width: 100%;
        margin-bottom: 0;
        border-bottom: 1px solid #c6c6c6;
    }
    .research .listStyle11 li {
        border-bottom: 1px solid #c6c6c6 !important;
        font-size: 13px;
        background-color: #ffffff;
        border-left: 1px solid #c6c6c6;
        text-align: center;
        width: calc(20% - 1px) !important;
        float: left;
        padding: 0 !important;
        clear: none;
        border-top: none;
        word-break: break-all;
        height: 58px;
    }
    .research .listStyle11 li a {
        display: block;
        color: #999999;
        padding: 10px 0;
    }
    .research .listStyle11 li.on {
        background-color: #f585a2;
    }
    /* .research .listStyle11 li.on a {
        color: #313333;
    } */

    .research table.inputBox.listStyle12 {
        border: 1px solid #c6c6c6;
        margin-top: 15px;
    }
    .research table.inputBox.listStyle12 td {
        font-size: 30px;
        width: 33%;
        padding: 5px 0;
        margin-top: 10px;
    }
    .listStyle12 td input {
        font-size: 16px;
        color: #313333;
        text-align: center;
        width: 90%;
        border: none;
        outline: none;
    }

    .research_label {
        width: 20px !important;
    }

    .reviewTxt input[type="radio"].research_radio {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .reviewTxt input[type="radio"].research_radio + label {
        padding: 0 0 2px 25px;
        margin: 10px 0 10px 10px;
        background: url("/_asset/img/common/radio_gray_off.png") no-repeat;
        font-size: 18px;
        color: #313333;
        float: left;
    }
    .reviewTxt input[type="radio"].research_radio.radioSelect + label {
        background: url("/_asset/img/common/radio_gray_on.png") no-repeat;
    }
    .reviewTxt input[type="radio"].research_radio:checked + label {
        background: url("/_asset/img/common/radio_gray_on.png") no-repeat;
        background-size: 22px auto;
    }
    p.check-p {
        width: 70px;
    }

    .payment .spoonTable thead tr,
    .payment .spoonTable tr.payment_list_tr {
        grid-template-columns: 1.5fr 1.5fr 1fr 1fr;
    }

    /* 내 스토어 */
    /* 링크공유현황 */
    .payment .commerceTable .commerceTd {
        grid-template-columns: 70px 1fr;
        grid-template-rows: 1fr 1fr;
    }
    .payment .commerceTable .commerceTd .buttonWrap {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-column-end: 3;
        text-align: left;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 4px;
    }
    .payment .commerceTable .commerceTd .underlinkBtn {
        margin-left: 0;
        margin-right: 16px;
    }
    .payment .commerceTable .commerceTd .productName {
        width: 98%;
    }
    .payment .commerceTable .stopped .commerceTd .status::after {
        width: 13px;
        height: 13px;
        top: -5px;
        right: 0;
    }
    .payment .commerceTable .commerceTd .commerceTablePopup {
        width: 80%;
        max-width: initial;
        left: 5px;
        top: 50px;
    }
    .payment .commerceTable .commerceTd .commerceTablePopup p {
        font-size: 14px;
    }
    .commerce_stopped_popup .commerce_stopped_popup_inner p {
        font-size: 16px;
        line-height: 1.5;
    }
    .commerce_stopped_popup button {
        font-size: 16px;
    }
}

.loginSns a.azoomma {
    background: url("/_asset/img/login/sns_ico_4.png") no-repeat center center;
    align-content: normal;
    background-size: contain;
    display: inline-block;
    height: 40px;
    width: 24%;
}
.loginSns a.facebook {
    background: url("/_asset/img/login/sns_ico_3.png") no-repeat center center;
    align-content: normal;
    background-size: contain;
    display: inline-block;
    height: 40px;
    width: 24%;
}
.loginSns a.naver {
    background: url("/_asset/img/login/sns_ico_2.png") no-repeat center center;
    align-content: normal;
    background-size: contain;
    display: inline-block;
    height: 40px;
    width: 24%;
}
.loginSns a.kakao {
    background: url("/_asset/img/login/sns_ico_1.png") no-repeat center center;
    align-content: normal;
    background-size: contain;
    display: inline-block;
    height: 40px;
    width: 24%;
}

@media (max-width: 480px) {
    .resume .profile {
        grid-template-columns: 33% 33% 33%;
        grid-template-rows: 1fr 0.6fr 0.6fr;
    }
    .resumeBox .resumeUpload {
        display: grid;
        grid-column-start: 1;
        grid-column-end: 4;
        grid-template-columns: 80px 1fr;
        grid-template-rows: 1fr 50px;
    }
    .resumeUpload p.uploadImgWrap #resumeUpload_img,
    .resumeUpload input#resumeUpload_file {
        width: 70px;
        height: 70px;
    }
    .resumeBox .resumeUpload div.profile_box {
        grid-row-start: 2;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .profile .profile_box p.userSetting.logout {
        margin-left: 8px;
    }
    .profile div.myProfileArea {
        grid-template-columns: 40% 30% 30%;
        grid-template-rows: 1fr;
        grid-column-start: 1;
        grid-column-end: 4;
    }
    .profile div.myProfileArea ul {
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .profile div.myspoonArea {
        grid-row-start: 2;
        grid-row-end: 3;
        column-gap: 5px;
    }
    .profile div.myprojectArea {
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .profile .myspoonArea ul {
        grid-row-start: 1;
        grid-row-end: 2;
    }
    ul.nowSpoon,
    p.my_title {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    ul.totalSpoon,
    ul.applyProject {
        grid-column-start: 2;
        grid-column-end: 3;
    }
    ul.totalChangeSpoon,
    ul.nowProject {
        grid-column-start: 3;
        grid-column-end: 4;
    }
    .myProfileArea .my_title {
        font-size: 16px;
        letter-spacing: -1px;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .profile .myProfileArea .s_count {
        font-size: 22px;
        margin-left: 0;
    }

    table.setting-table colgroup {
        display: none;
    }
    table.setting-table tr {
        border-bottom: 1px solid #eee;
    }
    table.setting-table tr td {
        line-height: 30px;
        font-size: 14px;
        padding-left: 10px;
    }
    table.setting-table tr:nth-of-type(5) td:nth-of-type(1) {
        vertical-align: middle;
    }
    p.withdrawal {
        padding-top: 20px;
    }
    .areaList {
        column-gap: 10px;
        row-gap: 10px;
    }

    /*내정보*/
    .selectArea {
        justify-content: center;
    }
    .selectArea > div,
    .selectArea > input {
        flex-basis: 100%;
    }
    /* .areaInner .inputSchool.borderCheck {
        padding-left: 8%;
    } */
    .areaInner-sns .sns-url::placeholder {
        font-size: 14px;
        letter-spacing: -1px;
    }
    .areaInner-setting .layer_pw,
    .areaInner-setting .layer_address,
    .areaInner-setting .layer_phone,
    .exchange_table .layer_paymentCheck {
        padding: 40px 15px;
    }
    .areaInner-profile .select ul.optionList {
        height: 100%;
        max-height: 250px;
        overflow-y: scroll;
        background: #f9f9f9;
    }
    .layer_nickname input,
    .layer_nickname button.layer_btn.layer_btn_black {
        width: 100%;
    }
    .layer_nomember div.bebox.btn_wrap button.layer_btn.layer_btn_white {
        width: 40%;
    }
    #childYearSelect{
        column-gap: 2%;
    }
    div#childYearSelect > select,
    .areaInner .select p.optionDefault{
        font-size: 14px;
    }

    /*내프로젝트*/
    .contents .project-status-title {
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
        row-gap: 10px;
    }
    #myproject .plusInfo {
        text-align: center;
    }
    #myproject .searchClick .searchBox {
        width: 100%;
    }
    #myproject .searchClick .searchBox input[type="text"] {
        width: 50%;
    }
    .mylist .listProject > ul > li {
        grid-template-rows: 1fr 0.5fr 70px;
        row-gap: 10px;
    }
    .profile .myprojectArea {
        grid-template-columns: 1fr 1fr;
    }

    /*공지사항*/
    #notice .searchClick {
        flex-direction: column;
        row-gap: 10px;
        column-gap: 0;
    }
    #notice .searchClick .searchBox {
        width: 100%;
    }
    #notice .searchClick .searchBox input[type="text"] {
        width: 70%;
    }
    .notice .inquiryList .arrowBtn {
        flex-direction: column;
        align-items: flex-start;
    }
    .inquiry .inquiryList .arrowBtn span.subjectWrap span {
        max-width: 250px;
    }

    /*공지사항 view*/
    .noticeViewInner .subjectBottom ul {
        justify-content: flex-end;
    }

    /*1:1문의*/
    .inquiry .searchClick .searchBox {
        width: 200px;
    }
    .inquiry .searchClick .searchBox input[type="text"] {
        width: 90px;
    }
    .layer_inquiry_pop #popSubject {
        font-size: 18px;
    }
    div.securityTxt,
    div.securityCheckbox {
        padding: 10px 5px;
    }

    /*자주묻는질문*/
    nav.lnb.inquiry_lnb.lnb_m .selectQna {
        padding: 10px;
        background: #f4f4f4;
        border-radius: 10px;
    }
    .inquiry .inquiryInner2 .inquiryList .resumeAcc.answerArea .answerTxt {
        font-size: 14px;
    }

    /*스푼*/
    .payment .spoonbox ul {
        column-gap: 5px;
        align-items: flex-start;
        padding: 15px 0;
    }
    .payment .spoonbox ul li:after {
        display: none;
    }
    .check-p {
        flex-wrap: wrap;
    }
    .check-p input[type="number"] {
        width: 100%;
    }
    .check-p p.buttons {
        width: 100%;
    }
    .check-p a.p-btn,
    .check-p input.checkPhone {
        width: 100%;
    }
    .exchange_table {
        overflow-x: scroll;
    }
    .exchange_table form:after {
        left: 107px;
    }
    .exchange_table form > div {
        width: max-content;
    }
    div.spoon_cell {
        flex-wrap: nowrap;
    }
    .payment .exchange_table dl {
        grid-template-columns: 105px 400px;
    }
    .payment input.inputTxt,
    .payment select {
        max-width: 300px;
    }
    ul.agree-list {
        margin-bottom: 30px;
    }
    p.buttons.confirmSpoon a.btn.black {
        width: 100%;
    }
    .spoonAsk .search-wrap {
        flex-direction: column;
        justify-content: center;
    }
    .selectPay {
        width: 100%;
    }
    .spoon-date {
        width: 100%;
        max-width: 180px;
    }
    p.check-p {
        width: 100px;
    }
    /*스푼내역*/
    .payment .spoonTable {
        display: block;
        overflow-x: scroll;
    }
    .payment .spoonTable thead tr,
    .payment .spoonTable tr.payment_list_tr {
        grid-template-columns: 100px 120px 80px 80px;
    }
    .payment .gobtn_wrap .gobtn {
        font-size: 14px;
        padding: 5px 10px;
    }

    /*스푼 구매내역 상세*/
    .spoonpay_inner .spoonpay_detail li div {
        flex-wrap: wrap;
        column-gap: 15px;
        justify-content: flex-start;
    }
    .spoonpay_inner .spoonpay_detail li p.spoonpay_status {
        width: auto;
    }

    /* 내 스토어 */
    /* 내글관리 */
    /* 상품문의 */
    .formTab {
        justify-content: center;
    }
    .pr_pop.giftishow_pr {
        padding: 30px 10px;
    }
    .pr_pop.giftishow_pr.confirm_refund {
        width: 80%;
    }
    .pr_pop.giftishow_pr.confirm_refund .pr_title {
        font-size: 16px;
    }
    .confirm_refund ul li button {
        height: 45px;
    }
    .payment .spoonTable td {
        padding: 20px 8px;
    }
}

@media (max-width: 350px) {
    .resumeBox .resumeUpload {
        column-gap: 0;
    }
    .profile dl.profileTxt {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    .profile .profile_box {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    /* .areaList a {
        width: 47%;
        font-size: 15px;
    } */
    .selectArea {
        justify-content: center;
    }
    .snsList .snsWrap {
        padding: 10px 7px;
    }
    .snsList .sns-top {
        flex-wrap: wrap;
        row-gap: 5px;
    }
    .snsList .sns-top p {
        font-size: 14px;
    }
    .link-wrap button.link-off {
        padding: 5px 18px;
    }
    #inquiry .project-status-title {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #inquiry .project-status-title h1 {
        text-align: center;
    }
    .inquiry .searchClick .searchBox {
        width: 230px;
    }
    .inquiry .searchClick .searchBox input[type="text"] {
        width: 110px;
    }

    /* 마이테이블 모바일탭 */
    nav.lnb_m ul.lnbList {
        flex-wrap: wrap;
    }
    nav.lnb_m ul.lnbList li a {
        padding: 8px 4px;
    }
    /*마이테이블 내정보관리*/
    .areaInner .pr_pop,
    .areaInner-setting .layer_exit.pr_pop {
        width: 80%;
    }
    .layer_pw form,
    .layer_phone form,
    .layer_address form {
        width: 90%;
    }
    .layer_nickname form {
        width: 100%;
    }
    .layer_pw form input,
    .layer_phone form input,
    .layer_address form input,
    .layer_pw button.layer_btn,
    .layer_phone button.layer_btn,
    .layer_address form button.layer_btn {
        width: 100%;
    }

    /*공지사항 view*/
    .noticeViewInner .subjectBottom ul li {
        letter-spacing: -1px;
    }

    /*스푼*/
    p.check-p {
        width: 70px;
    }

    /* 내 스토어 */
    /* 장바구니 */
    .mymarketInner input[type="checkbox"] {
        width: 16px;
        height: 16px;
    }
    .mymarketInner form > .top div {
        column-gap: 8px;
    }
    .mymarketInner form > .top button {
        padding: 4px 8px;
    }
    .mymarketInner .itemWrap {
        flex-direction: column;
        row-gap: 8px;
    }
    .mymarketInner .itemInner {
        width: 100%;
    }
    .mymarketInner .itemInner .infoWrap {
        width: calc(100% - 120px);
    }
    .mymarketInner .itemInner .productName {
        word-break: break-all;
    }
    .mymarketInner .itemInner .btnWrap button {
        padding: 4px;
    }
}

#ch-plugin {
    display: none !important;
    /*스푼 구매내역 상세*/
    .pr_bottom .label_wrap {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 5px;
    }
}

.not-enter-sns button{
    display: flex;
    align-items: center;
    column-gap: 10px;
    cursor: pointer;
    font-size: 16px;
    background: none;
    border: 0;
}
.not-enter-sns button span{
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #a7a7a7;
    background: #fff;
    border-radius: 50%;
}
.not-enter-sns button.on span{
    background: #0087f5 url('/_asset/img/login/check_circle_on.png') center center no-repeat;
    background-size: 16px;
    border: 1px solid #0087f5;
}