@charset "utf-8";

@media (hover: hover) and (pointer: fine) and (min-width: 767px) {
    .offerV .btn-config a:hover .icon,
    .offerV .btn-config a:hover .text,
    .offerV .btn-config button:hover .icon {
        opacity: 1;
    }
    .offerPay .header h2 a:hover {
        color: var(--color-red);
    }
    .Custom-select .scroll li:hover {
        color: var(--color-black);
        background-color: var(--select-bg);
    }
    .Custom-select .scroll li:hover ion-icon {
        color: var(--color-black);
    }
    .btn-radio:hover {
        color: var(--color-red-m);
    }
    .btn-radio:hover .radio {
        border: 2px solid var(--color-red-m);
    }
    .btn-radio:hover .radio::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        content: '';
        width: 7px;
        height: 7px;
        background-color: var(--color-red-m);
        border-radius: 50%;
        transition: var(--transition);
    }
    #rfloating .paper li a:hover {
        background-color: var(--select-bg);
    }
    #rfloating .paper li a:hover,
    #rfloating .paper li a:hover .new {
        color: var(--color-red);
    }
    #rfloating .offer li a:hover {
        position: absolute;
        top: -6px;
        right: -6px;
        padding: 5px;
        width: 294px;
        height: 72px;
        background-color: var(--color-white);
        border: 1px solid var(--color-4a4c4d);
        color: var(--color-888888);
        justify-content: flex-end;
    }
    #rfloating .offer.recommend li a:hover {
        width: 393px;
        height: 138px;
    }
    #rfloating .offer li a:hover .description {
        padding: 0 0 0 10px;
        width: 222px;
        transition: width ease 0.3s;
    }
    #rfloating .offer.recommend li a:hover .description {
        padding: 0 15px 0 10px;
        width: 255px;
    }
    #rfloating .offer li a:hover .description :where(.info, .paybox) {
        width: 212px;
        display: flex;
        align-items: center;
    }
    #rfloating .offer.recommend li a:hover .description :where(.info, .paybox) {
        width: 229px;
        margin-bottom: 0;
    }
    #rfloating .offer li a:hover .description .info span:first-child {
        max-width: 78px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }
    #rfloating .offer.recommend li a:hover .description .info span:first-child {
        max-width: 77px;
    }
    #rfloating .offer.recommend li a:hover h3 {
        margin: 10px 0;
        width: 230px;
    }
    #rfloating .offer li a:hover .description .split {
        display: inline-block;
        width: 1px;
        height: 7px;
        border-right: 1px solid var(--line-e3e2e2);
        margin: 0 5px;
    }
    .list .row:hover {
        background-color: var(--select-bg);
    }
    .list .review .item:hover img {
        transform: scale(1.1);
    }
    .banner .item:hover .photo img {
        transform: scale(1.1);
    }
    #search .title button:hover ion-icon {
        transform: rotate(180deg);
    }
    #search:hover .title {
        opacity: 1;
    }
    #search .option:hover {
        background-color: var(--color-red);
        border: 1px solid rgba(0, 0, 0, 0.04);
        color: var(--color-white);
    }
    #search .option.selected:hover,
    #search .option.selected:hover ion-icon {
        color: var(--color-white);
    }
    #search .btn-close:hover ion-icon {
        transform: rotate(180deg);
    }
}
header .right a:hover {
    color: var(--color-black);
    transition: color ease-in 0.3s;
}
#recommend .list_header {
    height: 80px;
}
.list .recommend {
    grid-template-columns: repeat(auto-fit, minmax(395px, 1fr));
    gap: 20px;
    padding: 20px;
    border-top: 1px solid var(--line-f9f9f9);
}
.list .recommend .photo {
    width: 112px;
    height: 112px;
}
.list .recommend .photo img {
    width: 100%;
    height: 100%;
}
.list .recommend .description {
    padding: 0px 0 0px 20px;
}
.list .recommend .description .name {
    max-width: 90px;
}
.none_image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.none_image .text {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    color:var(--color-white);
    width: 50%;
    height: 50%;
    font-family: 'ghanachoco';
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    font-weight: 100;
}
#rfloating .none_image .text {
    font-size: 17px;
}
#rfloating .recommend .none_image .text {
    font-size: 30px;
}
.mpV .pbb_l.type_i .none_image .text {
    font-size: 20px;
}
.mpV .pbb_l.type_b .none_image .text {
    font-size: calc(-4px + 100%);
    padding: 7px;
}
.none_image.type1 {
    background: #12c2e9;
    background: -webkit-linear-gradient(to right, #f64f59, #c471ed, #12c2e9);
    background: linear-gradient(to right, #f64f59, #c471ed, #12c2e9);
}
.none_image.type2 {
    background: #77A1D3;
    background: -webkit-linear-gradient(to right, #E684AE, #79CBCA, #77A1D3);
    background: linear-gradient(to right, #E684AE, #79CBCA, #77A1D3);
}
.none_image.type3 {
    background: #E55D87;
    background: -webkit-linear-gradient(to right, #5FC3E4, #E55D87);
    background: linear-gradient(to right, #5FC3E4, #E55D87);
}
.none_image.type4 {
    background: #DD5E89;
    background: -webkit-linear-gradient(to right, #F7BB97, #DD5E89);
    background: linear-gradient(to right, #F7BB97, #DD5E89);
}
.none_image.type5 {
    background: #DAE2F8;
    background: -webkit-linear-gradient(to right, #D6A4A4, #DAE2F8);
    background: linear-gradient(to right, #D6A4A4, #DAE2F8);
}
.none_image.type6 {
    background: #d53369;
    background: -webkit-linear-gradient(to right, #cbad6d, #d53369);
    background: linear-gradient(to right, #cbad6d, #d53369);
}
.none_image.type7 {
    background: #f2709c;
    background: -webkit-linear-gradient(to right, #ff9472, #f2709c);
    background: linear-gradient(to right, #ff9472, #f2709c);
}
.none_image.type8 {
    background: #FF4E50;
    background: -webkit-linear-gradient(to right, #F9D423, #FF4E50);
    background: linear-gradient(to right, #F9D423, #FF4E50);
}
.none_image.type9 {
    background: #f46b45;
    background: -webkit-linear-gradient(to right, #eea849, #f46b45);
    background: linear-gradient(to right, #eea849, #f46b45);
}
.none_image.type10 {
    background: #fd746c;
    background: -webkit-linear-gradient(to right, #ff9068, #fd746c);
    background: linear-gradient(to right, #ff9068, #fd746c);
}
.none_image.type11 {
    background: #f7ff00;
    background: -webkit-linear-gradient(to right, #db36a4, #f7ff00);
    background: linear-gradient(to right, #db36a4, #f7ff00);
}
.none_image.type12 {
    background: #EECDA3;
    background: -webkit-linear-gradient(to right, #EF629F, #EECDA3);
    background: linear-gradient(to right, #EF629F, #EECDA3);
}
.none_image.type13 {
    background: #FF5F6D;
    background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);
    background: linear-gradient(to right, #FFC371, #FF5F6D);
}
.none_image.type14 {
    background: #e96443;
    background: -webkit-linear-gradient(to right, #904e95, #e96443);
    background: linear-gradient(to right, #904e95, #e96443);
}
.none_image.type15 {
    background: #de6161;
    background: -webkit-linear-gradient(to right, #2657eb, #de6161);
    background: linear-gradient(to right, #2657eb, #de6161);
}
.none_image.type16 {
    background: #3494E6;
    background: -webkit-linear-gradient(to right, #EC6EAD, #3494E6);
    background: linear-gradient(to right, #EC6EAD, #3494E6);
}
.none_image.type17 {
    background: #30E8BF;
    background: -webkit-linear-gradient(to right, #FF8235, #30E8BF);
    background: linear-gradient(to right, #FF8235, #30E8BF);
}
.none_image.type18 {
    background: #F2994A;
    background: -webkit-linear-gradient(to right, #F2C94C, #F2994A);
    background: linear-gradient(to right, #F2C94C, #F2994A);
}
.none_image.type19 {
    background: #ff9966;
    background: -webkit-linear-gradient(to right, #ff5e62, #ff9966);
    background: linear-gradient(to right, #ff5e62, #ff9966);
}
.none_image.type20 {
    background: #654ea3;
    background: -webkit-linear-gradient(to right, #eaafc8, #654ea3);
    background: linear-gradient(to right, #eaafc8, #654ea3);
}
a.item.null {
    background-color: transparent;
    opacity: 0.7;
    padding: 0 !important;
}
.ad_null_box {
    width: 100%;
    height: 100%;
    padding: 20px 25px;
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
    border: 1px dashed #ddd;
    position: relative;
}
.ad_null_box::after {
    content: '';
    background-image: url(https://www.toptal.com/designers/subtlepatterns/uploads/papyrus.png);
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.ad_null_box p.text {
    display: inline;
    color: #777;
    letter-spacing: 0px;
    font-weight: 200;
    font-size: 15px;
    z-index: 1;
}
#etcview .header {
    padding: 40px 35px;
    border-bottom: 1px solid var(--line-e3e2e2);
}
#etcview .body .content {
    padding: 40px 35px 60px 35px;
}
._cs_w #editorbox textarea {
    width: 100%;
    height: 600px;
    border: 1px solid var(--line-e3e2e2);
    resize: none;
    padding: 20px;
}
._cs_v .more_list {
    box-shadow:none;
}
._cs_v .qna_v section {
    min-height: 986px;
}
:where(._cm_v, ._cs_v) .header {
    padding: 35px;
    border-bottom: 1px solid var(--line-f5f5f5);
    color: var(--color-888888);
}
:where(._cm_v, ._cs_v) .header .p_local ion-icon {
    position: relative;
    top: 2px;
}
:where(._cm_v, ._cs_v) .header h1 {
    color: var(--color-black);
    margin: 20px 0;
}
._cs_v .faq_v .header h1 {
    margin: 20px 0 0 0;
}
._cs_v .header .mas_user a span {
    color: var(--line-2b2b2b);
}
._cs_v .qna_v .header h1 .status {
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    margin-right: 10px;
    position: relative;
    top: -3px;
}
._cm_v .header .register_box,
._cs_v .header .register_box {
    margin-top: 20px;
}
._cm_v .header .regi_info,
._cs_v .header .regi_info {
    gap: 20px;
}
._cm_v :where(.header .register_box, .body .comment_box) .icon {
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
}
._cm_v .icon.smile {
    background-image: url(/res/svg/icon-smile.svg);
    background-size: 15px 15px;
    position: relative;
    top: 2px;
}
._cm_v .icon.time {
    background-image: url(/res/svg/icon-date.svg);
    position: relative;
    top: 2px;
}
._cm_v .icon.view {
    background-image: url(/res/svg/icon-hit.svg);
    width: 15px;
    height: 10px;
}
._cm_v .header .regi_info ion-icon {
    margin-right: 5px;
    position: relative;
    top: 3px;
    font-size: 15px;
}
._cm_v .header .btn-box,
._cs_v .header .btn-box {
    margin-left: auto;
}
._cs_v .header .qna_del_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0.7;
    border-radius: 5px;
    background-color: var(--footer-bg);
    color: #ffffff;
    padding: 5px 10px;
}
._cm_v .header .btn-box .config-box,
._cs_v .header .btn-box .config-box {
    gap: 20px;
}
._cm_v .header .btn-box .config-box a,
._cs_v .header .btn-box .config-box a {
    color: var(--color-888888);
}
._cs_v .qna_v .body {
    padding-bottom: 60px;
}
:where(._cm_v, ._cs_v) .body > .content,
._cs_v .qna_v .body > .answer_box {
    padding: 60px 35px;
    color: var(--line-2b2b2b);
    line-height: 1.87;
    letter-spacing: -0.45px;
    border-bottom: 1px solid var(--line-f5f5f5);
}
._cm_v #cmview.knowhow .body .content {
    border-bottom: none;
}
#isPasted,
:where(._cm_v, ._cs_v) .body > .content span span,
._cs_v .qna_v .body > .answer_box span span {
font-family: inherit;
}
:where(._cm_v, ._cs_v) .body > .content span {
    word-break: break-all;
}
:where(._cm_v, ._cs_v) .body > .content video {
    max-width: 100%;
}
._cs_v .qna_v .body > .answer_box {
    background-color: var(--select-bg);
    margin: 0 35px;
}
._cs_v .qna_v .body > .content,
._cs_v .qna_v .body > .answer_box {
    border-bottom: none;
}
._cs_v .qna_v .body > .answer_box.waiting {
    flex-direction: column;
    align-items: center;
}
._cs_v .qna_v .body > .answer_box .answer_title {
    margin-bottom: 50px;
}
.answer_icon,
.m_answer_icon {
    margin-bottom: 20px;
    width: 26px;
    height: 26px;
    background-image: url(/res/svg/m_answer_icon.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}
.m_answer_icon {
    margin: 0 10px 0 0;
    position: relative;
    top: -2px;
}
._cs_v .qna_v .body > .answer_box.waiting p {
    letter-spacing: -0.39px;
    color: var(--color-696969);
}
.comment_write {
    background-color: var(--select-bg);
    padding: 35px;
}
.comment_write .reply_count {
    margin-bottom: 20px;
}
.comment_container form {
    background-color: var(--color-white);
    border: 1px solid var(--line-e3e2e2);
    width: 100%;
}
.comment_write.guest form,
.comment_write.guest form textarea,
.comment_write.guest label.checkbox .checkmark,
.comment_write.guest form .write_box button {
    background-color: var(--line-f5f5f5);
    color: var(--color-888888);
}
.comment_write.guest form .write_box button {
    border-bottom: 1px solid var(--line-e3e2e2);
    border-left: 1px solid var(--line-e3e2e2);
}
.comment_container form textarea {
    padding: 15px 20px;
    height: 125px;
    width: 100%;
    resize: none;
    border: none;
    display: block;
}
.comment_container form .write_box {
    padding-left: 20px;
    height: 45px;
    border-top: 1px solid var(--line-e3e2e2);
}
.comment_container form .write_box button {
    border: none;
    cursor: pointer;
}
.comment_container .reply_box {
    border-top: 1px solid var(--line-f5f5f5);
}
.comment_container .reply_box .item:not(:last-child) {
    border-bottom: 1px solid var(--line-f5f5f5);
}
.comment_container .reply_box .item.reply {
    background-color: var(--select-bg);
}
.comment_container .reply_box .item.reply > div {
    padding-left: 45px;
}
.comment_container .comment_box {
    padding: 30px 35px;
    color: var(--color-888888);
}
.comment_container .dot {
    margin: 0 10px;
    background-image: unset;
    width: unset;
    height: unset;
    background-size: unset;
}
.comment_container .comment_box .content {
    color: var(--line-2b2b2b);
    font-size: 15px;
    line-height: 1.87;
    letter-spacing: -0.45px;
    padding: 15px 0 0 0;
}
.comment_container .comment_box .btn_container {
    gap: 20px;
    margin-top: 15px;
}
.comment_container .comment_box .btn_container .md-btn a {
    color: var(--color-888888);
}
.comment_container .comment_box .btn_container .md-btn .modify_btn {
    margin-right: 20px;
}
.comment_container .comment_box .btn_container .reply_w_btn {
    margin-left: auto;
}
.comment_container .comment_box .writer_box .reply_btn.on,
.comment_container .comment_box .btn_container .reply_w_btn.on,
.comment_container .comment_box .btn_container .md-btn .modify_btn.on {
    color: var(--color-red-m);
}
.secret_icon {
    width: 13px;
    height: 13px;
    margin-left: 8px;
    display: inline-block;
    background-image: url(/res/svg/icon-lock.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
}
.comment_container :where(.reply_form, .modify_form) {
    background-color: var(--select-bg);
    height: 0;
    overflow: hidden;
    transition: height ease 0.3s;
}
.comment_container :where(.reply_form.on, .modify_form.on) {
    padding: 35px;
    height: 243px;
    border-top: 1px solid var(--line-e3e2e2);
}
._cm_v .footer {
    border-top: 1px solid var(--line-e3e2e2);
    padding: 35px 30px;
}
._cm_v .footer a.list {
    margin-left: unset;
    background-color: var(--color-white);
    color: var(--line-2b2b2b);
    box-shadow: none;
    border: 1px solid var(--line-e3e2e2);
}
._cm_v .more_list {
    box-shadow: none;
    border-top: 1px solid var(--line-e3e2e2);
}
._cm_v .more_list .list_header {
    height: 80px;
}
.more_list .row.now {
    background-color: rgba(246, 54, 91, 0.03);
}
._cs_v div:not(.qna_v) .body > .content {
    min-height: 811px;
}
._cs_v #editorbox {
    padding: 60px 35px;
}
._cs_v .btnbox {
    justify-content: center;
    padding-bottom: 70px;
}
._cs_v .qna_v .btnbox {
    padding-bottom: 10px;
}
._cs_v .btnbox button {
    width: 200px;
    height: 60px;
    border: none;
    background-color: var(--color-red);
    color: var(--color-white);
}
._cs_v :where(.ad_info, .ad_placement) .header {
    border-bottom: none;
}
._cs_v :where(.ad_info, .ad_placement) .header h2 {
    color: var(--color-black);
    line-height: 1;
    font-weight: 700;
}
._cs_v .ad_info .header .sub,
._cs_v .ad_placement .header p {
    margin-top: 20px;
}
._cs_v .ad_info .header .move {
    margin-left: auto;
    color: var(--color-888888);
}
._cs_v .ad_info .body {
    padding: 15px 35px 65px 35px;
}
.register_order {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.register_order .item {
    flex-direction: column;
    border: 1px solid var(--line-e3e2e2);
    box-shadow: 7.1px 7.1px 10px 0 rgba(0, 0, 0, 0.05);
}
.register_order .item :where(.top, .middle, .bottom) {
    width: 100%;
}
.register_order .item.bar {
    position: relative;
}
.register_order .item.bar::before,
.register_order .item.bar::after {
    content: '';
    width: 30px;
    height: 10px;
    background-color: var(--line-e3e2e2);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.register_order .item.bar::before {
    left: -31px;
}
.register_order .item.bar::after {
    right: -31px;
}
.register_order .item .top {
    padding: 30px 20px 45px 20px;
}
.register_order .item .top .num {
    margin-right: 10px;
    color: var(--color-888888);
}
.register_order .item .top .text {
    color: var(--color-696969);
}
.register_order .item .icon {
    width: 100%;
    height: 52px;
    margin-bottom: 20px;
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 52px 52px;
}
.register_order .item .icon.person {
    background-image: url(/res/svg/cu_icon_01.svg);
}
.register_order .item .icon.write {
    background-image: url(/res/svg/cu_icon_02.svg);
}
.register_order .item .icon.money {
    background-size: 60px 52px;
    background-image: url(/res/svg/cu_icon_03.svg);
}
.register_order .item .bottom {
    padding: 27px 20px;
    background-color: var(--search-op-bg);
}
.register_order .item .bottom p {
    line-height: 1.54;
    letter-spacing: -0.39px;
    color: var(--color-888888);
}
._cs_v .ad_info .option_info {
    margin-top: 65px;
    grid-template-columns: repeat(3, 1fr);
}
._cs_v .ad_info .option_info .item {
    flex-direction: column;
}
._cs_v .ad_info .option_info .item.line {
    border-left: 1px solid var(--line-e3e2e2);
    border-right: 1px solid var(--line-e3e2e2);
}
._cs_v .ad_info .option_info .item .icon {
    height: 55px;
    background-position: center;
    background-repeat: no-repeat;
}
._cs_v .ad_info .option_info .item .icon.op_1 {
    width: 57px;
    background-image: url(/res/svg/cu_icon_04.svg);
}
._cs_v .ad_info .option_info .item .icon.op_2 {
    width: 52px;
    background-image: url(/res/svg/cu_icon_05.svg);
}
._cs_v .ad_info .option_info .item .icon.op_3 {
    width: 55px;
    background-image: url(/res/svg/cu_icon_06.svg);
}
._cs_v .ad_info .option_info .item strong {
    color: var(--color-696969);
    margin: 30px 0 17px 0;
}
._cs_v .ad_info .option_info .item p {
    color: var(--color-888888);
    line-height: 1.57;
    text-align: center;
}
._cs_v .ad_placement .body {
    padding: 0;
}
._cs_v .ad_placement .body > .content {
    padding: 5px 35px 50px 35px;
    min-height: unset !important;
}
._cs_l .list_body {
    min-height: 800px;
}
._cs_l #recommend .list_body {
    min-height: unset;
}
.q_mark {
    margin-right: 10px;
    font-size: 15px;
    color: var(--color-red-m);
}
._cs_l .list.qna .status {
    width: 30px;
    height: 18px;
    border-radius: 3px;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.1);
    font-family: Dotum;
    font-size: 11px;
    letter-spacing: -1.65px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
._cs_l .list.qna .status.done {
    background-color: var(--pt-bg-4);
    color: var(--color-red-m);
}
._cs_l .list.qna .status.waiting {
    background-color: var(--color-888888);
    color: var(--color-white);
}
._cm_l .talk_count {
    font-style: normal;
}
._cm_l .list_footer .more-btn {
    margin-right: auto;
    width: 100px;
    height: 46px;
    border: 1px solid var(--line-e3e2e2);
    justify-content: center;
    color: var(--color-4a4c4d);
}
._cm_l .list .review,
._cm_v .list .review {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
    gap: 0;
}
._cm_l .list .review .item,
._cm_v .list .review .item {
    padding: 20px;
    height: auto;
}
._cm_l .list .review .item:not(:last-child),
._cm_v .list .review .item:not(:last-child) {
    border-bottom: 1px solid var(--line-f9f9f9);
}
._cm_l .list .list_body a {
    color: var(--color-888888);
}
._cm_l .list .list_body a .title {
    color: var(--line-2b2b2b);
}
.ph_list {
    grid-template-columns: repeat(1, 1fr);
}
.ph_list .item {
    height: 70px;
    border-bottom: 1px solid var(--line-f9f9f9);
}
.ph_list .ad_container {
    width: 100%;
    padding: 0 30px;
    gap: 30px;
}
.ph_list .status {
    width: 30px;
    height: 18px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Dotum;
    font-size: 11px;
    letter-spacing: -1.65px;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.1);
}
.ph_list .waiting .status {
    color: var(--color-white);
    background-color: var(--color-696969);
}
.ph_list .complete .status {
    color: var(--color-red-m);
    background-color: var(--search-border);
}
.ph_list .content {
    flex: 1;
}
.ph_list .ad_box {
    color: var(--color-888888);
    letter-spacing: -0.39px;
}
.ph_list .content .ad_price {
    margin-left: auto;
}
.ph_list .split {
    height: 10px;
    margin: 0;
}
.ph_list .date {
    color: var(--line-2b2b2b);
}
.ph_list .time {
    margin-left: 5px;
}
main._mp_e {
    min-height: unset;
}
.mpV.mh800 {
    min-height: 800px;
}
.mpV .delete_all {
    margin-left: auto;
    color: var(--color-888888);
    font-size: 12px;
}
.mpV .pbb_l li {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid var(--line-f9f9f9);
}
.mpV .pbb_l .delete_post {
    width: 66px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mpV .pbb_l .delete_post .x-btn {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: url(/res/svg/x_btn.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.mpV .pbb_l .item {
    width: 100%;
    height: 100%;
    padding-left: 20px;
}
.mpV .pbb_l .photo-box {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    overflow: hidden;
}
.mpV .pbb_l.type_b .photo-box {
    border-radius: 50%;
}
.mpV .pbb_l .photo-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.mpV .pbb_l .photo-box.blur img {
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
.mpV .pbb_l .item .description {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1;
}
.mpV .pbb_l .item .description .title {
    color: var(--line-2b2b2b);
}
.mpV .pbb_l .item .description .info {
    color: var(--color-888888);
}
.mpV .pbb_l .item .description .info .split {
    height: 10px;
    margin: 0 15px;
}
.mpV .pbb_l .item .date {
    color: var(--color-888888);
    margin-left: auto;
    position: relative;
    top: 2px;
}
.mp_none_list {
    width: 100% !important;
    height: 740px !important;
    flex-direction: column;
    justify-content: center;
    border: none;
}
.none_icon {
    width: 77px;
    height: 37px;
    background: url(/res/svg/none_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
}
.mp_none_list .text {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.6px;
    color: var(--color-888888);
    margin-top: 40px;
}
.mpV .pbb_l.type_i .payicon {
    margin-right: 5px;
}
#withdrawal_pop h2 {
    height: 175px;
    padding: 50px 35px;
    border-bottom: 1px solid var(--line-e3e2e2);
    grid-template-areas:
        'title close'
        'des des';
    gap: 15px 0;
}
#withdrawal_pop h2 .title {
    grid-area: title;
}
#withdrawal_pop h2 .closeLayer {
    grid-area: close;
}
#withdrawal_pop h2 .description {
    grid-area: des;
}
#withdrawal_pop h2 .description p {
    line-height: 1.47;
    color: var(--color-888888);
}
#withdrawal_pop .withdrawal {
    width: 850px;
    padding: 50px 35px 70px 35px;
}
#withdrawal_pop .fieldset {
    margin-top: 0;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
#withdrawal_pop .auth-btn {
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    color: var(--color-888888);
}
#withdrawal_pop .btn_box {
    width: 100%;
    justify-content: center;
    margin-top: 175px;
}
#withdrawal_pop .btn_box button {
    width: 200px;
    height: 60px;
    border: none;
    background-color: var(--line-e3e2e2);
    font-size: 18px;
    font-weight: 700;
    color: var(--color-white);
    pointer-events: none;
}
#withdrawal_pop .btn_box button.on {
    pointer-events: unset;
    background-color: var(--color-red-m);
}
.mpV .header {
    padding: 20px 25px;
    border-bottom: 1px solid var(--line-e3e2e2);
    color: var(--line-2b2b2b);
}
.mpV .member_default {
    padding: 50px 35px;
    position: relative;
    border-bottom: 1px solid var(--line-e3e2e2);
}
.mpV .photo-container {
    gap: 30px;
}
.mpV .file-photo .item {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 0 1px var(--line-e3e2e2) inset;
    color: var(--line-e3e2e2);
    font-size: 30px;
    position: relative;
}
.mpV .file-photo .item .btn-file {
    width: 100%;
    height: 100%;
    justify-content: center;
    cursor: pointer;
}
.mpV .file-photo input {
    width: 0;
    height: 0;
}
.mpV .file-photo .photo {
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    position: relative;
}
.mpV .file-photo .item.on .photo {
    display: block;
}
.mpV .file-photo .item.on .btn-file ion-icon {
    display: none;
}
.mpV .file-photo .photo img {
    display: block;
    width: 100%;
    height: 100%;
}
.carmera-btn {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    background-image: url(/res/svg/carmera.svg);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}
.mpV .file-photo .del_img,
.offerF .file-photo .del_img {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    cursor: pointer;
    z-index: 1000;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
}
.mpV .file-photo .del_img::after,
.mpV .file-photo .del_img::before,
.offerF .file-photo .del_img::after,
.offerF .file-photo .del_img::before {
    position: absolute;
    left: 25px;
    top: 14px;
    content: ' ';
    height: 23px;
    width: 2px;
    background-color: var(--color-white);
}
.mpV .file-photo .del_img::after {
    transform: rotate(-45deg);
}
.mpV .file-photo .del_img::before {
    transform: rotate(45deg);
}
.mpV .member_default .member_name .member_id {
    color: var(--line-2b2b2b);
    letter-spacing: -0.54px;
}
.mpV .member_default .member_name .text {
    letter-spacing: -0.45px;
    color: var(--color-888888);
    margin-left: 5px;
}
.mpV .fieldset.grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    padding: 35px;
    margin: 0;
}
.mpV .fieldset .readonly_box,
#withdrawal_pop .fieldset .readonly_box {
    width: 100%;
    height: 46px;
    border: 1px solid var(--line-e3e2e2);
    background-color: var(--search-op-bg);
    padding: 0 20px;
}
.mpV .fieldset .readonly_box .text,
#withdrawal_pop .fieldset .readonly_box .text {
    letter-spacing: -0.39px;
    color: var(--color-888888);
}
.mpV .pos-account .readonly_box .icon,
#withdrawal_pop .fieldset .readonly_box .icon {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
}
.mpV .pos-account .readonly_box .icon.google,
#withdrawal_pop .fieldset .readonly_box .icon.google {
    background-image: url(/res/svg/login_google.svg);
}
.mpV .pos-account .readonly_box .icon.kakao,
#withdrawal_pop .fieldset .readonly_box .icon.kakao {
    background-image: url(/res/svg/login_kakao.svg);
}
.mpV .pos-account .readonly_box .icon.naver,
#withdrawal_pop .fieldset .readonly_box .icon.naver {
    background-image: url(/res/svg/m_login_naver.svg);
}
.mpV .fieldset .field.w2 :where(.left, .right) {
    border: 1px solid var(--line-e3e2e2);
}
.mpV .fieldset .field.w2 .left {
    flex: 1;
    border-right: none;
}
.mpV .fieldset .field.w2 .right {
    width: 65px;
    border-left: none;
}
.mpV .fieldset input[type='text'] {
    border: none;
}
.mpV .fieldset .field .text_btn {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-4a4c4d);
}
.mpV .fieldset .field :is(.text_btn.request_e, .text_btn.auth) {
    color: #2db400;
}
.mpV .fieldset .field .text_btn.request_e.re_request {
    color: var(--color-4a4c4d);
}
.mpV .fieldset :where(.pos-nickname .field, .pos-consent .field) {
    border: 1px solid var(--line-e3e2e2);
    height: 46px;
}
.mpV .fieldset .pos-nickname .field input {
    height: 100%;
    flex: 1;
}
.mpV .fieldset .pos-nickname .field input[readonly] {
    cursor: default;
}
.mpV .fieldset .pos-nickname .field .nickBtn {
    width: 65px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-4a4c4d);
}
.mpV #overlap_text {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mpV .fieldset .pos-consent .field {
    padding: 0 20px;
}
.mpV .fieldset .pos-consent .radioStyle {
    padding: 0;
    width: 100%;
    height: 100%;
    align-items: center;
}
.mpV .fieldset .pos-consent .radioStyle .checkmark {
    left: unset;
    right: 0;
    margin-right: 45px;
}
.mpV .fieldset .pos-consent .radioStyle input:checked ~ .checkmark {
    margin-right: 35px;
}
.mpV .fieldset .pos-consent .radioStyle .checkmark::before {
    content: '미동의';
    font-size: 13px;
    font-weight: 400;
    color: var(--color-4a4c4d);
    position: absolute;
    top: 50%;
    left: 25px;
    width: 40px;
    transform: translateY(-50%);
}
.mpV .fieldset .pos-consent .radioStyle input:checked ~ .checkmark::before {
    content: '동의';
    left: 25px;
    width: 25px;
}
.mpV .footer {
    border-top: 1px solid var(--line-e3e2e2);
    padding: 35px;
}
.mpV .footer button {
    width: 140px;
    height: 46px;
    border: none;
    color: var(--color-white);
}
.mpV .footer .withdrawal {
    background-color: var(--footer-bg);
}
.mpV .footer button[type='submit'] {
    background-color: var(--color-red);
    margin-left: auto;
}
.mpV .footer button.modify {
    pointer-events: none;
    color: var(--color-696969);
    background-color: var(--line-f5f5f5);
}
.mpV .footer button.modify.on {
    pointer-events: unset;
    color: var(--color-white);
    background-color: var(--color-red);
}
.fieldset {
    margin-top: 33px;
}
.fieldset.grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
.fieldset li {
    width: 100%;
}
.fieldset li .name {
    margin-bottom: 13px;
    color: var(--color-888888);
}
.fieldset .field.w2 {
    display: flex;
}
.fieldset .field.w2 .left {
    width: 40%;
}
.fieldset .field.w2 .right {
    width: 60%;
}
.fieldset .field.w2 .right input {
    border-left: none;
}
.fieldset .field.pay .right {
    display: flex;
    position: relative;
    height: 100%;
    align-items: center;
}
.fieldset .field.pay .right input {
    border-right: none;
    flex: 1;
}
.fieldset .field.pay .right .won_text {
    width: 0;
    height: 46px;
    border: 1px solid var(--line-e3e2e2);
    border-left: none;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: var(--color-4a4c4d);
}
.fieldset .field.pay .right .won_text.on {
    width: 33px;
}
.fieldset input[type='text'] {
    width: 100%;
    height: 46px;
    padding: 0 20px;
    border: 1px solid var(--line-e3e2e2);
    color: var(--color-4a4c4d);
}
.fieldset .file-photo,
.fieldset .file-photo .item {
    width: 150px !important;
    height: 150px !important;
}
.offerV {
    padding: 35px;
}
.offerV h1 {
    margin: 15px 0;
    position: relative;
}
.offerV .header .info {
    color: var(--color-888888);
}
.offerV .header .info .split {
    margin: 0 10px;
}
.offerV .header .info .payicon {
    margin-right: 10px;
}
.offerV .header .info .pay {
    color: var(--color-4a4c4d);
}
.offerV .btn-config .config-box {
    display: flex;
    align-items: center;
    box-shadow: none;
    border: 1px solid var(--line-e3e2e2);
}
.offerV .btn-config a {
    width: 120px;
    height: 48px;
    color: var(--color-black);
    justify-content: center;
}
.offerV .btn-config a .text {
    display: block;
    height: 18px;
    letter-spacing: -0.42px;
    order: 2;
}
.offerV .btn-config a:not(:last-child) {
    border-right: 1px solid var(--line-e3e2e2);
}
.offerV .btn-config a .icon,
.offerV .btn-config button .icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    order: 1;
}
.offerV .btn-config a .icon,
.offerV .btn-config a .text,
.offerV .btn-config button .icon {
    height: 18px;
    transition: var(--transition);
}
.offerV .btn-config button .icon.i-config-btn,
._cm_v .btn-config button .icon.i-config-btn,
._cs_v .btn-config button .icon.i-config-btn {
    background-image: url('/res/svg/i-config-btn.svg');
}
.offerV .btn-config .config-box a:first-child {
    margin-top: 0;
}
.offerV .btn-config .config-box a .icon,
._cm_v .btn-config .config-box a .icon,
._cs_v .btn-config .config-box a .icon {
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.offerV .btn-config .config-box a .icon.i-config-modify,
._cm_v .btn-config .config-box a .icon.i-config-modify,
._cs_v .btn-config .config-box a .icon.i-config-modify {
    background-image: url('/res/svg/i-config-modify.svg');
}
.offerV .btn-config .config-box a .icon.i-config-delete,
._cm_v .btn-config .config-box a .icon.i-config-delete,
._cs_v .btn-config .config-box a .icon.i-config-delete {
    background-image: url('/res/svg/i-config-delete.svg');
}
.offerV .btn-config .config-box a .icon.i-config-periodUp {
    background-image: url('/res/svg/i-config-periodUp.svg');
}
.offerV .btn-config .config-box a .icon.i-config-postUp {
    background-image: url('/res/svg/i-config-postUp.svg');
}
.offerV .photo-box {
    margin-top: 50px;
    gap: 10px;
    margin-bottom: 18px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.offerV .photo-box .item {
    flex: 1;
    justify-content: center;
    aspect-ratio: 1 / 1;
    height: 100%;
    color: var(--color-696969);
    background-color: var(--line-f9f9f9);
}
.offerV .photo-box .photo {
    width: 100%;
    height: 100%;
}
.offerV .photo-box .photo img {
    display: block;
    width: 100%;
    height: 100%;
}
.offerV .photo-box .nullv {
    text-align: center;
}
.offerV .photo-box .nullv .icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/res/svg/icon_not_images.svg');
}
.offerV .infobox {
    margin: 50px 0 50px 0;
}
.offerV .infobox li {
    margin-top: 15px;
}
.offerV .infobox li:first-child {
    margin-top: 0;
}
.offerV .infobox .key {
    width: 120px;
    color: var(--color-888888);
}
.offerV .infobox .val {
    flex: 1;
}
.offerV .infobox .val .icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    text-decoration: none;
    position: relative;
    top: 3px;
}
.offerV .infobox .val .icon.kakao {
    background-image: url('/res/svg/i_sns_kakao.svg');
}
.offerV .infobox .val .icon.telegram {
    background-image: url('/res/svg/i_sns_telegram.svg');
}
.offerV .tips {
    margin-left: 20px;
    color: var(--color-888888);
}
.offerV .tips ion-icon {
    margin-right: 5px;
}
.offerV .btn-box {
    margin-top: 40px;
}
.offerV .btn-box > button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 50px;
    cursor: pointer;
    border: 1px solid var(--line-e3e2e2);
    background-color: var(--color-white);
    margin-right: 20px;
}
.offerV .btn-box > button .m_bookmark_icon {
    width: 18px;
    height: 18px;
    background-image: url(/res/svg/m_bookmark_off.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    margin-right: 10px;
}
.offerV .btn-box .btn-bookmark .m_bookmark_icon.on {
    background-image: url(/res/svg/m_bookmark_on.svg);
}
.offerV .tagbox {
    flex-wrap: wrap;
    gap: 10px;
}
.offerV .tagbox label {
    display: flex;
    padding: 10px;
    border-radius: 3px;
    color: var(--color-red);
    background-color: var(--search-bg);
}
.offerV .body {
    margin-top: 25px;
}
.offerV .body .addressBox {
    margin-bottom: 25px;
    color: var(--color-888888);
}
.offerV .body .addressBox button {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: 8px 12px;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    background-color: var(--search-bg);
    color: var(--color-red-m);
}
.offerV .footer {
    margin-top: 50px;
    line-height: 1.5;
    color: var(--color-888888);
}
.offerV .footer h2 {
    color: var(--color-black);
    margin-bottom: 25px;
}
#viewContent {
    padding: 40px 20px;
    border: 1px solid var(--line-f9f9f9);
    border-radius: 5px;
    background-color: var(--search-op-bg);
}
#viewContent img {
    max-width: 100%;
    height: auto;
    align-items: flex-start;
}
.offerF {
    padding: 35px;
}
.offerF.ft {
    padding: 35px 0 0 0;
}
.offerF.ft .header,
.offerF.ft .body,
.offerF.ft .btnbox,
.offerF.ft .footer {
    padding: 0 30px;
}
.offerF u {
    text-decoration: none;
}
.offerF .header .tip {
    margin-top: 20px;
    color: var(--color-888888);
}
.offerF .header .tip button {
    margin-left: auto;
    border: none;
    background-color: transparent;
}
.offerF .body {
    margin-top: 50px;
}
.offerF .event-free,
.offerF .event-sale {
    width: 100%;
    height: 136px;
    background-color: rgba(0, 0, 0, 0.02);
    justify-content: center;
    color: var(--color-888888);
}
.offerF .event-free img,
.offerF .event-sale img {
    display: block;
}
.offerF .choice {
    margin-top: 15px;
    grid-template-areas:
        'ad_pt ad_pr ad_sp'
        'free free free';
    grid-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
}
.offerF .choice .card {
    position: relative;
    padding: 30px 25px;
    color: var(--color-4a4c4d);
}
.offerF .choice .card.checked {
    color: var(--color-red);
    background-color: var(--search-bg);
}
.offerF .choice .card.free.checked h3 {
    color: var(--color-red);
}
.offerF .choice .card.checked.hover {
    box-shadow: 0 0 0 2px var(--color-red) inset;
}
.offerF .tagbox input:checked + label {
    color: var(--color-red);
    background-color: var(--search-bg);
}
.offerF .choice .subject {
    padding: 10px 0 15px 0;
}
.offerF .choice .subject .price {
    margin-top: 15px;
}
.offerF .choice .subject .price u {
    margin-right: 8px;
}
.offerF .choice .subject .price i {
    font-style: normal;
    margin-right: 15px;
    color: var(--color-888888);
    text-decoration: line-through;
}
.offerF .choice .option_box {
    position: absolute;
    top: 119px;
    left: 2px;
    width: 98%;
}
.offerF .choice .option {
    border-top: 1px solid var(--line-f5f5f5);
    border-bottom: 1px solid var(--line-f5f5f5);
    padding: 20px 0;
    height: 147px;
}
.offerF .choice .option li {
    padding: 8px 0;
}
.offerF .choice .option li button {
    width: 100%;
    padding: 0 25px;
}
.offerF .choice .description {
    padding-top: 25px;
    margin-top: 147px;
}
.offerF .choice .description dt {
    margin-bottom: 15px;
    color: var(--color-696969);
}
.offerF .choice .description dd {
    line-height: 1.5;
    color: var(--color-888888);
}
.offerF .choice .card.pt {
    grid-area: ad_pt;
}
.offerF .choice .card.pr {
    grid-area: ad_pr;
}
.offerF .choice .card.sp {
    grid-area: ad_sp;
}
.offerF .choice .card.free {
    padding: 30px 25px;
    grid-area: free;
    color: var(--color-888888);
}
.offerF .choice .card.free ul {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}
.offerF .choice .card.free h3 {
    color: var(--color-4a4c4d);
}
.offerF .choice .card.free .info {
    margin-top: 10px;
}
.offerF .choice .card.free dl {
    line-height: 1.5;
}
.offerF .choice .hover {
    transition: var(--transition);
    box-shadow: 0 0 0 1px var(--line-e3e2e2) inset;
}
.offerF .card .ribbon-text {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 70px;
    z-index: 12;
    text-align: right;
    color: var(--color-white);
    padding: 10px 10px;
    line-height: 1.3;
}
.offerF .card .ribbon {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-top: 80px solid var(--color-red);
    border-left: 80px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0;
    z-index: 11;
}
.offerF .file-photo {
    gap: 10px;
    margin-bottom: 18px;
}
.offerF .file-photo input {
    width: 0;
    height: 0;
}
.offerF .file-photo .item {
    flex: 1;
    justify-content: center;
    aspect-ratio: 1 / 1;
    height: 100%;
    box-shadow: 0 0 0 1px var(--line-e3e2e2) inset;
    color: var(--line-e3e2e2);
    font-size: 30px;
    position: relative;
    width: calc(100% / 5 - 10px * 4);
}
.offerF .file-photo .item .btn-file {
    width: 100%;
    height: 100%;
    justify-content: center;
    cursor: pointer;
}
.offerF .file-photo .photo {
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    position: relative;
}
.offerF .file-photo .item.on .photo {
    display: block;
}
.offerF .file-photo .item.on .btn-file ion-icon {
    display: none;
}
.offerF .file-photo .photo img {
    display: block;
    width: 100%;
    height: 100%;
}
.offerF .file-photo .del_img::after {
    transform: rotate(-45deg);
}
.offerF .file-photo .del_img::before {
    transform: rotate(45deg);
}
.offerF .tagbox {
    flex-wrap: wrap;
    gap: 10px;
}
.offerF .tagbox label {
    display: flex;
    padding: 10px;
    background-color: rgba(249, 249, 249, 0.7);
    border-radius: 3px;
    color: var(--color-888888);
    transition: var(--transition);
    line-height: 1.5;
}
.offerF .tagbox input {
    display: none;
}
#editorbox .fr-wrapper .fr-placeholder {
    color: var(--line-e3e2e2);
}
.offerF .option-color {
    box-shadow: 0 0 0 1px var(--line-e3e2e2) inset;
    transition: var(--transition);
    position: relative;
}
.offerF .option-color.active {
    box-shadow: 0 0 0 2px var(--color-red) inset;
}
.offerF .option-color .left {
    color: var(--color-888888);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 45px 30px;
}
.offerF .option-color .left h3 {
    margin-bottom: 10px;
    color: var(--color-4a4c4d);
}
.offerF .option-color.active h3 {
    color: var(--color-red);
}
.offerF .option-color .left .price {
    display: block;
    margin-top: 10px;
}
.offerF .option-color .right {
    width: 55%;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}
.offerF .option-color .preview {
    color: var(--color-888888);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.offerF .option-color .color-box {
    margin-top: 20px;
}
.offerF .option-color .colorpick {
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    margin-left: 10px;
    color: var(--color-white);
}
.offerF .option-color .colorpick ion-icon {
    display: none;
}
.offerF .option-color .colorpick.checked ion-icon {
    display: block;
}
.offerF .option-color .colorpick:first-child {
    margin: 0;
}
.offerF.ft .btnbox {
    padding: 70px 35px;
    justify-content: center;
}
.offerF.ft .footer {
    border-top: 1px solid var(--line-e3e2e2);
    background-color: var(--select-bg);
    color: var(--color-888888);
    padding: 40px 35px;
    line-height: 1.8;
}
.offerF.ft .footer .cc {
    margin-top: 10px;
}
.offerF .btnbox button {
    width: 200px;
    height: 60px;
    border: none;
    background-color: var(--color-red);
    color: var(--color-white);
}
.offerF .ad-view {
    margin-top: 30px;
    justify-content: center;
    padding: 100px 0;
    border: 1px solid var(--line-e3e2e2);
    background-color: var(--select-bg);
}
.offerF.resume_info {
    position: relative;
}
.offerF.resume_info .file-photo .item {
    flex: unset;
    aspect-ratio: unset;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}
.offerF.resume_info .file-photo .item img.blur {
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
.offerF.resume_info .blur_img {
    position: absolute;
    top: 80px;
    right: 35px;
}
.offerF.resume_info .fieldset :where(.pos-name, .pos-phone) .field.w2 .left {
    width: 80%;
}
.offerF.resume_info .fieldset :where(.pos-name, .pos-phone) .field.w2 .left input {
    border-right: none;
}
.offerF.resume_info .fieldset :where(.pos-name, .pos-phone) .field.w2 .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 20%;
    border: 1px solid var(--line-e3e2e2);
    border-left: none;
    padding-right: 20px;
}
.offerPay {
    padding: 35px;
}
.offerPay .body {
    margin-top: 37px;
}
.offerPay .header h2 a {
    margin-left: auto;
    color: var(--color-888888);
}
.offerPay .hleft {
    margin-right: 20px;
    width: 110px;
    height: 110px;
}
.offerPay .hleft img {
    display: block;
    width: 100%;
    height: 100%;
}
.offerPay .hright {
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
}
.offerPay .hright .ad .split {
    height: 13px;
    border-right: 1px solid var(--line-e3e2e2);
    margin: 0 10px;
}
.offerPay .hright .info {
    margin-top: 10px;
    color: var(--color-888888);
}
.offerPay .hright .info .name {
    color: var(--color-4a4c4d);
}
.offerPay .hright .info .split {
    margin: 0 10px;
    height: 10px;
}
.offerPay .payicon {
    margin-right: 10px;
}
.offerPay .hright .title {
    margin-top: 10px;
}
.offerPay .tips {
    margin-top: 50px;
    color: var(--color-888888);
    line-height: 1.8;
}
.offerPay .tips .split {
    margin: 0 10px;
    height: 10px;
}
.offerPay .tips .d-day {
    text-decoration: none;
}
.offerPay.w2 {
    padding: 0;
    gap: 20px;
    align-items: flex-start;
}
.offerPay.w2 .wleft {
    flex: 1;
    padding: 35px;
}
.offerPay.w2 .wright {
    width: 300px;
}
.offerPay.w2 .wleft .fleft {
    width: 50%;
}
.offerPay.w2 .wleft .fright {
    width: 50%;
}
.offerPay.w2 .wleft .fright input {
    border-left: none;
}
.offerPay.w2 .wleft .tips {
    margin-top: 35px;
    color: var(--color-888888);
    line-height: inherit;
}
.offerPay.w2 .wleft .tips p {
    margin-top: 15px;
    padding-bottom: 15px;
}
.offerPay.w2 .wleft .fieldset :where(.pos-re_option, .pos-re_option_value) .field {
    width: 100%;
}
.offerPay.w2 .wright {
    padding: 35px 0 0 0;
}
.offerPay.w2 .wright .header,
.offerPay.w2 .wright .body {
    padding: 0 35px;
}
.offerPay.w2 .wright .key {
    color: var(--color-888888);
    margin-right: auto;
}
.offerPay.w2 .wright .key.total {
    color: var(--color-black);
}
.offerPay.w2 .wright .key.total u {
    display: block;
    text-decoration: none;
    padding-top: 5px;
    color: var(--color-888888);
}
.offerPay.w2 .wright .optionTop {
    border-top: 1px solid var(--line-e3e2e2);
    margin-top: 25px;
    padding-top: 25px;
    padding-bottom: 15px;
}
.offerPay.w2 .wright .optionBotton {
    border-bottom: 1px solid var(--line-e3e2e2);
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.offerPay.w2 .wright .btnbox {
    margin-top: 70px;
}
.offerPay.w2 .wright .btnbox button {
    width: 100%;
    height: 60px;
    background-color: var(--color-red);
    color: var(--color-white);
    border: none;
}
.offerSuccess .body,
.offerSuccess .header {
    padding: 0 65px;
}
.offerSuccess .header .icon {
    justify-content: center;
    font-size: 66px;
    padding: 123px 0 37px 0;
    color: var(--color-4a4c4d);
}
.success_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(/res/svg/success.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.offerSuccess .header h2 {
    text-align: center;
    margin-bottom: 27px;
}
.offerSuccess .header p {
    text-align: center;
    line-height: 1.7;
    color: var(--color-888888);
}
.offerSuccess .header .btnbox {
    justify-content: center;
    padding: 55px 0 80px 0;
    border-bottom: 1px solid var(--line-e3e2e2);
}
.offerSuccess.free .header .btnbox,
.offerSuccess.resume .header .btnbox {
    padding: 55px 0 60px 0;
}
.offerSuccess .header .btnbox a {
    justify-content: center;
    width: 160px;
    height: 50px;
    background-color: var(--color-red);
    color: var(--color-white);
    margin: 0 5px;
}
.offerSuccess .header .btnbox a.postview {
    border: 1px solid var(--line-e3e2e2);
    background-color: var(--color-white);
    color: var(--color-4a4c4d);
}
.offerSuccess .body {
    margin-top: 60px;
}
.offerSuccess.free .body,
.offerSuccess.resume .body {
    margin-top: 0;
}
.offerSuccess .body .infobox {
    align-items: flex-start;
    padding: 0 0 60px 0;
}
.offerSuccess .body .infobox h2 {
    padding-top: 5px;
}
.offerSuccess .body .info {
    flex: 1;
    margin-left: 165px;
}
.offerSuccess .body .info ul {
    width: 100%;
}
.offerSuccess .body .info ul:first-child {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--line-e3e2e2);
}
.offerSuccess .body .info li {
    height: 39px;
}
.offerSuccess .body .info li .key {
    color: var(--color-888888);
}
.offerSuccess .body .info li .val {
    margin-left: auto;
}
.offerSuccess .body .explanationbox {
    align-items: flex-start;
    margin-bottom: 270px;
}
.offerSuccess.free .body .explanationbox,
.offerSuccess.resume .body .explanationbox {
    padding-top: 60px;
    border-top: 1px solid var(--line-2b2b2b);
}
.offerSuccess .body .explanationbox h2 {
    padding-top: 2px;
}
.offerSuccess .body .explanation {
    flex: 1;
    margin-top: 27px;
}
.offerSuccess .body .explanation li {
    height: 39px;
}
.offerSuccess .body .explanation li .key {
    color: var(--color-888888);
}
.offerSuccess .body .explanation li .val {
    margin-left: auto;
}
.offerSuccess .tips {
    margin-top: 35px;
    padding: 30px 35px 40px 35px;
    color: var(--color-4a4c4d);
    line-height: 1.6;
    background-color: var(--line-f9f9f9);
    border-top: 1px solid var(--line-e3e2e2);
}
.offerSuccess .tips h2 {
    margin-bottom: 10px;
}
.offerSuccess .tips p {
    color: var(--color-888888);
}
main._offer_s {
    min-height: unset;
    padding-bottom: 90px;
}
.offerSuccess.resume .body {
    padding: 0 65px 100px 65px;
    margin-top: 40px;
}
.offerSuccess.resume .body .explanationbox {
    margin-bottom: 0;
}
.Custom-select {
    position: relative;
    width: 100%;
    height: 46px;
    padding: 0 20px;
    border: 1px solid var(--line-e3e2e2);
    user-select: none;
}
.Custom-select .title {
    color: var(--line-e3e2e2);
}
.Custom-select .title.selected {
    color: var(--color-4a4c4d);
}
.Custom-select .title ion-icon {
    height: 46px;
    margin-left: auto;
    color: #a8a8a8;
    transition: var(--transition);
}
.Custom-select .scroll {
    display: none;
    position: absolute;
    top: 45px;
    left: -1px;
    right: -1px;
    background-color: var(--color-white);
    border: 1px solid var(--color-red);
    border-top: none;
    padding: 10px;
    z-index: 15;
}
.Custom-select .scroll ul {
    max-height: 182px;
    overflow-y: scroll;
    padding: 0 10px 0 0;
}
.Custom-select .scroll ul::-webkit-scrollbar {
    width: 2px;
}
.Custom-select .scroll ul::-webkit-scrollbar-button:start:decrement,
.Custom-select .scroll ul::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0;
}
.Custom-select .scroll ul::-webkit-scrollbar-track {
    background-color: var(--search-bg);
    border-radius: 3px;
    height: 15px;
}
.Custom-select .scroll ul::-webkit-scrollbar-thumb {
    background-color: var(--color-red);
    border-radius: 5px;
}
.Custom-select .scroll li {
    width: 100%;
    padding: 0 10px;
    line-height: 36px;
    color: var(--color-888888);
}
.Custom-select .scroll li.selected {
    color: var(--color-black);
    background-color: var(--select-bg);
}
.Custom-select .scroll li.selected ion-icon {
    color: var(--color-black);
}
.Custom-select .scroll li ion-icon {
    color: var(--color-white);
    margin-left: auto;
}
.Custom-select.active {
    border: 1px solid var(--color-red);
    border-bottom: 1px solid var(--line-e3e2e2);
}
.Custom-select.active .scroll {
    display: block;
}
.Custom-select.active .title ion-icon {
    transform: rotate(-180deg);
}
#lfloating .item.banner_ad {
    width: 140px;
    height: 295px;
    border: none !important;
}
#lfloating .item.banner_ad.top {
    background-color: rgba(206,197,246, 0.5);
}
#lfloating .item.banner_ad.top p {
    color: #7368a9;
}
#lfloating .item.banner_ad.bottom {
    background-color: rgba(255,245,110, 0.4);
}
#lfloating .item.banner_ad.bottom p {
    color: rgba(255,122,122, 0.8);
}
#lfloating .item.banner_ad a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 15px;
}
#lfloating .item.banner_ad p {
    font-family: 'yg-jalnan';
    font-size: 22px;
}
#lfloating .item.banner_ad p:last-child {
    margin: 10px 0 0 20px;
}
#lfloating .item.banner_ad img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
}
.floating img,
.floating .item.bordernone a,
#lfloating .item.banner_ad a {
    display: block;
}
.floating .item.bordernone {
    border: none !important;
    width: 140px;
}
.floating .item {
    border: 1px solid var(--line-e3e2e2);
    background-color: var(--color-white);
}
.floating .item:not(:first-child) {
    margin-top: 15px;
}
#rfloating {
    position: absolute;
    top: 0;
    right: -170px;
    width: 140px;
    z-index: 11;
}
#rfloating h2 {
    height: 41px;
    border-bottom: 1px solid var(--line-f9f9f9);
    justify-content: center;
    color: var(--color-4a4c4d);
}
#rfloating .null {
    padding: 30px 15px;
    text-align: center;
    color: var(--color-888888);
    line-height: 1.5;
}
#rfloating .paper ul {
    padding: 15px 0;
}
#rfloating .paper ul li {
    padding: 0 5px;
}
#rfloating .paper ul li a {
    height: 30px;
    padding: 0 10px;
    color: var(--color-888888);
}
#rfloating .paper li .new {
    color: var(--color-black);
}
#rfloating .paper li .badge {
    position: relative;
    margin-left: auto;
    background-color: var(--color-red);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0 8px;
    border-radius: 15px;
    height: 21px;
    line-height: 21px;
    color: var(--color-white);
}
#rfloating .offer .grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 6px;
    padding: 6px;
}
#rfloating .offer.recommend .grid {
    grid-template-columns: repeat(1, 1fr);
}
#rfloating .offer li {
    position: relative;
    width: 60px;
    height: 60px;
}
#rfloating .offer.recommend li{
    width: 126px;
    height: 126px;
}
#rfloating .offer li a {
    width: 60px;
    height: 60px;
    overflow: hidden;
}
#rfloating .offer.recommend li a,
#rfloating .offer.recommend .grid img,
#rfloating .offer.recommend .grid .photo {
    width: 126px;
    height: 126px;
}
#rfloating .offer li a .description {
    width: 0;
    overflow: hidden;
}
#rfloating .offer li a .description :where(.info, .paybox) {
    width: 0;
    overflow: hidden;
}
#rfloating .offer .info {
    margin-bottom: 5px;
}
#rfloating .offer .payicon {
    margin-right: 5px;
}
#rfloating .offer .grid img,
#rfloating .offer .grid .photo {
    width: 60px;
    height: 60px;
    display: block;
}
#rfloating .more {
    height: 41px;
    border-top: 1px solid var(--line-f9f9f9);
    justify-content: center;
    color: var(--color-888888);
}
#rfloating .more ion-icon {
    position: relative;
    top: -1px;
    margin-right: 1px;
}
#lfloating {
    position: absolute;
    top: 0;
    left: -170px;
}
#lfloating .mp_header {
    width: 140px;
    height: 60px;
    border-bottom: 1px solid var(--line-e3e2e2);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 20px;
}
#lfloating .mp_header h2 {
    color: var(--line-2b2b2b);
}
#lfloating .mp_list {
    padding: 25px 20px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 14px;
}
#lfloating .mp_list li {
    width: 100%;
    height: 25px;
}
#lfloating .mp_list a {
    width: 100%;
    height: 100%;
    letter-spacing: -0.39px;
    color: var(--color-888888);
    display: flex;
    align-items: center;
}
#lfloating .mp_list a.on {
    color: var(--color-red-m);
}
#fbanner {
    background-color: var(--color-white);
    box-shadow: var(--box-shadow);
}
#fbanner li {
    position: relative;
    flex: 1;
    padding: 53px 34px 40px 34px;
}
#fbanner li:not(:first-child) {
    border-left: 1px solid var(--line-f9f9f9);
}
#fbanner li h2 {
    margin-bottom: 15px;
    color: var(--color-black);
}
#fbanner li p {
    line-height: 1.5;
    color: var(--color-888888);
}
#fbanner li .symbol {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 17px;
    background-repeat: no-repeat;
}
#fbanner li .symbol.sb_ad {
    width: 26px;
    background-image: url('/res/svg/bottom_icon_ad.svg');
    background-size: 26px 17px;
}
#fbanner li .symbol.sb_faq {
    width: 36px;
    background-image: url('/res/svg/bottom_icon_faq.svg');
    background-size: 36px 17px;
}
#fbanner li .symbol.sb_ask {
    width: 34px;
    background-image: url('/res/svg/bottom_icon_ask.svg');
    background-size: 34px 17px;
}
.list {
    background-color: var(--color-white);
    box-shadow: var(--box-shadow);
}
.list .list_header {
    height: 60px;
    padding: 0 30px;
}
.list .list_header ion-icon {
    position: relative;
    top: -1px;
}
.list .list_header h1 ion-icon {
    display: flex;
    margin: 0 5px;
    color: var(--color-4a4c4d);
}
.list .list_header .more ion-icon {
    margin-right: 3px;
}
.list .row {
    height: 60px;
    border-top: 1px solid var(--line-f9f9f9);
    color: var(--color-4a4c4d);
    padding: 0 20px;
}
.list .row .p_view {
    width: 100%;
}
.list .row .col {
    flex: 1;
    padding: 0 10px;
}
.list .row .col-50 {
    width: 50px;
}
.list .row .col-70 {
    width: 70px;
}
.list .row .col-95 {
    width: 95px;
}
.list .row .col-105 {
    width: 105px;
}
.list .row .col-130 {
    width: 130px;
}
.list .row .col-180 {
    width: 150px;
}
.list .row :where(.name, .title) {
    color: var(--color-888888);
}
.list .row .title span:not(.m_new) {
    max-width: 95%;
}
.list.offer .row .paybox {
    justify-content: flex-start;
}
.list .row .paybox .payicon {
    margin-right: 5px;
}
.list .row .center {
    text-align: center;
}
.list .row :where(.date, .paybox) {
    justify-content: center;
}
.list .row ion-icon {
    margin-right: 5px;
}
.list .row .title .icon {
    position: relative;
    top: 1px;
}
.comment_cnt {
    text-decoration: none;
    margin-left: 5px;
    color: var(--color-red);
}
.m_new {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url(/res/svg/m_new.svg);
    background-repeat: no-repeat;
    margin-left: 5px;
    position: relative;
    top: -1px;
}
.list .review {
    grid-template-columns: repeat(auto-fit, minmax(395px, 1fr));
    gap: 20px;
    padding: 20px;
    border-top: 1px solid var(--line-f9f9f9);
}
.list .review .item {
    width: 100%;
    height: 112px;
    color: var(--color-black);
}
.list .review .photo {
    display: block;
    position: relative;
    margin-right: 20px;
    width: 112px;
    height: 112px;
    overflow: hidden;
}
.list .review .photo figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 112px;
    height: 112px;
}
.list .review .photo figcaption {
    display: none;
}
.list .review .photo img {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform 0.3s;
}
.list .review .right {
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.list .review .right .title {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
}
.list .review .right h3 {
    width: 100%;
    color: var(--color-4a4c4d);
}
.list .review .right p {
    width: 100%;
    line-height: 1.5;
    color: var(--color-888888);
}
.list .bamtalk {
    padding: 30px;
    border-top: 1px solid var(--line-f9f9f9);
    flex-direction: column;
    gap: 30px;
}
.list .bamtalk .write {
    position: relative;
    width: 100%;
    height: 55px;
    overflow: hidden;
    transition: height ease 0.3s;
    border: 1px solid var(--line-e3e2e2);
}
.list .bamtalk .write.on {
    height: 178px;
}
.list .bamtalk .write .nick {
    display: none;
}
.list .bamtalk .write textarea {
    display: flex;
    width: 100%;
    height: 125px;
    resize: none;
    padding: 17px 15px;
    border: none;
}
.list .bamtalk .write.on textarea {
    line-height: 1.5;
}
.list .bamtalk .write.guest textarea {
    background-color: var(--line-f5f5f5);
}
.list .bamtalk .write .wbox {
    width: 100%;
    border-top: 1px solid var(--line-e3e2e2);
}
.list .bamtalk .write .wbox .count {
    flex: 1;
    border-right: none;
    height: 50px;
    padding-left: 15px;
    color: var(--color-888888);
}
.list .bamtalk .write .wbox button {
    width: 100px;
    height: 50px;
    background-color: var(--color-red);
    color: var(--color-white);
    border: none;
}
.list .bamtalk .blist {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}
.list .bamtalk .blist li {
    padding: 20px;
    background-color: var(--line-f5f5f5);
    border: 1px solid var(--line-f5f5f5);
    border-radius: 15px;
    max-width: 70%;
    min-width: 280px;
}
.list .bamtalk .blist li.bright {
    margin-left: auto;
    background-color: var(--color-white);
    border: 1px solid var(--line-e3e2e2);
}
.list .bamtalk .blist .info {
    margin-bottom: 15px;
    color: var(--color-888888);
}
.list .bamtalk .blist .info .split {
    height: 10px;
    margin: 0 10px;
}
.list .bamtalk .blist .info .name {
    margin-right: auto;
}
.list .bamtalk .blist .info .date {
    margin-left: 30px;
}
.list .bamtalk .blist .info .date ion-icon {
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.list .bamtalk .blist p {
    line-height: 1.5;
}
.list .list_footer {
    border-top: 1px solid var(--line-f9f9f9);
    height: 81px;
    justify-content: center;
}
.list .list_footer button {
    border: none;
    background-color: transparent;
    color: var(--color-888888);
}
.list .list_footer button ion-icon {
    margin-right: 5px;
}
.list .list_footer ion-icon {
    position: relative;
    top: -1px;
}
.list .list_footer .more {
    color: var(--color-888888);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list .list_footer .more ion-icon {
    margin-right: 3px;
}
.list .list_footer.page {
    height: unset;
    padding: 35px;
}
.post-btn {
    margin-left: auto;
    width: 100px;
    height: 45px;
    justify-content: center;
    background-color: var(--color-red);
    color: var(--color-white);
}
.banner .item {
    background-color: var(--color-white);
    transition: var(--transition);
}
.banner .description {
    padding: 20px;
    flex: 1;
}
.banner .infobox {
    color: var(--color-4a4c4d);
}
.banner .name {
    color: var(--color-red);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.banner#premium .name {
    max-width: 83px;
}
#platinum.banner .name {
    max-width: 63px;
}
.banner .split {
    height: 10px;
    margin: 0 10px;
}
.banner .description h3 {
    margin: 10px 0;
    overflow: hidden;
    line-height: 1.5;
    color: var(--color-888888);
}
.banner .payicon {
    margin-right: 8px;
}
.banner .pay {
    color: var(--color-4a4c4d);
}
.banner .photo {
    display: block;
    position: relative;
    margin-left: auto;
    width: 120px;
    height: 120px;
    overflow: hidden;
}
.banner .photo img {
    position: absolute;
    width: 120px;
    height: 120px;
    z-index: 10;
    transition: transform ease 0.3s;
    top: 0;
    left: 0;
    transform: scale(1);
}
.banner .null img {
    width: 100%;
    height: 100%;
}
#platinum,
#premium {
    grid-template-columns: repeat(auto-fit, minmax(415px, 1fr));
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
#platinum .item {
    height: 140px;
    padding: 10px;
}
#platinum .description {
    padding: 10px 20px 10px 10px;
}
#premium .item {
    height: 120px;
    padding: 10px;
}
#premium .description {
    padding: 10px 10px 10px 20px;
}
#premium .item :where(.photo, .photo img) {
    width: 100px;
    height: 100px;
}
#special {
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}
#special .item {
    height: 185px;
}
#special .photo {
    display: none;
}
#special .description {
    flex-direction: column;
}
#special .infobox.local {
    margin: 10px 0;
}
#special .paybox {
    margin-bottom: 20px;
}
#special .description h3 {
    margin: 0;
    text-align: center;
    overflow-wrap: break-word;
}
._register_v {
    background-color: var(--color-white);
    height: 100%;
    min-height: 100vh;
}
.reg_certi {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}
.reg_certi form {
    width: 550px;
    border: 1px solid var(--line-e3e2e2);
    padding: 50px;
}
.reg_certi .logo .symbol {
    width: 25px;
    height: 26px;
}
.reg_certi .logo .text {
    width: 118px;
    height: 25px;
}
.reg_back {
    margin-left: auto;
    width: 26px;
    height: 26px;
    background-image: url(/res/svg/x_btn.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.certified_section {
    margin-top: 70px;
}
.certified_section .certified_box {
    margin-top: 25px;
    border: 1px solid var(--line-e3e2e2);
}
.certified_section .certi_btn:first-child {
    border-right: 1px solid var(--line-e3e2e2);
}
.certified_section .certi_btn {
    flex: 1;
    justify-content: center;
    width: 100%;
    height: 50px;
    color: var(--color-696969);
    position: relative;
}
.reg_title {
    letter-spacing: -0.6px;
    color: var(--color-4a4c4d);
}
.register_section {
    margin-top: 40px;
    opacity: 0.4;
    pointer-events: none;
    height: 240px;
    overflow: hidden;
    transition: height ease 0.3s;
}
.register_section.complete {
    height: 675px;
    opacity: unset;
    pointer-events: unset;
    margin-top: 70px;
}
.reg_certi .type_box {
    margin: 25px 0 40px 0;
    border: 1px solid var(--line-e3e2e2);
}
.reg_certi .type_box label {
    flex: 1;
    height: 50px;
}
.reg_certi .type_box label:first-child {
    border-right: 1px solid var(--line-e3e2e2);
}
.reg_list {
    margin-top: 25px;
    flex-direction: column;
    gap: 15px;
    min-height: 285px;
}
.reg_list .item {
    border: 1px solid var(--line-e3e2e2);
    height: 45px;
    width: 100%;
    padding: 0 15px;
}
.reg_list .item.disabled {
    background-color: var(--search-op-bg);
}
.reg_list .item.file {
    overflow: hidden;
    height: 0;
    border-color: transparent;
    transition: all 0.3s ease;
}
.reg_list .item.file .file-up {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.reg_list .item.file.on {
    height: 45px;
    border-color: var(--line-e3e2e2);
}
.reg_list .item.file.onfile {
    gap: 15px;
}
.reg_list .item.file .text {
    color: var(--color-888888);
    display: flex;
    align-items: center;
}
.reg_list .item.file .text .icon_add {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    background-image: url(/res/svg/i-config-periodUp.svg);
}
.reg_list .item.file .clearBtn {
    width: 0;
    overflow: hidden;
    height: 100%;
    line-height: 45px;
    color: var(--color-888888);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    white-space: nowrap;
    cursor: pointer;
}
.reg_list .item.file input {
    width: 0;
    height: 0;
    position: absolute;
    top: -99999;
    left: -99999;
}
.reg_list .item.file.onfile .clearBtn {
    width: 60px;
}
.reg_list .icon {
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}
.reg_list .icon.google {
    background-image: url(/res/svg/login_google.svg);
}
.reg_list .icon.kakao {
    background-image: url(/res/svg/login_kakao.svg);
}
.reg_list .icon.naver {
    background-image: url(/res/svg/m_login_naver.svg);
}
.tx_box .val {
    color: var(--color-888888);
}
.reg_list input {
    height: 100%;
    flex: 1;
    letter-spacing: -0.42px;
    color: var(--color-888888);
    border: none;
}
.reg_list input::placeholder {
    color: var(--line-e3e2e2);
    letter-spacing: -0.42px;
}
#overlap_text {
    width: 70px;
    text-align: right;
    letter-spacing: -0.42px;
    color: var(--color-red);
}
#overlap_text.nick_true {
    color: #2db400;
}
.reg_certi .terms_box {
    margin-top: 30px;
    justify-content: center;
    gap: 30px;
    color: var(--color-888888);
}
.reg_certi .register_btn {
    width: 100%;
    height: 55px;
    letter-spacing: -0.45px;
    color: var(--color-white);
    background-color: var(--line-e3e2e2);
    margin-top: 30px;
    border: none;
    pointer-events: none;
}
.reg_certi .register_btn.active {
    background-color: var(--color-red);
    pointer-events: unset;
}
.reg_certi .copyright {
    margin-top: 30px;
    color: var(--color-888888);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#terms_pop {
    width: 550px;
    max-height: 995px;
    height: 80vh;
    box-shadow: 7.1px 7.1px 10px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px var(--line-e3e2e2);
    display: flex;
    flex-direction: column;
}
#terms_pop .content {
    width: auto;
    height: 100%;
    overflow-y: scroll;
    margin: 35px 10px 35px 35px;
    padding: 0 25px 0 0;
}
#terms_pop .content::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}
#terms_pop .content::-webkit-scrollbar-thumb {
    background-color: var(--line-e3e2e2);
}
#terms_pop .content::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 50%;
}
#terms_popup .terms_box {
    height: 100%;
}
.terms_box li.terms_list {
    margin-bottom: 60px;
}
.terms_box li h3 {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.45px;
    color: #3f3f3f;
    margin-bottom: 25px;
}
.terms_box li p {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.79;
    letter-spacing: -0.45px;
    color: #858585;
}
.terms_box li dl {
    padding-left: 18px;
}
.margin_b_20 {
    margin-bottom: 20px;
}
.margin_t_20 {
    margin-top: 20px;
}
.terms_box li ol li > p > em {
    font-style: normal;
    font-weight: 400;
    color: #858585;
}
.terms_box em {
    margin-right: 5px;
    font-style: normal;
}
.terms_box li p.no,
.terms_box li ol p.no {
    padding-left: 18px;
    text-indent: -18px;
}
.terms_box li ol li > dl {
    margin: 20px 0;
}
.pb_20 {
    padding-bottom: 20px;
}
#search {
    margin: 40px auto;
    position: relative;
    height: 55px;
}
#search .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    align-items: flex-start;
}
#search ul {
    position: relative;
    flex: 1;
    border: 1px solid var(--color-red);
    background-color: var(--color-white);
}
#search li {
    flex: 1;
}
#search .title {
    height: 53px;
    padding: 0 0 0 21px;
    color: var(--color-888888);
    border-left: 1px dashed var(--search-border);
    border-bottom: 1px dashed var(--search-bg);
    background-color: var(--color-white);
}
#search .title.active {
    color: var(--color-red);
}
#search.active .title {
    color: var(--color-red);
    background-color: var(--search-bg);
}
#search .title button {
    width: 40px;
    align-items: center;
    margin-left: auto;
    margin-right: 7px;
    background-color: transparent;
    border: none;
    opacity: 0.5;
    display: flex;
    height: 0;
    overflow: hidden;
    transition: height ease-out 0.3s;
}
#search .title.active button {
    height: 40px;
    transition: height ease-in 0.3s;
}
#search .title button ion-icon {
    transition: var(--transition);
}
#search li:first-child .title {
    border-left: none;
}
#search .scroll {
    padding: 0 5px;
    border-left: 1px dashed var(--search-border);
    transition: var(--transition);
    display: block;
    height: 0;
    overflow: hidden;
    transition: height padding ease-out 0.3s;
}
#search li:first-child .scroll {
    border: none;
}
#search.active .scroll {
    height: 200px;
    padding: 5px;
    transition: height padding ease-in 0.3s;
}
#search.active .title {
    border-bottom: 1px dashed var(--search-border);
}
#search dl {
    width: auto;
    height: 190px;
    overflow-y: scroll;
    background-color: var(--color-white);
    padding: 5px 10px 5px 5px;
}
#search dl::-webkit-scrollbar {
    width: 2px;
}
#search dl::-webkit-scrollbar-button:start:decrement,
#search dl::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0;
}
#search dl::-webkit-scrollbar-track {
    background-color: var(--search-bg);
    border-radius: 3px;
    height: 15px;
}
#search dl::-webkit-scrollbar-thumb {
    background-color: var(--color-red);
    border-radius: 5px;
    opacity: 0.5;
}
#search dd.null {
    height: 100%;
    justify-content: center;
    text-align: center;
    padding: 10px;
    line-height: 1.5;
    color: var(--color-888888);
    opacity: 0.5;
}
#search .option {
    display: flex;
    height: 36px;
    padding: 10px;
    color: var(--color-888888);
    border: 1px solid var(--color-white);
    border-radius: 5px;
    transition: var(--transition);
    text-shadow: var(--text-shadow-black);
}
#search .option ion-icon {
    margin-left: auto;
    font-size: 18px;
    color: var(--color-white);
    font-weight: 500;
}
#search .option.selected,
#search .option.selected ion-icon {
    color: var(--color-red);
}
#search .btn-close {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    right: -1px;
    bottom: -31px;
    width: 30px;
    height: 30px;
    background-color: var(--color-red);
    border: none;
    color: var(--color-white);
}
#search .btn-close ion-icon {
    transition: var(--transition);
}
#search.active .btn-close {
    display: flex;
}
#search .right {
    display: flex;
    margin-left: auto;
}
#search .right button {
    width: 61px;
    height: 55px;
    background-color: var(--color-red);
    border: none;
    color: var(--color-white);
    border-right: 1px solid var(--color-red);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
#search .right button.btn-reset {
    width: 62px;
    background-color: var(--color-black);
    border: none;
}
footer {
    background-color: var(--footer-bg);
}
footer .footer-top {
    height: 65px;
    border-bottom: 1px solid var(--footer-line);
}
footer .wrapper {
    height: 315px;
    position: relative;
}
.f-menu {
    position: absolute;
    top: -65px;
    left: 0;
}
.f-menu a {
    justify-content: center;
    height: 65px;
    color: var(--footer-color-1);
}
.f-menu .split {
    height: 10px;
    margin: 0 25px;
    border-right: 1px solid var(--footer-line);
}
.f-sns {
    position: absolute;
    top: -65px;
    right: 0;
    height: 65px;
    gap: 8px;
}
.f-sns a {
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
    background-repeat: no-repeat;
}
.f-sns a.sns_blogger {
    background-image: url('/res/svg/sns_blogger.svg');
}

.f-sns a.sns_youtube {
    background-image: url('/res/svg/sns_youtube.svg');
}

.f-sns a.sns_instagram {
    background-image: url('/res/svg/sns_instagram.svg');
}

.f-sns a.sns_twitter {
    background-image: url('/res/svg/sns_twitter.svg');
}

.f-sns a.sns_tumblr {
    background-image: url('/res/svg/sns_tumblr.svg');
}

.f-sns a.sns_pinterest {
    background-image: url('/res/svg/sns_pinterest.svg');
}

.f-sns a.sns_reddit {
    background-image: url('/res/svg/sns_reddit.svg');
}

.f-sns a.sns_linkedin {
    background-image: url('/res/svg/sns_linkedin.svg');
}
.f-sns a.sns_quora {
    background-size: 21px 21px;
    background-image: url('/res/svg/quora_icon.svg');
    background-color: #b92b27;
    border-radius: 3px;
    background-position: center;
}
.f-sns a.sns_facebook {
    background-image: url('/res/svg/facebook_icon_pc.svg');
    background-color: var(--color-white);
    border-radius: 3px;
    overflow: hidden;
}
.f-sns a.sns_livejournal {
    background-image: url('/res/svg/sns_livejournal.svg');
    background-color: #01aee7;
}
.f-sns a.sns_medium {
    background-image: url('/res/svg/sns_medium.svg');
    background-color: var(--color-white);
    background-size: 24px 24px;
    background-position: center;
}
.f-sns a.sns_behance {
    background-image: url('/res/svg/sns_behance.svg');
}
.f-sns a.sns_naverblog {
    background-image: url('/res/svg/sns_naverblog.svg');
}
.f-logo {
    position: absolute;
    top: 37px;
}
.f-customer {
    position: absolute;
    top: 37px;
    left: 167px;
    color: var(--color-white);
}
footer :where(.f-customer h2, .f-banking h2) {
    display: flex;
    line-height: 1;
}
footer :where(.f-customer h2 .add, .f-banking h2 .add) {
    color: var(--footer-color-1);
    margin-left: 9px;
}
.f-customer .tel {
    display: flex;
    padding-top: 10px;
    font-size: 30px;
    font-weight: 600;
    color: var(--color-white);
    line-height: 1;
}
.f-banking {
    position: absolute;
    top: 127px;
    left: 167px;
    color: var(--color-white);
}
.f-banking p {
    display: flex;
    padding-top: 10px;
    font-size: 30px;
    font-weight: 600;
    color: var(--color-white);
    line-height: 1;
}
.f-copy {
    position: absolute;
    top: 210px;
    left: 167px;
    color: var(--footer-color-1);
    line-height: 1.8;
}
.f-copy strong {
    color: var(--color-white);
}
.f-info {
    position: absolute;
    top: 35px;
    left: 450px;
    color: var(--footer-color-1);
}
.f-info li {
    display: flex;
    margin-bottom: 1px;
    height: 20px;
}
.f-info li .key {
    width: 135px;
    margin-right: 35px;
}
nav {
    background-color: var(--color-red);
}
nav li:not(:last-child) {
    margin-right: 50px;
}
nav li.right {
    margin-left: auto;
    margin-right: 40px;
}
nav li.on a {
    font-weight: 700;
}
nav a {
    height: 60px;
    color: var(--color-white);
}
nav a ion-icon {
    position: relative;
    top: -1px;
    font-size: 20px;
    margin-right: 5px;
}
header {
    background-color: var(--color-white);
}
header .wrapper {
    padding: 30px 0;
}
header .right {
    margin-left: auto;
}
header .right a {
    color: var(--color-888888);
    transition: color ease-in-out 0.3s;
}
header .right .split {
    height: 10px;
    margin: 0 15px;
}