* {
    -webkit-tap-highlight-color: transparent !important;
}
html {
    height: -webkit-fill-available;
}
.pc_show {
    display: none !important;
}
.m_hide {
    display: flex !important;
}
#lfloating,
#rfloating {
    display: none;
}
body {
    background-color: var(--color-white);
    position: absolute;
    right: 0;
    transition: right ease 0.3s;
    overflow-x: hidden;
}
body.m_full {
    height: 100%;
}
body.showLayer {
    padding-right: 0;
}
body.showLayer.none_e {
    pointer-events: none;
}
body.eventShowLayer {
    overflow: hidden;
    touch-action: none;
}
body.m_open {
    position: absolute;
    right: 80vw;
    padding-right: 0 !important;
}
.payicon {
    border: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 12px;
    font-weight: 400;
}
.payicon.ios {
    padding-top: 2px;
}
.payicon.android {
    padding-bottom: 1px;
}
.none_image .text {
    font-size: 27px;
}
#premium .none_image .text {
    font-size: 23px;
}
#special .none_image .text {
font-size: 17px;
}
.mpV .pbb_l.type_i .none_image .text {
    font-size: 20px;
}
header {
    height: 55px;
    z-index: 1010;
    width: 100%;
}
header.non_top {
    height: 55px;
    position: fixed;
    top: -55px;
}
header.non_top.show {
    top: 0;
    border-bottom: 1px solid var(--line-e3e2e2);
}
nav.non_top,
main.non_top {
    margin-top: 55px;
}
header .wrapper.mobile {
    padding: 0;
    height: 100%;
}
header .top_view {
    height: 55px;
    width: 100%;
}
header .top_view .logo {
    height: 100%;
}
header .top_view .logo .text {
    width: 78px;
    height: 17px;
    background-image: url(/res/svg/m_logo-text.svg);
    margin: 0 20px;
}
header .top_view :where(.logo, .m_prevBtn) {
    margin-right: auto;
    outline: none;
    -webkit-tap-highlight-color : rgba(237, 109, 107, 0.1);
}
header .top_view :where(.logo, .m_prevBtn, .m_menu):active,
nav a:active,
#premium .item:active,
#special .item:active,
.list .row:active,
.mpV .pbb_l li>a:active,
.list .list_footer .m_moreBtn:active,
.m_banner_title .more:active,
.offerF .header .tip button:active,
.mo_btn:active,
.m_layer .member .infoBox a:active,
.m_layer .dropbox .view:active,
.m_layer .drop_list li a:active,
.m_layer .member .infoBox a:active,
.js-offerWriteBtn:active,
.offerF .choice .info_box:active,
.offerF.adSelect .body .option .btn-radio:active,
.offerF .file-photo .item .btn-file:active,
.offerF .btnbox button:active,
.post-btn:active,
._cm_l .list_footer .more-btn:active,
.mpV .delete_all:active,
.header_btn:active,
._cs_v .ad_placement .m_ad_pm .adnav button:active,
.list .recommend .item:active {
    background-color: rgba(0, 0, 0, 0.03);

}
header .top_view :where(.logo, .m_prevBtn, .m_menu),
nav a,
#premium .item,
#special .item,
.list .row,
.mpV .pbb_l li>a,
.list .list_footer .m_moreBtn,
.m_banner_title .more,
.offerF .header .tip button,
.mo_btn,
.m_layer .member .infoBox a,
.m_layer .dropbox .view,
.m_layer .drop_list li a,
.m_layer .member .infoBox a,
.js-offerWriteBtn,
.offerF .choice .info_box,
.offerF.adSelect .body .option .btn-radio,
.offerF .file-photo .item .btn-file,
.offerF .btnbox button,
.post-btn,
._cm_l .list_footer .more-btn,
.mpV .delete_all,
.header_btn,
._cs_v .ad_placement .m_ad_pm .adnav button,
.list .recommend .item {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.03) !important;
}

.f-menu a:active,
.offerF .header .tip button:active,
#offerad_m .adnav button:active,
.cs_nav_container .cs_nav .item:active .text{
    font-weight: 700;
    /* text-shadow: 0 0 20px rgb(0 0 0 / 100%); */
}
header :where(.m_prevBtn, .m_menu, .btn-bookmark, .js-myPostOption, .js-offerWriteBtn) {
    width: 55px;
    height: 55px;
}
header :where(.m_menu) {
    width: 50px;
}
header :where(.btn-bookmark, .js-myPostOption) {
    width: 45px;
}
header .top_view a .h_icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.header_btn {
    height: 26px;
    border-radius: 13px;
    background-color: var(--line-f9f9f9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    letter-spacing: 0.22px;
    color: var(--color-4a4c4d);
    margin-right: 12px;
    position: relative;
    top: 1px;
    padding: 0 13px;
}
.m_prev_icon {
    width: 16px;
    height: 16px;
    background-image: url(/res/svg/m_prev.svg);
    background-repeat: no-repeat;
}
.m_menu .m_menu_icon {
    width: 17px;
    height: 14px;
    background-image: url(/res/svg/m_burger.svg);
    background-repeat: no-repeat;
    left: unset !important;
    right: 20px;
    transform: translateY(-50%) !important;
}
.m_menu.on .m_menu_icon {
    background-image: url(/res/svg/m_burger_on.svg);
}
.m_bookmark_icon {
    width: 19px;
    height: 18px;
    background-image: url(/res/svg/m_bookmark_off.svg);
    background-repeat: no-repeat;
}
header .btn-bookmark.on .m_bookmark_icon {
    background-image: url(/res/svg/m_bookmark_on_new.svg);
}
.js-myPostOption {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--color-4a4c4d);
}
.js-offerWriteBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.64px;
    color: var(--color-696969);
}
.m_layer {
    width: 80vw;
    height: 100vh;
    background-color: var(--color-white);
    z-index: 1100;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 100vw;
    overflow-y: scroll;
    padding-bottom: 180px;
    transition: left ease 0.3s;
}
header #overlay {
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.15);
    position: fixed;
    top: 0;
    left: 100vw;
    opacity: 0;
}
header.on #overlay {
    left: 0;
    opacity: 1;
}
header.on .m_layer {
    left: 20vw;
    box-shadow: -8px 5px 15px rgba(0, 0, 0, 0.08);
}
.layerpd {
    padding: 30px;
}
.m_layer > div {
    width: 100%;
}
.m_layer > div:not(.copyright) {
    border-bottom: 1px solid var(--line-f5f5f5);
}
.dir {
    flex-direction: column;
}
.wel_icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url(/res/svg/m_wel_icon.svg);
    background-repeat: no-repeat;
    position: relative;
    top: -1px;
    margin-right: 10px;
}
.m_layer .welcomeBox .title {
    font-size: 22px;
    font-weight: 300;
}
.m_layer .btnBox {
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 10px;
}
.m_layer .btnBox.non {
    margin-top: 55px;
}
.mo_btn {
    padding: 0 20px;
    height: 38px;
    border-radius: 19px;
    border: solid 2px var(--color-red-m);
    justify-content: center;
    color: var(--color-red-m);
    font-size: 14px;
}
.mo_btn .text {
    font-weight: 500;
}
.mo_btn.sign_up {
    border-color: var(--color-4a4c4d);
    color: var(--color-4a4c4d);
}
.m_right_arrow {
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-left: 5px;
    background-image: url(/res/svg/m_right_arrow.svg);
    background-repeat: no-repeat;
    position: relative;
    top: -1px;
}
.m_right_arrow.color_red {
    background-image: url(/res/svg/m_right_arrow_r.svg);
}
.m_layer .btnBox .ex {
    color: var(--color-4a4c4d);
    margin-right: auto;
}
.m_layer .member .infoBox {
    position: relative;
}
.m_layer .member .photo {
    width: 65px;
    height: 65px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
}
.m_layer .member .photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px;
}
.m_layer .member .photo.no-profile {
    background-color: var(--line-f5f5f5);
}
.m_layer .member .photo.no-profile ion-icon {
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--line-e3e2e2);
    font-size: 50px;
}
.m_layer .member .description {
    align-items: flex-start;
    gap: 2px;
}
.m_layer .member .description .title {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.68px;
}
.m_layer .member .description .type {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.56px;
}
.m_layer .member .infoBox a {
    position: absolute;
    border-radius: 50%;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}
.m_layer .member .infoBox .set_icon {
    width: 40px;
    height: 40px;
    background-image: url(/res/svg/m_set_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
}
.m_layer .dropbox :where(.view, ul) {
    width: 100%;
}
.m_layer .dropbox .view {
    font-size: 13px;
    color: var(--color-888888);
    letter-spacing: -0.6px;
}
.dropArrow {
    width: 12px;
    height: 6px;
    display: inline-block;
    background-image: url(/res/svg/m_drop.svg);
    background-repeat: no-repeat;
    margin-left: auto;
    transform: rotate(0deg);
    transition: transform ease 0.3s;
}
.m_layer .dropbox.on .dropArrow {
    transform: rotate(180deg);
}
.drop_view {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    padding: 0 30px;
    max-height: 0;
    overflow: hidden;
    transition: all ease 0.3s;
}
.m_layer .dropbox.on .drop_view {
    padding: 0 30px 30px 30px;
    max-height: 1000px;
}
.drop_view li {
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
}
.drop_view a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.drop_view a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
li.empty {
    background-color: var(--line-f9f9f9);
}
li.empty a {
    justify-content: center;
    pointer-events: none;
}
li.empty .empty_icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(/res/svg/m_empty_icon.svg);
    background-repeat: no-repeat;
}
.m_layer .dropbox .drop_list {
    max-height: 0;
    overflow: hidden;
    transition: all ease 0.3s;
}
.m_layer .drop_list.layerpd {
    padding: 19px 0;
}
.m_layer .dropbox.on .drop_list {
    padding: 0 0 30px 0;
    max-height: 1000px;
}
.m_layer .drop_list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* gap: 12px; */
}
.m_layer .drop_list li a {
    padding: 11px 30px;
}
.m_layer .drop_list .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 15px;
    background-repeat: no-repeat;
    position: relative;
    top: -1px;
}
.m_layer .drop_list .text {
    letter-spacing: -0.72px;
    color: var(--color-4a4c4d);
    position: relative;
    font-weight: 300;
    font-size: 16px;
}
.m_layer .drop_list .item.on .text {
    font-weight: 600;
}
.m_layer .drop_list .item.on .text::after {
    content: '';
    width: 100%;
    height: 5px;
    border-radius: 2.5px;
    background-color: rgba(246, 54, 91, 0.2);
    position: absolute;
    bottom: 2px;
    left: 0;
}
.m_layer .drop_list .icon.home {
    background-image: url(/res/svg/m_home.svg);
}
.m_layer .drop_list .icon.posting {
    background-image: url(/res/svg/m_posting.svg);
}
.m_layer .drop_list .icon.resume {
    background-image: url(/res/svg/m_resume.svg);
}
.m_layer .drop_list .icon.suda {
    background-image: url(/res/svg/m_suda.svg);
}
.m_layer .drop_list .icon.friend {
    background-image: url(/res/svg/m_friend.svg);
}
.m_layer .drop_list .icon.talk {
    background-image: url(/res/svg/m_talk.svg);
}
.m_layer .drop_list .icon.knowhow {
    background-image: url(/res/svg/m_knowhow.svg);
}
.m_layer .drop_list .icon.humor {
    background-image: url(/res/svg/m_proposal.svg);
}
.m_layer .drop_list .icon.msg {
    background-image: url(/res/svg/m_msg.svg);
}
.m_layer .drop_list .icon.my_post {
    background-image: url(/res/svg/m_post.svg);
}
.m_layer .drop_list .icon.app,
.m_layer .drop_list .icon.recent {
    background-image: url(/res/svg/m_app.svg);
}
.m_layer .drop_list .icon.bookmark {
    background-image: url(/res/svg/m_bookmark.svg);
}
.m_layer .drop_list .icon.payed {
    background-image: url(/res/svg/m_payed.svg);
}
.m_layer .drop_list .icon.black {
    background-image: url(/res/svg/m_black.svg);
}
.m_layer .drop_list .icon.proposal {
    background-image: url(/res/svg/m_proposal.svg);
}
.m_layer .drop_list .icon.notice {
    background-image: url(/res/svg/m_notice.svg);
}
.m_layer .drop_list .icon.inquiry {
    background-image: url(/res/svg/m_inquiry.svg);
}
.m_layer .drop_list .icon.question {
    background-image: url(/res/svg/m_question.svg);
}
.m_layer .drop_list .icon.ad {
    background-image: url(/res/svg/m_ad.svg);
}
.m_layer .drop_list .point {
    position: relative;
}
.m_layer .drop_list .point.on::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: -12px;
    left: 5px;
    background-color: var(--color-red);
}
.m_layer .copyright {
    color: var(--color-888888);
    font-size: 12px;
    font-weight: 300;
}
nav {
    background-color: var(--color-white);
    border-bottom: 1px solid var(--line-e3e2e2);
}
nav ul {
    justify-content: space-around;
}
nav li:not(:last-child) {
    margin-right: 0;
}
nav a {
    height: 45px;
    font-size: 14px;
    color: var(--color-4a4c4d);
    position: relative;
    padding: 0 10px;
}
nav li.on a::after {
    content: '';
    width: calc(100% - 20px);
    height: 4px;
    background-color: var(--line-2b2b2b);
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}
footer {
    background-color: var(--color-white);
    padding-bottom: 70px;
}
footer.main-margin-top {
    margin-top: 0;
}
footer :is(.f-menu, .f-sns, .f-info, .f-copy) {
    position: unset;
    top: unset;
    left: unset;
}
.m_footer {
    width: 100%;
    flex-direction: column;
    padding-bottom: 30px;
}
.m_footer .ad_section {
    padding: 50px 0 30px 0;
    background-color: var(--color-fffaf3);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.m_footer .ad_section h2 {
    text-align: center;
    line-height: 1.19;
    letter-spacing: -1.04px;
    color: var(--color-4a4c4d);
    font-size: 26px;
    font-weight: 300;
}
.m_footer .ad_section .btnBox {
    gap: 15px;
    margin-top: 30px;
    width: 100%;
    justify-content: center;
}
.m_footer .ad_section .btnBox .btn {
    width: 37.64%;
    height: 45px;
    border-radius: 22.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.m_footer .ad_section .btnBox .btn.ad {
    background-color: var(--color-red-m);
    color: var(--color-white);
}
.m_footer .ad_section .btnBox .btn.kakao {
    background-color: #ffdc00;
    color: #402325;
}
.m_footer .ad_section .btnBox .icon {
    width: 14px;
    height: 13px;
    display: inline-block;
    margin-right: 10px;
    background-repeat: no-repeat;
    position: relative;
    top: -1px;
}
.m_footer .ad_section .btnBox .icon.ad {
    background-image: url(/res/svg/m_f_ad.svg);
}
.m_footer .ad_section .btnBox .icon.kakao {
    background-image: url(/res/svg/m_f_kakao.svg);
}
.m_footer .ad_section .btnBox .text {
    font-size: 16px;
    font-weight: 600;
}
.footer-girl {
    margin-top: 20px;
    width: 100%;
    height: 266px;
    background-image: url(/res/svg/m_f_girl.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 93.4% 266px;
}
.cs_bk {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
    padding: 0 20px;
    margin-top: 30px;
}
.cs_bk :where(.m-cs, .m-bk) {
    width: 100%;
    height: 88px;
    border-radius: 10px;
    background-color: var(--line-f9f9f9);
    padding: 0 20px;
}
.cs_bk .icon {
    width: 28px;
    height: 27px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 15px;
}
.cs_bk .icon.cs {
    background-image: url(/res/svg/m_cs_icon.svg);
}
.cs_bk .icon.bk {
    background-image: url(/res/svg/m_bk_icon.svg);
}
.cs_bk .description {
    flex-direction: column;
    width: 120px;
    align-items: flex-start;
    gap: 3px;
}
.cs_bk .description .key {
    color: var(--color-4a4c4d);
    font-size: 16px;
    font-weight: 600;
}
.cs_bk .description .val {
    color: var(--color-696969);
    font-size: 12px;
    font-weight: 400;
}
.cs_bk .num {
    flex: 1;
}
.cs_bk .num span {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-red-m);
}
.cs_bk .num span:first-child {
    position: relative;
}
.cs_bk .num span:first-child:after {
    content: '';
    width: 100%;
    height: 10px;
    background-color: rgba(237, 109, 107, 0.1);
    position: absolute;
    bottom: 0;
    left: 0;
    transform: skewX(-20deg);
}
footer .wrapper {
    padding: 0 20px;
    height: auto;
}
.f-menu a {
    font-size: 12px;
    color: var(--color-888888);
    letter-spacing: -0.56px;
    height: auto;
}
.f-menu .split {
    margin: 0 10px;
    border-right: 1px solid var(--line-e3e2e2);
}
.m_box_container {
    width: 100%;
    height: 30px;
    align-items: flex-end;
}
.m_footer_logo {
    width: 53px;
    height: 12px;
    display: block;
    background-image: url(/res/svg/m_footer_logo.svg);
    background-repeat: no-repeat;
    position: relative;
}
.m_footer_logo::after {
    content: '';
    width: 11px;
    height: 5px;
    display: inline-block;
    background-image: url(/res/svg/m_drop.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    right: -20px;
    transform: rotate(0deg);
    transition: transform ease 0.3s;
}
.f-info.on .m_footer_logo::after {
    transform: rotate(180deg);
}
.f-info ul {
    height: 0;
    overflow: hidden;
    margin-top: 0;
    transition: all ease 0.3s;
}
.f-info li .key {
    width: 91px;
    margin-right: 25px;
}
.f-info ul li span {
    font-size: 11px;
    letter-spacing: -0.44px;
    color: var(--color-696969);
}
.f-info.on ul {
    margin-top: 20px;
    height: 146px;
}
.f-copy {
    margin-top: 20px;
    display: flex;
    align-items: center;
    font-size: 11px;
    letter-spacing: -0.44px;
    color: var(--color-888888);
}
.f-copy strong {
    color: var(--color-4a4c4d);
}
.f-copy .bt {
    margin-left: 3px;
}
.f-sns {
    height: auto;
    margin-top: 20px;
    right: unset;
    gap: 10px;
}
.f-sns a {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
.f-sns a.sns_blogger {
    background-image: url('/res/svg/m_sns_blogger.svg?v=1');
}
.f-sns a.sns_youtube {
    background-image: url('/res/svg/m_sns_youtube.svg?v=1');
}
.f-sns a.sns_instagram {
    background-image: url('/res/svg/m_sns_instagram.svg?v=2');
}
.f-sns a.sns_twitter {
    background-image: url('/res/svg/m_sns_twitter.svg?v=1');
}
.f-sns a.sns_tumblr {
    background-image: url('/res/svg/m_sns_tumblr.svg?v=1');
}
.f-sns a.sns_pinterest {
    background-image: url('/res/svg/m_sns_pinterest.svg?v=1');
}
.f-sns a.sns_reddit {
    background-image: url('/res/svg/m_sns_reddit.svg?v=1');
}
.f-sns a.sns_linkedin {
    background-image: url('/res/svg/m_sns_linkedin.svg?v=1');
}
.f-sns a.sns_quora {
    border-radius: 50%;
    background-size: 15px 15px;
    background-color: #c3c4c4;
}
.f-sns a.sns_facebook {
    background-image: url('/res/svg/facebook_icon_m.svg?v=1');
}
._index_v {
    display: flex;
    flex-direction: column;
}
._index_v #platinum {
    order: 1;
}
._index_v #premium {
    order: 2;
}
._index_v #special {
    order: 3;
}
._index_v #offer {
    order: 4;
}
._index_v .mobile_banner {
    order: 5;
}
._index_v #resume {
    order: 6;
}
._index_v #sooda {
    order: 7;
}
._index_v #knowhow {
    order: 8;
}
._index_v #bamtalk {
    order: 9;
}
._index_v #notice {
    order: 10;
}
#fbanner {
    display: none;
}
.filterSection {
    margin: 25px 0 25px;
}
#m_search form {
    padding: 0 20px;
    gap: 10px;
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#m_search form::-webkit-scrollbar {
    display: none;
}
.m_filter_box {
    margin: 0;
}
.m_filter_box .boxing {
    position: relative;
}
.m_filter_box .Custom-select {
    height: 38px;
    border-radius: 18px;
    border-color: var(--line-e3e2e2);
}
.m_filter_box .Custom-select.black_s {
    background-color: var(--line-2b2b2b);
    border-color: var(--line-2b2b2b);
}
.m_filter_box .Custom-select.selected {
    padding: 0 37px 0 20px;
}
.m_filter_box .Custom-select .title {
    height: 100%;
    color: var(--color-4a4c4d);
    font-weight: 400;
    white-space: nowrap;
}
.m_filter_box .Custom-select.black_s .title span {
    color: var(--color-white);
    font-weight: 700;
}
.m_filter_box .Custom-select:not(.black_s).selected {
    border-color: var(--line-f9f9f9);
    background-color: var(--line-f9f9f9);
}
.m_filter_box .boxing .closeBtn,
.Custom-select .title.selected .down_arrow {
    display: none;
}
.m_filter_box .Custom-select.selected ~ .closeBtn {
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 18px;
    color: var(--color-888888);
}
.m_filter_box .Custom-select.selected.black_s ~ .closeBtn {
    color: var(--color-white);
}
.m_filter_box .Custom-select.selected ~ .closeBtn ion-icon {
    position: relative;
}
.m_filter_box .Custom-select.selected ~ .closeBtn ion-icon.ios {
    top: -1px;
}
.m_filter_box .Custom-select.selected ~ .closeBtn ion-icon.android {
    top: 1px;
}
.Custom-select .scroll {
    display: block;
    position: fixed;
    bottom: 0px;
    left: 50%;
    top: unset;
    width: 100%;
    height: 0;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    transform: translateX(-50%);
    z-index: 1100;
    border: none;
    padding: 0 20px 0 20px;
    transition: height ease 0.3s;
}
.Custom-select.active .scroll {
    height: 70vh;
    padding: 70px 20px 20px 20px;
}
.Custom-select.active.locate1 .scroll::after {
    content: '지역 선택';
}
.Custom-select.active.locate2 .scroll::after {
    content: '하위지역 선택';
}
.Custom-select.active.job_type .scroll::after {
    content: '업종 선택';
}
.Custom-select.active.pay_type .scroll::after {
    content: '급여 선택';
}
.Custom-select.active.sns_type .scroll::after {
    content: 'SNS 선택';
}
.Custom-select.active.cash_use .scroll::after {
    content: '현금영수증';
}
.Custom-select.active.cash_type .scroll::after {
    content: '현금영수증 유형';
}
.Custom-select.active .scroll::after {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 17px;
    font-weight: 500;
    color: var(--color-black);
}
.Custom-select .scroll-close {
    position: absolute;
    top: 20px;
    font-size: 28px;
    left: 20px;
}
.Custom-select .scroll-close ion-icon {
    position: relative;
    left: -5px;
}
.Custom-select .scroll ul {
    max-height: 100%;
}
.Custom-select .scroll ul .btn-radio {
    padding: 0;
    line-height: 45px;
    background-color: unset;
}
.Custom-select .scroll ul .btn-radio .text {
    font-size: 15px;
    font-weight: 400;
    color: var(--color-black);
}
.Custom-select.active .overlap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.Custom-select .cus_cancel {
    display: none;
}
.Custom-select.active .cus_cancel {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    border-radius: 15px;
    width: calc(100vw - 40px);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--pt-color-6);
    z-index: 1100;
    border: 1px solid var(--color-red);
    background-color: var(--color-white);
}
.offer-color-bg-01 {
    border: none !important;
    color: var(--hl-color-1) !important;
    background-color: rgba(120, 170, 82, 0.07) !important;
}
.offer-color-bg-02 {
    border: none !important;
    color: var(--hl-color-2) !important;
    background-color: rgba(78, 188, 179, 0.07) !important;
}
.offer-color-bg-03 {
    border: none !important;
    color: var(--hl-color-3) !important;
    background-color: rgba(54, 176, 216, 0.07) !important;
}
.offer-color-bg-04 {
    border: none !important;
    color: var(--hl-color-4) !important;
    background-color: rgba(112, 111, 191, 0.07) !important;
}
.offer-color-bg-05 {
    border: none !important;
    color: var(--hl-color-5) !important;
    background-color: rgba(209, 158, 16, 0.07) !important;
}
.offer-color-bg-06 {
    border: none !important;
    color: var(--hl-color-6) !important;
    background-color: rgba(236, 127, 98, 0.07) !important;
}
.offer-color-bg-07 {
    border: none !important;
    color: var(--hl-color-7) !important;
    background-color: rgba(246, 54, 91, 0.07) !important;
}
.offer-color-bg-08 {
    border: none !important;
    color: var(--hl-color-8) !important;
    background-color: rgba(163, 72, 167, 0.07) !important;
}
/** 색상이 추가되어 늘어나면  Offer-color-bg-010  Offer-color-bg-011  Offer-color-bg-012 이런식으로 추가 해야됨 **/
._index_v :where(.offer_section, section.list),
._offer_l :where(.offer_section, section.list),
#offerview section {
    padding: 40px 20px 30px 20px;
    margin-top: 0;
}
._index_v #knowhow {
    padding: 40px 20px 50px 20px;
}
._index_v :where(.offer_section:not(.platinum, .special), section.list:not(.knowhow, .bamtalk)),
._offer_l :where(.offer_section:not(.platinum, .special), section.list:not(.knowhow, .bamtalk)) {
    padding: 40px 0 30px 0;
}
._index_v :is(ul.banner:not(#platinum, #special) .item, section.list .row),
._offer_l :is(ul.banner:not(#platinum, #special) .item, section.list .row) {
    padding: 0 20px;
    border-radius: unset;
}
._offer_l #resume {
    padding: 0 0 30px 0;
}
.banner:is(#platinum, #premium) {
    grid-template-columns: repeat(1, 1fr);
}
.banner #platinum {
    gap: 15px;
}
.banner .item {
    border-radius: 10px;
    box-shadow: none;
    position: relative;
}
.banner:where(#platinum, #premium, #special) .item .payicon {
    border-radius: 10.5px;
    width: 37px;
    color: var(--color-white);
    background-color: var(--color-888888);
}
.banner:where(#premium, #special) .item .payicon {
    font-weight: 300;
    background-color: var(--line-f9f9f9);
    border: 1px solid var(--line-f9f9f9);
    color: var(--color-4a4c4d);
}
.paybox .pay {
    font-size: 13px;
}
.banner .m-color-1 {
    background-color: var(--pt-bg-1);
}
.banner .m-color-1 h3 {
    color: var(--pt-color-1) !important;
}
.banner .m-color-1 .payicon {
    background-color: var(--pt-color-1) !important;
    color: var(--color-white) !important;
}
.banner .m-color-2 {
    background-color: var(--pt-bg-2);
}
.banner .m-color-2 h3 {
    color: var(--pt-color-2) !important;
}
.banner .m-color-2 .payicon {
    background-color: var(--pt-color-2) !important;
    color: var(--color-white) !important;
}
.banner .m-color-3 {
    background-color: var(--pt-bg-3);
}
.banner .m-color-3 h3 {
    color: var(--pt-color-3) !important;
}
.banner .m-color-3 .payicon {
    background-color: var(--pt-color-3) !important;
    color: var(--color-white) !important;
}
.banner .m-color-4 {
    background-color: var(--pt-bg-4);
}
.banner .m-color-4 h3 {
    color: var(--pt-color-4) !important;
}
.banner .m-color-4 .payicon {
    background-color: var(--pt-color-4) !important;
    color: var(--color-white) !important;
}
.banner .m-color-5 {
    background-color: var(--pt-bg-5);
}
.banner .m-color-5 h3 {
    color: var(--pt-color-5) !important;
}
.banner .m-color-5 .payicon {
    background-color: var(--pt-color-5) !important;
    color: var(--color-white) !important;
}
.banner .m-color-6 {
    background-color: var(--pt-bg-6);
}
.banner .m-color-6 h3 {
    color: var(--pt-color-6) !important;
}
.banner .m-color-6 .payicon {
    background-color: var(--pt-color-6) !important;
    color: var(--color-white) !important;
}
.banner .split {
    margin: 0 10px;
    border-color: var(--color-black);
    opacity: 0.2;
}
.banner#premium .name {
    max-width: unset;
}
.banner .m_name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.banner .m_name,
#special .name {
    font-size: 16px;
    font-weight: 700;
}
.banner .m_boxing .m_info {
    margin-right: 20px;
    font-size: 14px;
}
.banner .m_name,
.banner .m_boxing .m_info {
    color: var(--color-4a4c4d);
}
.banner .m_boxing .m_info span {
    font-weight: 600;
}
.banner .m_boxing .paybox .pay {
    font-size: 14px;
    font-weight: 700;
}
.banner .description {
    padding: 20px;
}
.banner .description h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.27;
    letter-spacing: -0.6px;
    color: var(--color-696969);
    margin: 10px 0 !important;
}
.banner .description .m_boxing .m_info {
    align-items: center;
}
.offer_section.platinum {
    padding-top: 0;
}
#platinum .m_name {
    width: calc(100vw - 220px);
}
#platinum .description{
    padding: 20px;
}
#platinum .description h3 {
    width: calc(100vw - 220px);
    word-break: break-all;
    overflow-wrap: break-word;
}
#platinum .item {
    height: 150px;
    padding: 0;
}
#platinum .item .photo {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: 20px;
}
#platinum .item .photo img {
    width: 90px;
    height: 90px;
}
.m_banner_title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 20px;
    position: relative;
}
._index_v :where(section.bamtalk, section.knowhow, .offer_section.special) .m_banner_title,
._offer_l :where(.offer_section.special) .m_banner_title{
    padding: 0;
}
._index_v section.bamtalk .m_banner_title .more{
    right: -5px;
}
.m_banner_title .title {
    margin-right: auto;
    color: var(--color-4a4c4d);
    font-size: 18px;
    font-weight: 600;
}
.m_banner_title .title span {
    font-weight: 600;
}
.m_banner_title .d_text.spacing {
    margin-right: 5px;
}
.m_banner_title .m_localBox .text {
    font-size: 13px;
    font-weight: 300;
    color:var(--color-696969);
}
.m_banner_title .sub_local {
    margin-right: 10px;
}
.m_banner_title .icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 5px;
}
.m_banner_title .icon.local {
    background-image: url(/res/svg/m_local.svg);
}
.m_banner_title .icon.type {
    background-image: url(/res/svg/m_jobtype.svg);
}
.m_banner_title .more {
    font-size: 13px;
    color: var(--color-696969);
    letter-spacing: -0.52px;
    position: absolute;
    right: 15px;
    top: 50%;
    padding: 5px;
    transform: translateY(-50%);
}
#premium {
    gap: 0;
}
#premium .item {
    height: 140px;
}
#premium .item .photo {
    order: 2;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
#premium .item .photo img {
    width: 80px;
    height: 80px;
}
#premium .item .description {
    order: 1;
    padding: 30px 0;
    margin-right: 20px;
    height: 100%;
}
#premium .description h3 {
    max-width: calc(100% - 30px);
}
/* #premium .item:not(:first-of-type):not(.null) .description { */
#premium li:not(:first-of-type) .item:not(.null) .description {
    border-top: 1px solid var(--line-f9f9f9);
}
.offer_section.special {
    background-color: var(--line-f9f9f9);
}
#special {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    gap: unset;
}
#special .item {
    height: 130px;
    padding: 20px;
    align-items: flex-start;
}
#special li:not(:last-child) {
    margin-bottom: 15px;
}
.banner .photo.empty {
    background-color: var(--line-f9f9f9);
}
.banner .photo.empty img {
    width: 50% !important;
    height: 50% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: none;
}
#special .photo {
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px;
}
#special .photo img {
    width: 60px;
    height: 60px;
}
#special .name {
    letter-spacing: -0.68px;
    color: var(--color-4a4c4d);
}
#special .description {
    align-items: flex-start;
    padding: 5px 0 0 0;
}
#special .description .infobox {
    order: 1;
}
#special .m_boxing {
    order: 3;
}
#special .paybox {
    margin-bottom: 0;
}
#special .description h3 {
    text-align: left;
    -webkit-line-clamp: 1;
    order: 2;
    max-width: calc(100vw - 170px);
}
._index_v .list:not(:where(.offer, .notice)) {
    position: relative;
}
._index_v .list:not(:where(.offer, .notice))::after {
    content: '';
    width: 100%;
    height: 10px;
    background-color: var(--line-f9f9f9);
    position: absolute;
    bottom: 0;
    left: 0;
}
.list {
    box-shadow: none;
}
.list .row {
    padding: 0;
    height: 65px;
    border-top: 0;
    position: relative;
}
.list:where(.offer, .resume) .row {
    height: 120px;
}
/* .list:where(.offer, .resume) li:first-child .row {
    border-top: none;
} */
.list li:not(:first-child) .row::after {
    content: '';
    width: calc(100vw - 40px);
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    background-color:  var(--line-f9f9f9);
}
.list.sooda li:not(:first-child) .row::after {
    width: calc(100vw - 20px);
    left: unset;
    right: 0;
}
.list .m_view {
    flex-direction: column;
    width: 100%;
}
.list .m_view .top {
    margin-bottom: 10px;
    align-items: flex-end;
}
.list.offer :where(.m_name, .m_region, .m_type, .m_payicon, .m_pay) {
    color: var(--color-4a4c4d);
}
.list.offer :where(.m_name, .m_region) {
    margin-right: 10px;
}
/* 한줄공고 업체이름 이력서 제목 */
.list .m_view :where(.m_name, .m_title span) {
    font-size: 16px;
    font-weight: 700;
}
.list .m_view .m_title span:not(.m_new) {
    flex: 1;
    font-size: 14px;
    font-weight: 300;
}
/* 한줄공고 지역, 직종 */
.list .m_view :where(.top .m_region, .top .m_type) {
    font-size: 12px;
    font-weight: 300;
}
/* 한줄공고 급여타입 이력서 지역 */
.list .m_view :where(.top .m_payicon, .top .m_region.resume) {
    font-size: 14px;
    font-weight: 300;
}
/* 한줄공고 공고 제목 */
.list .m_view .bottom .m_title {
    font-size: 14px;
}
/* 한줄공고 급여금액 이력서 직종 */
.list .m_view :where(.bottom .m_pay, .bottom .m_type.resume) {
    font-size: 15px;
    font-weight: 700;
}
/* 이력서 이름,나이 */
.list .m_view .bottom .info.resume :where(.m_name, .m_age) {
    font-size: 14px;
    font-weight: 300;
}
.list.offer .m_name {
    letter-spacing: -0.72px;
    max-width: 120px;
}
.list.offer :where(.m_region, .m_type) {
    padding: 0 10px;
    height: 22px;
    background-color: var(--line-f9f9f9);
    border: 1px solid var(--line-f9f9f9);
    border-radius: 11px;
    display: flex;
    align-items: center;
    padding-top: 2px;
}
.list.offer :where(.m_region.android, .m_type.android) {
    padding-top: 0;
    padding-bottom: 1px;
}
.list.offer .m_view.offer .top .offer-color-01 {
    border: none;
    background-color: rgba(120, 170, 82, 0.07);
}
.list.offer .m_view.offer .top .offer-color-02 {
    border: none;
    background-color: rgba(78, 188, 179, 0.07);
}
.list.offer .m_view.offer .top .offer-color-03 {
    border: none;
    background-color: rgba(54, 176, 216, 0.07);
}
.list.offer .m_view.offer .top .offer-color-04 {
    border: none;
    background-color: rgba(112, 111, 191, 0.07);
}
.list.offer .m_view.offer .top .offer-color-05 {
    border: none;
    background-color: rgba(209, 158, 16, 0.07);
}
.list.offer .m_view.offer .top .offer-color-06 {
    border: none;
    background-color: rgba(236, 127, 98, 0.07);
}
.list.offer .m_view.offer .top .offer-color-07 {
    border: none;
    background-color: rgba(246, 54, 91, 0.07);
}
.list.offer .m_view.offer .top .offer-color-08 {
    border: none;
    background-color: rgba(163, 72, 167, 0.07);
}
.list.offer .m_payicon {
    margin-left: auto;
    letter-spacing: -0.6px;
}
.list .m_title {
    letter-spacing: -0.6px;
    max-width: 58.4415%;
    font-weight: 300;
    color: var(--color-696969);
}
.list.offer .m_pay {
    margin-left: auto;
    letter-spacing: -0.51px;
}
.list .paid_ad {
    position: relative;
}
.tooltip_ad {
    padding: 0 15px;
    height: 25px;
    letter-spacing: -0.4px;
    position: absolute;
    top: -8px;
    right: 0;
    border-radius: 12.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tooltip_ad::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 14px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 0;
    margin-left: -5px;
    margin-bottom: -5px;
}
.list .paid_ad.pt .tooltip_ad {
    background-color: var(--pt-bg-5);
    color: var(--pt-color-5);
}
.list .paid_ad.pt .tooltip_ad::after {
    border-top-color: var(--pt-bg-5);
}
.list .paid_ad.pr .tooltip_ad {
    background-color: var(--pt-bg-4);
    color: var(--pt-color-4);
}
.list .paid_ad.pr .tooltip_ad::after {
    border-top-color: var(--pt-bg-4);
}
.list .paid_ad.sp .tooltip_ad {
    background-color: var(--pt-bg-1);
    color: var(--pt-color-1);
}
.list .paid_ad.sp .tooltip_ad::after {
    border-top-color: var(--pt-bg-1);
}
.tooltip_ad .text {
    letter-spacing: -0.4px;
    font-size: 10px;
    font-weight: 600;
}
.list .m_view .r_down {
    position: relative;
    top: 0px;
}
.list .m_view .r_top {
    position: relative;
    top: 0px;
}
.list .list_footer {
    height: 85px;
    align-items: flex-start;
}
.list.knowhow .list_footer {
    border-top: none;
    height: 90px;
}
.list .list_footer .m_moreBtn {
    border: 1px solid var(--color-888888);
    border-radius: 50px;
    width: 160px;
    height: 50px;
    font-size: 16px;
    letter-spacing: -0.64px;
    color: var(--color-696969);
    justify-content: center;
    margin-top: 30px;
}
.list.knowhow .list_footer .m_moreBtn {
    margin-top: 40px;
}
.list .list_footer .m_moreBtn ion-icon {
    display: none;
}
.list.resume .m_title {
    color: var(--color-4a4c4d);
}
.list.resume .m_title span:not(.m_new) {
    font-size: 16px;
    font-weight: 700;
}
.list.resume :where(.m_region, .m_type) {
    margin-left: auto;
    letter-spacing: -0.6px;
}
.list.resume .bottom .info {
    color: var(--color-696969);
}
.list.resume .m_view .split {
    height: 10px;
    margin: 0 10px;
    border-color: var(--color-black);
    opacity: 0.2;
    position: relative;
    top: -1px;
}
.list.resume .m_view ion-icon {
    position: relative;
    top: 2px;
    --ionicon-stroke-width: 16px;
}
.list_point {
    height: 100%;
    width: 4px;
    position: relative;
}
.list_point::after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--color-red-m);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.list.sooda .title .text,
.list.notice .row .title span {
    flex: 1;
    overflow-wrap: break-word;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.68px;
    color: var(--color-4a4c4d);
}
.list.notice .row .title span.m_new,
.list.notice .row .title span {
    flex:none;
}
:where(.list.sooda, .list.friend) .title .text {
    flex: unset !important;
    width: fit-content;
    max-width: 75%;
}
:where(.list.sooda, .list.friend) .m_comment {
    margin-left: auto;
    width: 50px;
    justify-content: flex-start;
    color: var(--color-696969);
}
:where(.list.sooda, .list.friend) .m_comment .icon.comment {
    width: 16px;
    height: 15px;
    display: inline-block;
    background-image: url(/res/svg/m_list_comment.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 5px;
}
:where(.list.sooda, .list.friend) .m_comment .cnt {
    font-size: 13px;
    font-weight: 400;
}
.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(2, 1fr);
    gap: 30px 10px;
    padding: 10px 0 30px 0;
    border-top: none;
}
._index_v #knowhow .review {
    padding: 10px 0 0 0;
}
.list .review .item {
    height: auto;
    flex-direction: column;
}
.list .review .item .photo {
    margin: 0 0 15px 0;
    width: 100%;
    height: 0;
    border-radius: 10px;
    padding-bottom: 100%;
}
.list .review .item .photo figure,
.list .review .item .photo img {
    width: 100%;
    height: 100%;
}
.list .review .right {
    align-items: flex-start;
    width: 100%;
}
.list .review .right .title {
    margin: 0 0 5px 0;
    width: 100%;
}
.list .review .right h3 {
    font-size: 15px;
    max-width: 85%;
    width: auto;
    letter-spacing: -0.6px;
    font-weight: 600;
    color: var(--color-4a4c4d);
}
.list .review .right p {
    line-height: 1.29;
    font-size: 14px;
    letter-spacing: -0.56px;
    -webkit-line-clamp: 1;
    font-weight: 300;
    color: var(--color-696969);
    max-width: 95%;
}
.list .bamtalk {
    padding: 10px 0 0 0;
    border-top: none;
}
.list .bamtalk .write {
    display: none;
}
.list .bamtalk .blist.last {
    padding-bottom: 80px;
}
.list .bamtalk .blist li {
    max-width: 90%;
}
.list .bamtalk .blist .bleft {
    background-color: var(--pt-bg-1);
    border-color: var(--pt-bg-1);
    border-radius: 3px 15px 15px 15px;
}
.list .bamtalk .blist li.bright {
    background-color: var(--pt-bg-4);
    border-color: var(--pt-bg-4);
    border-radius: 15px 3px 15px 15px;
}
.list .bamtalk .blist .info :where(span, ion-icon) {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-888888);
}
.list .bamtalk .blist .info .date ion-icon.android {
    top: 1px;
}
.list .bamtalk .blist p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: -0.6px;
    color: var(--color-696969);
}
.list.notice li:first-child .row {
    border-top: none;
}
.list.notice .row .title {
    padding: 0;
    max-width: calc(100% - 115px);
}
.list.notice .row .date {
    width: 11px;
    height: 11px;
    margin-left: auto;
    display: inline-block;
    background-image: url(/res/svg/m_drop.svg);
    background-repeat: no-repeat;
    transform: rotate(-90deg);
}
.list.notice .row .date :where(ion-icon, span) {
    display: none;
}
.list .list_footer.page {
    padding: 35px 20px;
    align-items: center;
}
.pagination_box {
    width: auto;
    margin-right: auto;
}
#pagination li a {
    border-radius: 50%;
    border: none;
    font-size: 13px;
    letter-spacing: -0.6px;
    width: 26px;
    height: 26px;
    min-width: 26px;
}
#pagination li a.active {
    border: none;
    font-size: 13px;
    width: 26px;
    height: 26px;
    min-width: 26px;
}
#pagination li a.prev,
#pagination li a.next {
    font-size: 15px;
}
.post-btn {
    width: 60px;
    height: 29px;
    border-radius: 14.5px;
    border: solid 1px var(--color-red-m);
    background-color: var(--color-white);
    font-size: 12px;
    letter-spacing: -0.48px;
    color: var(--color-red-m);
}
.ad_banner {
    height: 18.8235%;
    width: 100%;
    background-color: #f0ece3;
}
.ad_banner a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 20px;
}
.ad_banner img {
    height: 100%;
    width: 125px;
    margin-left: auto;
}
.ad_banner .ad_ment {
    font-family: 'yg-jalnan';
    font-size: 18px;
    line-height: 1.3;
    color: #646058
}
#Layer_welcome {
    overflow: hidden;
}
#login_layer {
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
}
.curved {
    display: block;
    justify-content: unset;
    align-items: unset;
    height: auto;
    overflow-y: scroll;
}
.curved::before,
.curved::after {
    content: unset;
}
.log_size .contents {
    padding: 0 40px;
    background-image: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: scroll;
    padding-top: calc(100vh * 0.12);
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: calc(100vh * 0.1);
    height: auto;
}
.log_size .nt_box {
    margin: 0;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.log_size .nt_box .img_box {
    display: flex;
    align-items: center;
}
.img_19 {
    margin-right: 10px;
    width: 28px;
    height: 28px;
}
.m_textlogo {
    width: 89px;
    height: 20px;
    background-image: url(/res/svg/m_logo-text.svg);
    background-repeat: no-repeat;
}
.log_size .nt_box .description {
    margin-top: 15px;
}
.log_size .nt_box .description p {
    letter-spacing: -0.48px;
}
.m_login_img {
    margin: 30px 0;
    width: calc(100vw - 90px);
    height: 0;
    padding-bottom: 67.6923%;
    background-repeat: no-repeat;
    background-position: center;
}
.m_login_img.bg_1 {
    background-image: url(/res/svg/m_bg1.svg);
}
.m_login_img.bg_2 {
    background-image: url(/res/svg/m_bg2.svg);
}
.m_login_img.bg_3 {
    background-image: url(/res/svg/m_bg3.svg);
}
.m_login_img.bg_4 {
    background-image: url(/res/svg/m_bg4.svg);
}
.m_login_img.bg_5 {
    background-image: url(/res/svg/m_bg5.svg);
}
.lc_list {
    width: 100%;
    gap: 10px;
}
.lc_list.login.on {
    height: 170px;
}
#Layer_welcome.guest .lc_list.login.on {
    height: 110px;
}
.lc_list.certi.on {
    /* height: 170px; */
    height: 110px;
}
.lc_list .item {
    width: 100%;
    height: 50px;
    background-color: var(--color-white) !important;
    border: 1px solid var(--line-e3e2e2);
    border-radius: 25px;
    position: relative;
}
.lc_list .item .icon {
    width: 75px;
    background-size: 15px 15px;
    border-right: none;
    position: absolute;
    top: 0;
    left: 0;
}
.lc_list .item.kakao .icon {
    background-image: url(/res/svg/m_login_kakao.svg);
}
.lc_list .item.google .icon {
    background-image: url(/res/svg/m_login_google.svg);
}
.lc_list .item.naver .icon {
    background-image: url(/res/svg/m_login_naver.svg);
}
.lc_list .item.certi .icon {
    background-image: url(/res/svg/m_login_certi.svg);
}
.lc_list .item.phone .icon {
    background-image: url(/res/svg/m_login_phone.svg);
}
.lc_list .item.i-pin .icon {
    background-image: url(/res/svg/m_login_ipin.svg);
}
.lc_list .item.sns .icon {
    background-image: url(/res/svg/m_login_sns.svg);
}
.lc_list .item .text {
    font-size: 13px;
    letter-spacing: -0.52px;
    font-weight: 500;
    color: var(--line-2b2b2b) !important;
}
._register_v {
    min-height: unset;
}
.reg_certi {
    min-height: unset;
}
.reg_certi form {
    width: 100%;
    height: 100%;
    padding: 0 20px 100px 20px;
    border: none;
    border-radius: unset;
}
.reg_title {
    font-size: 22px;
    letter-spacing: -0.88px;
}
.certified_section .certified_box,
.reg_certi .type_box {
    margin-top: 30px;
    border: none;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.certified_section .certi_btn,
.reg_certi .type_box label {
    border: 1px solid var(--line-e3e2e2);
    border-radius: 15px;
    height: 107px;
    flex-direction: column;
}
.certified_section .certi_btn .icon {
    width: 13px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
}
.certified_section .certi_btn .icon.certi-phone {
    background-image: url(/res/svg/m_certi_phone.svg);
}
.certified_section .certi_btn .icon.certi-ipin {
    background-image: url(/res/svg/m_certi_ipin.svg);
}
.certified_section .certi_btn .f16 {
    position: relative;
    font-size: 0;
    width: 100%;
    height: 20px;
}
.certified_section .certi_btn[data-type='phone'] .f16::after {
    content: '휴대폰';
}
.certified_section .certi_btn[data-type='ipin'] .f16::after {
    content: '아이핀';
}
.certified_section .certi_btn .f16::after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    letter-spacing: -0.8px;
    font-weight: 700;
    color: var(--color-4a4c4d);
}
.register_section {
    margin-top: 70px;
    height: 370px;
}
.register_section.complete {
    height: auto;
}
.reg_certi .type_box {
    margin: 30px 0 70px 0;
}
.boxCheckbox input:checked ~ .text,
.boxCheckbox .text {
    color: var(--color-4a4c4d);
}
.register_section .boxCheckbox input:checked ~ .boxing {
    border-radius: 15px;
    border: 2px solid var(--color-red-m);
    height: 103%;
}
.register_section .boxCheckbox .text {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.register_section .boxCheckbox .s_text {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.52px;
    margin-top: 10px;
    color: var(--color-888888);
}
.reg_title.account {
    font-size: 0;
}
.reg_title.account::after {
    content: '회원 정보';
    font-size: 22px;
    letter-spacing: -0.88px;
    color: var(--color-4a4c4d);
    font-weight: 700;
}
.reg_list .item {
    height: 73px;
    border-radius: 15px;
    padding: 0 20px;
}
.reg_list .item.mail {
    order: 1;
    position: relative;
}
.reg_list .item.nick {
    order: 5;
}
.reg_list .item.name {
    order: 2;
}
.reg_list .item.birth {
    order: 3;
}
.reg_list .item.phone {
    order: 4;
}
.reg_list .item.mail .icon {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 15px;
    height: 15px;
    margin-right: 0;
    transform: translateY(-50%);
}
.reg_list .item.disabled {
    border: none;
    background-color: var(--line-f9f9f9);
}
.tx_box .key {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.26px;
    color: var(--color-888888);
    margin-bottom: 5px;
}
.tx_box .val {
    color: var(--color-4a4c4d);
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 500;
}
.reg_list input {
    font-size: 14px;
    color: var(--color-4a4c4d);
    letter-spacing: 0.3px;
    width: 100%;
}
.reg_list input::placeholder,
#overlap_text {
    font-size: 14px;
    letter-spacing: 0.3px;
}
.reg_certi .terms_box {
    font-size: 13px;
}
.reg_certi .register_btn {
    margin-top: 30px;
    height: 68px;
    border-radius: 15px;
    background-color: rgba(74, 76, 77, 0.4);
}
.reg_certi .register_btn span {
    font-size: 16px;
    letter-spacing: 0.32px;
}
.reg_certi .register_btn.active {
    background-color: var(--color-red-m);
}
#terms_pop {
    width: 100%;
    height: 100%;
    border: none;
}
#Layer h2 {
    padding: 20px;
    border-bottom: none;
    height: auto;
}
#Layer h2 span:first-child {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.96px;
    color: var(--color-4a4c4d);
}
#Layer h2 .closeLayer {
    display: none !important;
}
#Layer .layer_body {
    overflow-y: scroll;
}
#terms_pop .content {
    margin: 0 10px 0 20px;
    padding: 35px 10px 55px 0;
    overflow-y: unset;
}
#terms_pop .content .terms_box {
    padding-bottom: 55px;
}
.wrapper._offer_v {
    display: flex;
}
#offerview {
    width: 100%;
}
#offerview section {
    box-shadow: none;
}
#offerview section.m_none_pd {
    padding: 0;
}
#offerview section.m_none_pd .footer {
    padding: 0 20px 30px 20px;
}
.offerV .btn-box {
    margin-top: 0;
}
.offerV .btn-config {
    position: fixed;
    width: 55px;
    height: 55px;
    top: -55px;
    right: 55px;
    z-index: -1;
}
.offerV .btn-config.active {
    z-index: 1000;
}
.offerV .btn-config .relative {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offerV .btn-config button {
    display: none;
}
.offerV .btn-config .config-box {
    top: 115px;
    border-radius: 10px;
    box-shadow: 0px 1px 38px 0 rgb(0 0 0 / 5%);
    border: none;
    padding: 0;
    position: absolute;
    right: 0;
    display: none;
}
.offerV .btn-config.active .config-box {
    display: flex;
    flex-direction: column;
}
.offerV .btn-config.active .config-btn .icon {
    opacity: 1;
}
.offerV .btn-config a {
    width: 200px;
    padding: 0 20px;
    height: 55px;
    border-top: 1px solid var(--line-f5f5f5);
    margin-top: 0;
}
.offerV .btn-config a :is(.text, .icon) {
    order: unset;
}
.offerV .btn-config .config-box a:first-child {
    border-top: none;
}
.offerV .btn-config a:not(:last-child) {
    border-right: none;
}
.offerV .btn-config a :is(.icon, .text),
.offerV .btn-config button .icon {
    opacity: 1;
}
.offerV .btn-config a .text {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.64px;
    color: var(--color-4a4c4d);
}
.offerV .btn-config a .text.color-red {
    color: var(--color-red-m);
}
.offerV .btn-config .config-box a .icon {
    background-size: 18px 16px;
    margin-right: 0;
    margin-left: auto;
}
.offerV .header .m_title.name {
    width: calc(100vw - 100px);
    margin: 40px 20px 0 20px;
    display: block !important;
}
.offerV .header .name span {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -1.44px;
    color: var(--color-4a4c4d);
    background-image: linear-gradient(rgba(246, 54, 91, 0.15), rgba(246, 54, 91, 0.15));
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: 0px 30px;
}
.offerV :is(h1.title, .m_name) {
    padding: 0 20px;
    margin: 25px 0 128px 0;
}
.offerV :is(h1.title span, .m_name) {
    width: calc(100vw - 100px);
    font-size: 20px;
    font-weight: 300;
    line-height: 1.36;
    letter-spacing: -0.88px;
    color: var(--color-4a4c4d);
    display: block !important;
    word-break: break-all;
}
.offerV .header .m_info {
    padding: 0 20px;
    gap: 45px;
}
.offerV .header .m_info .key {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.64px;
    color: var(--color-696969);
}
.offerV .header .m_info .key .w_pay {
    font-style: normal;
    margin-left: 5px;
    font-weight: 300;
}
.offerV .header .m_info .val {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.8px;
    color: var(--color-4a4c4d);
    margin-top: 7px;
}
.offerV .photo-box {
    padding: 0 20px;
    margin-top: 36px;
    /* 스크립트 제어시 주석걸어야됨 */
    overflow-x: scroll;
    white-space: nowrap;
    /* 스크립트 제어시 주석걸어야됨 */
    gap: 5px;
    margin-bottom: 0;
    max-width: 850px;
    width: 100%;
    transform: translate(0, 0);
}
.offerV .photo-box::-webkit-scrollbar {
    display: none;
}
.offerV .photo-box .item {
    width: calc(100vw * 0.42352941);
    padding-bottom: 100%;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    aspect-ratio: unset;
    flex: unset;
    height: 0;
    user-select: none;
}
.offerV .photo-box .item > div {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
}
.offerV .photo-box .item > div img {
    -webkit-user-drag: none;
}
#offerview section.m_none_pd .body {
    padding-bottom: 55px;
}
.offerV .infobox {
    margin: 40px 0 0 0;
    padding: 30px 0 0 0;
    border-top: none;
}
.offerV h2 {
    font-size: 19px;
    color: var(--color-4a4c4d) !important;
}
.offerV h2 span {
    font-weight: 700;
}
.offerV .infobox h2 {
    margin: 0 20px;
}
.offerV .infobox .information_list {
    margin-top: 25px;
}
.offerV .infobox li {
    width: 100%;
    height: 80px;
    margin: 0;
    padding-left: 20px;
    gap: 20px;
}
.offerV .infobox li .icon {
    width: 44px;
    height: 44px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}
.offerV .infobox li .icon.manager {
    background-image: url(/res/svg/m_manager.svg);
}
.offerV .infobox li .icon.phone {
    background-image: url(/res/svg/m_offer_phone.svg);
}
.offerV .infobox li .icon.kakao {
    background-image: url(/res/svg/m_offer_kakao.svg);
}
.offerV .infobox li .icon.telegram {
    background-image: url(/res/svg/m_offer_tel.svg);
}
.offerV .infobox li .icon.update {
    background-image: url(/res/svg/m_offer_update.svg);
}
.offerV .infobox li .description {
    flex: 1;
    height: 100%;
    border-bottom: 1px solid var(--line-f5f5f5);
}
.offerV .infobox li .description .content {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
}
.offerV .infobox li .description .content .key {
    width: auto;
    font-size: 13px;
    letter-spacing: -0.52px;
    color: var(--color-696969);
}
.offerV .infobox li .description .content .val {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.6px;
    color: var(--color-4a4c4d);
    margin-top: 10px;
}
.offerV .infobox li .description .content .val .icon {
    display: none;
}
.m_charge-btn {
    margin-right: 30px;
    width: 80px;
    height: 36px;
    border-radius: 17.5px;
    border: solid 1px var(--color-red-m);
    background-color: var(--color-white);
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-red-m);
    display: flex;
    align-items: center;
    justify-content: center;
}
.m_charge-btn span {
    position: relative;
}
.m_charge-btn.android span {
    top: -1px;
    left: 1px;
}
.m_charge-btn.ios span {
    top: 1px;
}
.offerV .infobox li.h2 {
    position: relative;
}
.offerV .infobox li.h2 .tips {
    position: absolute;
    bottom: -34px;
    left: 64px;
}
.offerV .footer {
    border: none;
}
.offerV .tagbox label {
    padding: 7px 15px;
    border-radius: 17.5px;
    border: none;
    background-color: rgba(246, 54, 91, 0.03);
    color: var(--color-red-m);
    letter-spacing: -0.56px;
}
.offerV .tagbox label span {
    position: relative;
}
.offerV .tagbox label .android {
    top: -1px;
}
.offerV .tagbox label .ios {
    top: 1px;
}
#map_wrap,
#kakaomap {
    height: 220px;
    border-radius: 5px;
    -webkit-transform: translate3d(0, 0, 0);
}
#iwContent,
#kakaomap > div:nth-child(1) > div > div:nth-child(6) > div:nth-child(2) {
    width: calc(100vw - 120px) !important;
    height: 90px !important;
    /* FIX: LDD - 모바일 지도에서는 정보 박스가 나오지 않게함 */
    opacity: 0;
}
#kakaomap > div:nth-child(1) > div > div:nth-child(6) > div:nth-child(2) > div:nth-child(1) {
    top: 87px !important;
}
#iwContent .photo {
    display: none;
}
#iwContent .description {
    padding: 10px;
}
#iwContent .description h2 {
    font-size: 14px;
    margin-bottom: 5px;
}
#iwContent .description p {
    font-size: 13px;
}
#iwContent .description .btnbox {
    margin-top: 5px;
}
#iwContent .description a {
    height: 25px;
}
.offerV .body .addressBox button {
    order: 2;
    margin: 0 0 0 auto;
    padding: 0;
    background-color: var(--color-white);
    border: none;
    font-size: 14px;
    color: var(--color-red-m);
}
.offerV .body .addressBox :where(button span, .address) {
    font-weight: 300;
    letter-spacing: -0.56px;
}
.offerV .body .addressBox button ion-icon {
    display: none;
}
.offerV .body .addressBox .address {
    order: 1;
    color: var(--color-696969);
}
#viewContent {
    border: none;
    padding: 0;
    background-color: var(--color-white);
}
#viewContent :where(img, video) {
    max-width: 100%;
}
.offerV .footer.viewFooter {
    margin-top: 50px;
    padding: 20px;
    border-radius: 10px;
    background-color: var(--line-f9f9f9);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.54;
    letter-spacing: -0.52px;
    color: var(--color-4a4c4d);
}
.offerV .footer.viewFooter br {
    display: none;
}
.offerV .footer.viewFooter .company_text {
    font-weight: 300;
}
.offerV .footer.viewFooter .btn-report {
    color: var(--color-red-m);
    font-weight: 300;
}
#Layer .origin_pop {
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
}
#Layer .origin_pop .content {
    padding: 0;
}
#Layer .origin_pop .closeLayer {
    width: 55px;
    height: 65px;
    right: unset;
    left: 0px;
    top: 0px;
    background-image: url(/res/svg/m_origin_x.svg);
    background-size: 15px 15px;
}
#Layer .origin_pop .swiper-pagination.origin {
    bottom: unset;
    top: 25px;
}
#Layer .origin_pop :where(.swiper-pagination.origin, .swiper-pagination.origin span) {
    font-weight: 600;
    color: var(--color-white);
}
#Layer .origin_pop :where(.swiper-button-next, .swiper-button-prev) {
    display: none;
}
#report {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
#Layer .report {
    width: 100%;
    height: 100%;
    padding: 0;
}
#Layer .report ul {
    margin: 0;
}
#Layer .report li:not(.report-textarea):not(.button) {
    height: 63px;
    padding-left: 20px;
    margin-top: 0;
}
#Layer .report li .btn-radio {
    height: 100%;
    width: 100%;
}
#Layer .report li .btn-radio .radio {
    width: 21px;
    height: 21px;
    margin-right: 15px;
}
#Layer .report li .btn-radio.checked .radio::before,
#Layer .report li .btn-radio:hover .radio::before {
    width: 10px;
    height: 10px;
}
#Layer .report li .btn-radio .text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.6px;
    color: var(--color-4a4c4d);
    flex: 1;
}
#Layer .report li:not(:nth-last-child(3)) .text {
    border-bottom: 1px solid var(--line-f5f5f5);
}
#Layer .report li .btn-radio.checked .text {
    color: var(--color-red-m);
}
.report-textarea {
    display: flex;
    align-items: flex-start;
    margin-top: 15px !important;
    padding: 20px;
    border-top: 1px solid var(--line-f5f5f5);
}
.report-textarea .m_area {
    width: 17px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/res/svg/m_area.svg);
    margin-top: 5px;
}
.report-textarea .m_area.on {
    background-image: url(/res/svg/m_area_on.svg);
}
#Layer .report li textarea {
    padding: 0;
    border: none;
    margin-left: 20px;
    color: var(--color-4a4c4d);
    min-height: 100px;
    height: auto;
}
#Layer .report li :is(textarea, textarea::placeholder) {
    font-size: 15px !important;
    font-weight: 300;
    letter-spacing: -0.6px;
    line-height: 1.73;
    font-family: 'Apple SD Gothic Neo', 'SDGothicNeo', sans-serif;
}
#Layer .report li textarea::placeholder {
    color: var(--line-e3e2e2);
}
#Layer .report li textarea:disabled {
    background-color: var(--color-white);
}
#Layer .report li textarea:disabled::placeholder {
    opacity: 1;
    color: var(--line-e3e2e2);
}
#Layer button[type='submit'] {
    position: fixed;
    top: 0;
    right: 0;
    width: 65px !important;
    height: 55px !important;
    font-size: 0;
    background-color: transparent !important;
}
#Layer button[type='submit']:after {
    content: '확인';
    font-size: 16px;
    letter-spacing: -0.64px;
    color: var(--color-696969);
}
.wrapper._offer_w {
    display: flex;
}
._offer_w form {
    width: 100%;
}
._offer_w form .box-shadow {
    box-shadow: unset;
}
._offer_w .offerPay {
    margin: 0;
    padding: 50px 0 0 0;
}
._offer_w .offerPay :where(.header, .body) {
    padding: 0 20px;
}
._offer_w .offerPay .body {
    margin-top: 30px;
}
._offer_w .offerPay .mode_box.mobile {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
._offer_w .offerPay .day-box {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background-color: var(--color-4a4c4d);
    padding: 0 27px;
}
._offer_w .offerPay .day-box .text {
    font-size: 13px;
    letter-spacing: -0.52px;
    color: var(--color-white);
    margin-right: auto;
}
._offer_w .offerPay .day-box .d-day {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.6px;
    color: var(--pt-bg-3);
}
._offer_w .offerPay .ad_ing_box {
    width: 100%;
    padding: 2px 27px;
    border-radius: 10px;
    border: 1px solid var(--line-e3e2e2);
}
._offer_w .offerPay .ad_ing_box li {
    height: 57px;
}
._offer_w .offerPay .ad_ing_box li:not(:last-child) {
    border-bottom: 1px solid var(--line-f5f5f5);
}
._offer_w .offerPay .ad_ing_box .key {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.52px;
    color: var(--color-696969);
    margin-right: auto;
}
._offer_w .offerPay .ad_ing_box .val {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.52px;
    color: var(--color-4a4c4d);
}
._offer_w .offerPay .ad_ing_box .val i {
    font-style: normal;
    font-weight: 500;
}
._offer_w .offerPay .ad_ing_box .val .and {
    margin: 0 3px;
}
.offerF {
    padding: 50px 0 30px 0;
    margin-top: 0;
}
.offerF:where(.adSelect, .detail_info) {
    padding: 50px 0 60px;
    margin: 0;
    position: relative;
}
.offerF.adSelect::after {
    content: '';
    width: 100%;
    height: 10px;
    background-color: var(--line-f9f9f9);
    position: absolute;
    left: 0;
    bottom: 0;
}
.offerF .header {
    padding: 0 20px;
    display: flex;
    align-items: center;
}
._offer_w .header :where(h2, h2 span) {
    margin-right: auto;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.88px;
    color: var(--color-4a4c4d);
    display: flex;
    align-items: center;
}
.offerF .header .tip {
    margin: 0;
}
.offerF .header .tip button {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-696969);
}
.offerF .body {
    margin-top: 30px;
    padding: 0 20px;
}
.offerF :where(.event-free, .event-sale) {
    height: 107px !important;
    border-radius: 15px;
    box-shadow: none !important;
    overflow: hidden;
}
.offerF :where(.event-free img, .event-sale img) {
    height: 100%;
    width: 100%;
}
.offerF .choice {
    margin-top: 0;
    grid-template-areas:
        'ad_pt ad_pr'
        'ad_sp free';
    grid-template-columns: repeat(2, 1fr);
}
.offerF .choice .card {
    border-radius: 15px;
    box-shadow: inset 0 0 0 1px var(--line-e3e2e2);
    padding: 0;
    height: 107px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: unset;
}
.offerF .choice .card.checked.hover {
    box-shadow: 0 0 0 2px var(--color-red-m) inset;
}
.offerF .choice .card.checked {
    background-color: var(--color-white);
    color: var(--color-4a4c4d);
}
.offerF .choice .info_box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offerF .choice .subject {
    padding: 0;
}
.offerF .choice .subject h3,
.offerF .choice .card.free h3,
.offerF.adSelect .body.view .option .btn-radio .m_text_box .per {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.offerF .choice .subject h3 span,
.offerF .choice .card.free h3 span {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.52px;
    margin-top: 10px;
    color: var(--color-888888);
}
.offerF.adSelect .option_box {
    height: 0;
    overflow: hidden;
    transition: height ease 0.4s;

    left: 0;
    width: calc(100vw - 40px);
    padding: 0;
}
.offerF.adSelect .body.view .option_box {
    top: unset;
    bottom: -341px;
}
.offerF.adSelect .option_box {
    top: 341px;
    /* top: 280px; */
    bottom: unset;
}
.offerF.adSelect .card.free ul {
    display: flex;
    align-items: center;
}
.offerF.adSelect .body {
    position: relative;
    padding-bottom: 0px;
    transition: padding-bottom ease 0.4s;
}
.offerF.adSelect .body .per_title {
    /* display: none !important; */
    height: 0;
    overflow: hidden;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.88px;
    color: var(--color-4a4c4d);
    margin-top: 50px;
    transition: height ease 0.3s;
}
.offerF.adSelect .body.view .per_title {
    /* display: flex !important; */
    height: 27px;
}
.offerF.adSelect .body.view {
    padding-bottom: 265px;
    transition: padding-bottom ease 0.3s;
}
.offerF.adSelect .body .choice {
    position: relative;
}
.offerF.adSelect .body.view .card.checked .option_box {
    height: 230px;
    /* transition: height ease 0.3s; */
    /* left: 0;
    width: calc(100vw - 40px);
    padding: 0; */
}
.offerF.adSelect .body .option_box .option {
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: none;
    padding: 0;
    gap: 15px;
}
.offerF.adSelect .body .choice .option li {
    padding: 0;
}
.offerF.adSelect .body .option .btn-radio {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 107px;
    padding: 0;
}
.offerF.adSelect .body .option .btn-radio .radio {
    margin-right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 15px;
    left: 0;
    border: 1px solid var(--line-e3e2e2);
}
.offerF.adSelect .body .option .btn-radio.checked {
    color: var(--color-4a4c4d);
}
.offerF.adSelect .body .option .btn-radio.checked .radio {
    border: 2px solid var(--color-red-m);
}
.offerF.adSelect .body .option .btn-radio.checked .radio::before {
    content: unset;
}
.offerF.adSelect .body .option .btn-radio .m_text_box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.offerF .choice .m_text_box .price {
    margin-top: 10px;
}
.offerF .choice .m_text_box .price .ptext {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: -0.52px;
    margin-right: 10px;
    color: rgba(105, 105, 105, 0.5);
    text-decoration: line-through;
}
.offerF .choice .m_text_box .price .ftext {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.64px;
    color: var(--color-red-m);
    margin-right: 8px;
}
.offerF .choice .m_text_box .price .ltext {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: -0.52px;
    color: var(--color-888888);
}
.offerF:where(.business_info, .resume_info) .body {
    padding: 0;
}
.offerF .file-photo {
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: scroll;
    gap: 5px;
    padding: 0 20px;
}
.offerF .file-photo::-webkit-scrollbar {
    display: none;
}
.offerF .file-photo .item {
    width: calc(100vw * 0.4235294117);
    height: 0;
    border-radius: 7px;
    padding-bottom: 46.75324675%;
}
.offerF .file-photo .item .btn-file {
    position: absolute;
    top: 0;
    left: 0;
}
.offerF .file-photo .photo {
    border-radius: 7px;
}
.offerF:where(.business_info, .resume_info) .body ul.fieldset {
    padding: 0 20px;
    margin-top: 30px;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
}
.offerF:where(.business_info, .resume_info) ul.fieldset > li {
    height: 80px;
    border-bottom: 1px solid var(--line-f5f5f5);
    display: flex;
    align-items: center;
}
.offerF .fieldset :is(.field, .Custom-select .title) {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.offerF .fieldset .Custom-select .title ion-icon {
    height: 100%;
    font-size: 17px;
}
.offerF .fieldset :is(.field, .Custom-select, .field input) {
    border: none;
    padding: 0;
    height: 100%;
}
.offerF .fieldset .Custom-select .title span,
.offerF .fieldset .field input::placeholder {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.6px;
    color: var(--line-e3e2e2) !important;
}
.offerF .fieldset :is(.Custom-select .title.selected span, .field input[type='text']) {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.6px;
    color: var(--color-4a4c4d) !important;
}
.offerF .fieldset .field.w2 {
    gap: 40px;
}
.offerF .fieldset .field.pay .won_text {
    border: none;
    font-size: 13px;
}
.fieldset li.pos-photo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px;
}
.fieldset .file-photo, .fieldset .file-photo .item {
    padding: 0;
}
.offerF.job_condition h2 {
    align-items: baseline;
}
.offerF h2 .title_tip {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-696969);
}
.offerF .tagbox label {
    padding: 7px 15px;
    border-radius: 17.5px;
    letter-spacing: -0.56px;
    color: var(--color-888888);
}
.offerF .tagbox input:checked + label {
    background-color: rgba(246, 54, 91, 0.03);
    color: var(--color-red-m);
}
.offerF .tagbox label span.ios {
    position: relative;
    top: 1px;
}
.offerF .tagbox label span.android {
    position: relative;
    top: -1px;
}
.offerF.detail_info {
    padding: 50px 0 10px 0;
}
.offerF.detail_info .body {
    padding: 0;
}
.offerF .fieldset li.pos-title {
    height: 80px;
    padding: 0 20px;
}
.offerF .fieldset li.pos-content {
    margin-top: 0;
}
.offerF .fr-wrapper .fr-placeholder {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.6px;
    color: var(--line-e3e2e2);
}
.offerF .fr-toolbar.fr-top,
.offerF .fr-box.fr-basic .fr-wrapper {
    border-color: var(--line-f5f5f5) !important;
}
.offerF .fr-toolbar .fr-newline {
    background: var(--line-f5f5f5);
    margin-left: 0;
    margin-right: 0;
}
.offerF .fr-second-toolbar {
    border: none;
}
.offerF.ft {
    padding: 50px 0 0 0;
}
.offerF.ft :is(.header, .body) {
    padding: 0 20px;
}
.offerF .option-color {
    box-shadow: none;
    padding: 0;
    flex-direction: column;
    gap: 30px;
}
.offerF .option-color.active {
    padding: unset;
    box-shadow: none;
}
.offerF .option-color .left {
    width: 100%;
    border: 1px solid var(--line-e3e2e2);
    border-radius: 15px;
    padding: 0 30px;
    height: 118px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    position: relative;
}
.offerF .option-color.active .left {
    border-color: transparent;
}
.offerF .option-color.active .left::after {
    content: '';
    width: 100%;
    height: 100%;
    border: 2px solid var(--color-red-m);
    border-radius: 15px;
    position: absolute;
    top: -1px;
    left: -1px;
}
.offerF .option-color .left :where(.top, .bottom) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.offerF .option-color .left .top h3 {
    margin: 0;
    margin-right: auto;
}
.offerF .option-color .left .top h3 span {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
    color: var(--color-4a4c4d);
}
.offerF .option-color .left .top .use_text::after {
    content: '미사용';
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.64px;
    color: var(--color-4a4c4d);
}
.offerF .option-color.active .left .top .use_text::after {
    content: '사용';
}
.offerF .option-color .left .bottom .ment {
    margin-right: auto;
}
.offerF .option-color .left .bottom .ment span {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.52px;
    color: var(--color-4a4c4d);
}
.offerF .option-color .left .bottom .price {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.52px;
    color: var(--color-red-m);
    margin: 0;
}
.offerF .option-color .right {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    position: unset;
    top: unset;
    right: unset;
    transform: unset;
}
.offerF .option-color .right .preview {
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-radius: 15px;
    border: 1px solid var(--line-e3e2e2);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.6px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.offerF .option-color .color-box {
    margin: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    place-items: center;
    gap: 30px 0;
}
.offerF .option-color .colorpick {
    margin: 0;
    width: 43px;
    height: 43px;
    border-radius: 50%;
}
.offerF .option-color .colorpick.checked ion-icon {
    font-size: 25px;
}
.offerF.ft .btnbox {
    padding: 80px 20px 100px 20px;
}
.offerF .btnbox button {
    height: 70px;
    background-color: var(--color-white);
    border: 2px solid var(--color-red-m);
    font-size: 0;
    border-radius: 34px;
    position: relative;
}
.offerF .btnbox button::after {
    content: '다음 단계로 이동';
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.64px;
    color: var(--color-red-m);
}
.offerF.ft .footer {
    border-top: 0;
    background-color: var(--line-f9f9f9);
    padding: 25px 30px 75px 30px;
    font-size: 12px;
    letter-spacing: -0.52px;
    color: var(--color-4a4c4d);
}
.offerF.ft .footer :where(.tt, .cc, span) {
    font-weight: 300;
}
.offerF.ft .footer :where(.tt, .cc) {
    display: flex;
    flex-direction: column;
}
.offerF.ft .footer .cc br:not(.m_br_tag) {
    display: none;
}
.offerF.ft .footer .cc .m_top {
    margin-top: 10px;
}
#daumaddr {
    width: 100%;
    height: 100%;
}
#daumaddr :where(.layer_body, #searchAddress) {
    height: 100%;
}
#searchAddress > div {
    width: 100% !important;
    height: 100% !important;
    overflow: unset !important;
}
#searchAddress :is(iframe) {
    overflow: unset !important;
}
#offerad_m {
    width: 100%;
    height: 100%;
    flex-direction: column;
}
#offerad_m :where(.layer_header, .layer_body) {
    width: 100%;
}
#offerad_m .adnav {
    width: 100%;
    padding: 0 30px;
    height: 45px;
    justify-content: space-between;
}
#offerad_m .adnav button {
    height: 100%;
    background-color: var(--color-white);
    position: relative;
    font-size: 15px;
    color: var(--color-4a4c4d);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
#offerad_m .adnav button .bottom_line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background-color: var(--line-2b2b2b);
}
#offerad_m .adnav button.active .bottom_line {
    width: 100%;
}
#offerad_m .layer_body {
    height: 100%;
    padding: 60px 25px 70px 25px;
    background-color: var(--line-f9f9f9);
}
#offerad_m .content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0;
}
#offerad_m h2 {
    padding: 0;
}
#offerad_m h2 span:first-child {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: -0.66px;
    color: var(--color-4a4c4d);
    background-image: linear-gradient(rgba(246, 54, 91, 0.15), rgba(246, 54, 91, 0.15));
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: 0px 17px;
}
#offerad_m p {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.52px;
    color: var(--color-696969);
    margin-top: 10px;
}
#offerad_m .ad_view_box,
._cs_v .ad_placement .ad_view_box {
    width: calc(100vw - 50px);
    margin-top: 40px;
    display: flex;
    justify-content: center;
    padding-bottom: 70px;
}
#offerad_m .ad_view_box .back_box,
._cs_v .ad_placement .ad_view_box .back_box {
    width: calc(100vw - 100px);
    height: calc(calc(100vw - 100px) * 9.00615384);
    background-image: url(/res/images/offer/ad_view_back.png?v=1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 30px;
    box-shadow: 0px 4px 16px 0 rgba(136, 136, 136, 0.3);
    background-color: var(--color-white);
}
.ad_img_list li {
    width: calc(100vw - 51px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    box-shadow: 0px 2px 16px 0 rgba(136, 136, 136, 0.4);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    background-color: var(--color-white);
    padding: 0 20px;
}

.ad_img_list .pt {
    top: 11.644978311%;
    padding-top: 20px !important;
}
.ad_img_list .pr {
    top: 34.33433433%;
    padding-top: 0;
}
.ad_img_list .sp {
    top: 58.158158158158158%;
    padding-top: 0;
    background-color: var(--color-white) !important;
    display: unset !important;
    flex-direction: unset !important;
}
.ad_img_list .free {
    bottom: 5.17183850517%;
    padding-top: 0;
}
.ad_img_list #platinum .item .photo {
    width: calc(100% * 0.26946107784431138);
    height: 0;
    padding-bottom: clamp(30px, 26.95%, 110px);
    max-width: 110px;
    min-width: 30px;
}
.ad_img_list :is(#platinum, #premium) .item .photo img {
    width: 100%;
    height: 100%;
}
.ad_img_list #premium .item .photo {
    width: calc(100vw * 0.188235294117647);
    height: 0;
    padding-bottom: clamp(30px, calc(100vw * 0.188235294117647), 80px);
    max-width: 80px;
    min-width: 30px;
}
.ad_img_list #premium .item .m_boxing {
    flex-wrap: wrap;
    gap: 5px;
}
.ad_img_list #special .item {
    margin-bottom: 0;
    padding: 20px 0;
}
.ad_description {
    padding: 30px 0;
    align-items: flex-start;
    gap: 25px;
}
.ad_img_list :where(#premium, #special, #free) .ad_description {
    border-top: 1px solid var(--line-f5f5f5);
}
.pop_ad_type {
    width: 80px;
    height: 27px;
    border-radius: 13.5px;
    background-color: var(--line-2b2b2b);
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.36px;
    color: var(--color-white);
    justify-content: center;
}
.ad_description dl {
    padding-left: 10px;
    flex: 1;
}
.ad_description dd {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.39px;
    color: var(--color-888888);
    line-height: 1.69;
    text-indent: -9px;
}
.offerF.resume_info .photo-container {
    margin-bottom: 0;
    gap: 20px;
}
.offerF.resume_info .file-photo .item {
    width: calc(100vw * 0.4235294117);
    height: 0;
    border-radius: 7px;
    flex: 1;
    aspect-ratio: 1/1;
    overflow: unset;
}
.offerF.resume_info .blur_img {
    margin-left: auto;
    margin-right: 20px;
    width: 85px;
    height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0;
    top: 46px;
    right: 0;
}
.offerF .blur_img .checkmark {
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 20px;
}
.offerF .blur_img .text {
    font-size: 13px;
    color: var(--line-e3e2e2);
}
.offerF .blur_img .text.ios {
    position: relative;
    top: 1px;
}
.offerF .blur_img input:checked ~ .checkmark {
    background-color: transparent;
    border: 1px solid var(--color-red-m);
}
.offerF .blur_img input:checked ~ .checkmark:after,
.offerF.resume_info .fieldset :where(.pos-name, .pos-phone) .field.w2 .right input:checked ~ .checkmark:after {
    content: unset;
}
.offerF .blur_img input:checked ~ .text {
    color: var(--color-red-m);
}
.offerF.resume_info .fieldset :where(.pos-name, .pos-phone) .field.w2 .right {
    padding: 0;
    height: 100%;
    border: none;
}
.offerF.resume_info .fieldset :where(.pos-name, .pos-phone) .field.w2 .right label {
    height: 100%;
    display: flex;
    align-items: center;
}
.offerF.resume_info .fieldset :where(.pos-name, .pos-phone) .field.w2 .right .checkmark {
    top: 50%;
    transform: translateY(-50%);
    border: none;
    width: 14px;
    height: 12px;
    background-image: url(/res/svg/m_hidden.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.offerF.resume_info .fieldset :where(.pos-name, .pos-phone) .field.w2 .right input:checked ~ .checkmark {
    background-image: url(/res/svg/m_hidden_on.svg);
    border: none;
    background-color: transparent;
}
.offerF.resume_info .fieldset :where(.pos-name, .pos-phone) .field.w2 .right .text {
    font-size: 13px;
    letter-spacing: -0.6px;
    color: var(--color-696969);
}
.offerF.resume_info .fieldset :where(.pos-name, .pos-phone) .field.w2 .right input:checked ~ .text {
    color: var(--color-red-m);
}
.offerF.resume_info .fieldset :where(.pos-name, .pos-phone) .field.w2 .right .text.ios {
    position: relative;
    top: 1px;
}
.offerF.detail_info .body.wr,
.offerF.resume.detail_info .body {
    padding: 0 0 10px 0;
    position: relative;
}
.offerF.detail_info .body.wr::after,
.offerF.resume.detail_info .body::after {
    content: '';
    width: 100%;
    height: 10px;
    background-color: var(--line-f9f9f9);
    position: absolute;
    bottom: 0;
    left: 0;
}
.offerF .btnbox.resume button::after {
    content: '이력서 등록 완료';
}
.offerF .footer.resume .tt strong {
    color: var(--color-4a4c4d);
    font-weight: 700;
}
.offerF .footer.resume .cc {
    color: var(--color-696969);
    font-weight: 400;
}
._offer_p {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
._offer_p .offerPay.ad_info {
    margin-top: 0;
    padding: 55px 20px 0 20px;
}
._offer_p .offerPay h2 span {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.88px;
    color: var(--color-4a4c4d);
}
._offer_p :where(.offerPay.ad_info, #payform section) {
    box-shadow: unset;
}
._offer_p .offerPay .body {
    margin-top: 30px;
}
._offer_p .mode_box.mobile .item {
    width: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
._offer_p .mode_box.mobile .item .photo {
    width: 23.376623376623377% !important;
    height: 0 !important;
    padding-bottom: 23.38%;
}
._offer_p .mode_box.mobile .item .photo .none_image {
    position: absolute;
    top: 0;
    left: 0;
}
._offer_p .mode_box.mobile .item .photo img {
    width: 100% !important;
    height: 100% !important;
}
._offer_p .mode_box.mobile .m_boxing {
    flex-direction: unset !important;
    align-items: center !important;
}
._offer_p .mode_box.mobile .m_boxing .m_info {
    margin-bottom: unset;
}
#payform .offerPay {
    flex-direction: column;
    margin-top: 0;
}
#payform .offerPay .wleft {
    order: 2;
}
#payform .offerPay .wright {
    order: 1;
    width: 100%;
    padding: 0;
}
#payform .offerPay .wright .body {
    margin-top: 0;
    padding: 0 20px;
}
#payform .offerPay .wright .body ul {
    padding: 25px;
    border-radius: 10px;
    background-color: var(--line-f9f9f9);
    gap: 15px;
    display: flex;
    flex-direction: column;
}
#payform .offerPay .wright :where(.optionTop, .optionBotton) {
    border: none;
    margin: 0;
    padding: 0;
}
#payform .offerPay .wright .totalPrice {
    padding-top: 20px;
    border-top: 1px solid var(--line-f5f5f5);
    align-items: flex-end;
}
#payform .offerPay .wright :where(.key, .val) {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.52px;
    color: var(--color-4a4c4d);
}
#payform .offerPay .wright .totalPrice :where(.key, .val) {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.64px;
    color: var(--color-4a4c4d);
}
#payform .offerPay .wright .totalPrice .key u {
    padding-top: 3px;
    color: var(--color-4a4c4d);
    font-weight: 300;
}
#payform .offerPay .wright .totalPrice .val {
    color: var(--color-red-m);
}
#payform .offerPay .wright .btnbox {
    margin-top: 0;
    position: absolute;
    bottom: 289px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
#payform .offerPay .wleft {
    padding: 30px 0 0 0;
}
#payform .offerPay .wleft :where(.header, .body) {
    padding: 0 20px;
}
#payform .offerPay .wleft :where(.body.cash, .fieldset) {
    margin-top: 0;
}
#payform .offerPay .wleft .fieldset > li {
    align-items: center;
    height: 80px;
    border-bottom: 1px solid var(--line-f5f5f5);
    margin-top: 0;
    gap: 10px;
}
#payform .offerPay .wleft .fieldset li:not(.pos-re_option, .pos-re_option_value) {
    display: flex;
}
#payform .offerPay .wleft .fieldset li .name {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.6px;
    color: var(--color-4a4c4d);
    width: 120px;
}
#payform .offerPay .wleft .fieldset li .field {
    flex: 1;
}
#payform .offerPay .wleft .fieldset :where(.field, .field input, .field .Custom-select, .field .Custom-select .title) {
    height: 100%;
    padding: 0;
    border: none;
    font-size: 14px;
}
#payform .offerPay .wleft .tips {
    margin-top: 228px;
    padding: 30px 30px 70px 30px;
    background-color: var(--line-f9f9f9);
}
#payform .offerPay .wleft .tips :where(h2, p) {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.52px;
}
#payform .offerPay .wleft .tips p {
    font-weight: 300;
    line-height: 1.54;
    padding-bottom: 0;
}
#payform .offerPay .wleft .tips p br {
    display: none;
}
#payform .offerPay .btnbox button {
    width: 200px;
    height: 70px;
    background-color: var(--color-white);
    border: 2px solid var(--color-red-m);
    font-size: 0;
    border-radius: 34px;
    position: relative;
}
#payform .offerPay .btnbox button::after {
    content: '무통장 입금 신청';
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.64px;
    color: var(--color-red-m);
}
main._offer_s {
    min-height: unset;
    height: 100%;
    position: fixed;
    overflow: hidden;
    top: 0%;
    left: 0;
    padding-bottom: 0;
}
main._offer_s.pay {
    position: unset;
    overflow: unset;
    top: unset;
    left: unset;
}
main._offer_s.non_top,
.offerSuccess {
    margin-top: 0;
}
.offerSuccess {
    box-shadow: none;
    height: 100%;
}
.offerSuccess.free {
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
}
.offerSuccess :is(.header, .body) {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 30px !important;
}
.offerSuccess .header .icon {
    font-size: 80px;
    padding: 29% 0 40px 0;
    color: var(--color-red-m);
}
.offerSuccess .header h2 {
    font-size: 22px;
    margin-bottom: 10px;
    color: var(--color-4a4c4d);
}
.offerSuccess .header .m_des_text {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.52px;
    color: var(--color-696969);
}
.offerSuccess .header .btnbox {
    padding: 42px 0 80px 0;
    border: none;
    gap: 10px;
    border-bottom: 1px solid var(--line-e3e2e2);
    width: 100%;
}
.offerSuccess.free .header .btnbox,
.offerSuccess.resume .header .btnbox {
    padding: 42px 0 70px 0;
}
.offerSuccess .header .btnbox a {
    width: 130px;
    height: 45px;
    border: none;
    border-radius: 22.5px;
    background-color: var(--color-red-m);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.56px;
    color: var(--color-white) !important;
    margin: 0;
}
.offerSuccess .header .btnbox a.postview {
    background-color: var(--line-f9f9f9);
    color: var(--color-696969) !important;
    border: none;
}
.offerSuccess .body,
.offerSuccess .body .explanationbox {
    margin: 0 !important;
}
.offerSuccess .body .explanationbox {
    width: 100%;
}
.offerSuccess.free .body .explanationbox,
.offerSuccess.resume .body .explanationbox {
    padding-top: 0;
    border-top: 1px solid var(--line-e3e2e2);
}
.offerSuccess .body .explanation ul {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.offerSuccess .body .explanation ul li {
    height: unset;
}
.offerSuccess .body .explanation li .key {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-4a4c4d);
    width: 82%;
}
.offerSuccess .body .explanation li .val {
    width: 25px;
    display: block;
    justify-content: flex-end;
}
.offerSuccess .body .explanation li .val a {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.56px;
    color: var(--color-4a4c4d);
}
.offerSuccess.pay .body .infobox {
    padding: 0;
    width: 100%;
}
.offerSuccess.pay .body .info {
    width: 100%;
    margin: 0;
}
.offerSuccess.pay .body .info ul {
    padding: 12px 0;
    margin: 0;
    border-bottom: 1px solid var(--line-e3e2e2);
}
.offerSuccess.pay .body .info ul li {
    height: 30px;
}
.offerSuccess.pay .body .info :where(.key, .val) {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-4a4c4d);
}
.offerSuccess.pay .body .info .val {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.56px;
}
.offerSuccess.pay .body .info .val.color-red {
    color: var(--color-red-m);
}
.offerSuccess.pay .tips {
    margin-top: 0;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
    border: none;
    background-color: var(--color-white);
}
.offerSuccess.pay .tips h2 {
    color: var(--color-red-m);
    font-weight: 600;
    font-size: 12px;
}
.offerSuccess.pay .tips p {
    color: var(--color-88888888);
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.48px;
    margin-top: 15px;
}
.offerSuccess.pay .tips p br {
    display: none;
}
.wrapper._mp_e {
    display: flex;
    min-height: unset;
}
.mpV.box-shadow {
    box-shadow: none;
}
.form-mp_member,
#withdrawal_pop {
    width: 100%;
    background: linear-gradient(0deg, rgba(249, 249, 249, 1) 70%, rgba(255, 255, 255, 1) 100%);
}
.mpV.member {
    margin-top: 0;
    background-color: transparent;
    padding-top: 30px;
}
.mpV .header {
    padding: 0 20px;
}
.mpV .header {
    border-bottom: none;
}
.mpV .header :where(h2, h2 span) {
    margin-right: auto;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.88px;
    color: var(--color-4a4c4d);
    display: flex;
    align-items: center;
}
.mpV .delete_all {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px;
}
.mpV .member_default {
    padding: 30px 0 0 0;
    border-bottom: none;
}
.mpV .photo-container {
    gap: unset;
    justify-content: center;
}
.mpV .file-photo .btn-file {
    background-image: url(/res/svg/m_mp_no_profile.svg);
}
.mpV .file-photo .btn-file ion-icon {
    display: none !important;
}
.mpV.member .fieldset {
    padding: 30px 20px 0 20px;
    gap: unset;
}
.mpV.member .fieldset li,
#withdrawal_pop .fieldset li {
    height: 73px;
    padding: 0 20px;
    border-radius: 16px;
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mpV.member .fieldset li:not(.pos-phone_auth):not(:first-child) {
    margin-top: 15px;
}
.mpV.member .fieldset .name,
#withdrawal_pop .fieldset .name {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.24px;
    margin-bottom: 5px;
    color: var(--color-888888);
}
.mpV.member .fieldset .readonly_box,
#withdrawal_pop .fieldset .readonly_box {
    height: auto;
    border: none;
    padding: 0;
    background-color: transparent;
}
.mpV .fieldset .field .text,
#withdrawal_pop .fieldset .field .text {
    font-size: 14px;
}
.mpV .fieldset .readonly_box .text,
#withdrawal_pop .fieldset .readonly_box .text {
    color: var(--color-4a4c4d);
}
.mpV.member .fieldset :where(.pos-account, .pos-phone, .pos-phone_auth, .pos-nickname),
#withdrawal_pop .fieldset .pos-account {
    position: relative;
}
.mpV.member .fieldset .pos-account .readonly_box,
#withdrawal_pop .fieldset .pos-account .readonly_box {
    position: unset;
}
.mpV.member .fieldset .pos-account .readonly_box .icon {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.mpV .fieldset .pos-phone.on,
#withdrawal_pop .fieldset .pos-account {
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.mpV .fieldset .pos-phone.on::after,
#withdrawal_pop .fieldset .pos-account::after {
    content: '';
    height: 1px;
    width: calc(100% - 40px);
    background-color: var(--line-f9f9f9);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.mpV .fieldset :where(.pos-phone .name.on, .pos-nickname .name.on) {
    display: none;
}
.mpV .fieldset .pos-phone_auth,
#withdrawal_pop .fieldset .pos-authcode {
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}
.mpV .fieldset .field.w2 :where(.left, .right),
.mpV .fieldset .pos-nickname .field {
    border: none;
}
.mpV.member .fieldset .field.w2 input,
.mpV .fieldset .pos-nickname .field {
    height: auto;
}
.mpV.member .fieldset .field.w2 input,
.mpV.member .fieldset .field.w2 input::placeholder {
    padding: 0;
    font-size: 14px;
}
.mpV .fieldset .field :is(.text_btn, .nickBtn),
#withdrawal_pop .fieldset .auth-btn {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 59px !important;
    height: 37px !important;
    border-radius: 18.5px;
    background-color: var(--line-f9f9f9);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.24px;
    color: var(--color-696969) !important;
}
.mpV .fieldset .field .text_btn.request_e,
.mpV .fieldset .pos-phone_auth .text_btn.auth {
    background-color: var(--pt-bg-1);
    color: var(--pt-color-1) !important;
}
.mpV .fieldset .field .text_btn.request_e.re_request {
    color: var(--color-696969) !important;
    background-color: var(--line-f9f9f9);
}
.mpV .fieldset .pos-nickname .overlap_text {
    margin-right: 70px;
}
.mpV .fieldset li.pos-consent {
    flex-direction: unset;
    position: relative;
}
.mpV .fieldset .pos-consent .name {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.28px;
    color: var(--color-888888);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.mpV .fieldset .pos-consent .field {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
}
.mpV .fieldset .pos-consent label {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
}
.mpV .fieldset .pos-consent label .text {
    display: none;
}
.mpV .fieldset .pos-consent label.radioStyle .checkmark {
    width: 59px;
    height: 37px;
    border-radius: 18.5px;
    background-color: var(--line-f9f9f9);
    border: none;
    margin-right: 0 !important;
}
.mpV .fieldset .pos-consent label.radioStyle .checkmark::before {
    content: unset !important;
}
.mpV .fieldset .pos-consent label .checkmark::after {
    content: '미동의';
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.24px;
    color: var(--color-696969);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: unset;
}
.mpV .fieldset .pos-consent label input:checked ~ .checkmark {
    background-color: rgba(246, 54, 91, 0.03);
}
.mpV .fieldset .pos-consent label input:checked ~ .checkmark::after {
    content: '동의';
    color: var(--color-red-m);
}
.mpV .fieldset .m_withdrawal button {
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    text-align: left;
    font-size: 14px;
    letter-spacing: 0.28px;
    color: var(--color-red-m);
    border: none;
}
.mpV.member .footer {
    padding: 60px 0 70px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
.mpV.member .footer button {
    width: 200px;
    height: 68px;
    border-radius: 34px;
    background-color: var(--line-e3e2e2);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.32px;
    color: var(--color-white);
    margin-left: 0;
}
#withdrawal_pop {
    width: 100%;
    height: 100%;
}
#withdrawal_pop h2 {
    padding: 30px 25px 0 25px;
    gap: 10px 0;
}
#withdrawal_pop h2 .m_title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.24px;
    color: var(--color-4a4c4d);
}
.withdrawal_icon {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    display: inline-block;
    background-image: url(/res/svg/withdrawal_pop.svg);
    background-repeat: no-repeat;
    background-position: center;
}
#withdrawal_pop h2 p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-696969);
}
#withdrawal_pop .withdrawal {
    width: 100%;
    padding: 50px 20px 0 20px;
}
#withdrawal_pop .fieldset {
    gap: unset;
}
#withdrawal_pop .pos-authcode input {
    border: none;
    padding: 0;
    font-size: 14px;
    letter-spacing: 0.28px;
}
#withdrawal_pop .pos-authcode input::placeholder {
    font-size: 14px;
    letter-spacing: 0.28px;
    color: var(--line-e3e2e2);
}
#withdrawal_pop .fieldset .auth-btn {
    justify-content: center;
    background-color: var(--pt-bg-1);
    color: var(--pt-color-1) !important;
}
#withdrawal_pop .btn_box {
    margin-top: 60px;
}
#Layer #withdrawal_pop .withdrawal_submit {
    position: unset;
    top: unset;
    right: unset;
    width: 200px !important;
    height: 68px !important;
    border-radius: 34px;
    background-color: var(--line-e3e2e2) !important;
    font-size: 16px;
    letter-spacing: 0.32px;
}
#Layer #withdrawal_pop .withdrawal_submit::after {
    content: unset;
}
#Layer #withdrawal_pop .withdrawal_submit.on {
    background-color: var(--color-4a4c4d) !important;
}
.mpV.bk {
    margin-top: 0;
}
.mp_nav_container {
    padding: 30px 0 40px 0;
    flex-direction: column;
    border-bottom: 1px solid var(--line-f5f5f5);
}
.mp_nav_container .title {
    padding: 0 25px;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -0.88px;
    color: var(--color-4a4c4d);
}
.mp_nav_container .title .user {
    font-weight: 700;
}
.m_welcome_icon {
    margin-left: 10px;
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(/res/svg/m_wel_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
}
.mp_nav {
    padding: 0 20px;
    overflow-x: scroll;
    width: 100%;
    gap: 40px;
    margin-top: 40px;
}
.mp_nav::-webkit-scrollbar {
    display: none;
}
.mp_nav .item {
    flex-direction: column;
    align-items: center;
}
.mp_nav .item .icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: var(--line-f9f9f9);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
    position: relative;
    top: 2px;
}
.mp_nav .item .icon.my_post {
    background: url(/res/svg/nav_post_off.svg);
}
.mp_nav .item.on .icon.my_post {
    background: url(/res/svg/nav_post_on.svg);
}
.mp_nav .item .icon.bookmark {
    background: url(/res/svg/nav_bookmark_off.svg);
}
.mp_nav .item.on .icon.bookmark {
    background: url(/res/svg/nav_bookmark_on.svg);
}
.mp_nav .item .icon.payment {
    background: url(/res/svg/nav_payment_off.svg);
}
.mp_nav .item.on .icon.payment {
    background: url(/res/svg/nav_payment_on.svg);
}
.mp_nav .item .icon.black_l {
    background: url(/res/svg/nav_black_off.svg);
}
.mp_nav .item.on .icon.black_l {
    background: url(/res/svg/nav_black_on.svg);
}
.mp_nav .item .icon.recent {
    background: url(/res/svg/nav_recent_off.svg);
}
.mp_nav .item.on .icon.recent {
    background: url(/res/svg/nav_recent_on.svg);
}
.mp_nav .item .text {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.24px;
    color: var(--color-4a4c4d);
    white-space: nowrap;
}
.mpV.bk .header {
    margin-top: 50px;
    position: relative;
}
.mpV .pbb_l {
    margin-top: 30px;
    gap: 10px;
    padding-bottom: 50px;
}
.mpV .pbb_l li {
    border-bottom: none;
    position: relative;
}
.mpV .pbb_l .item {
    padding-left: 0;
    flex: 1;
    padding: 0 20px;
}
.mpV .pbb_l .item .content {
    flex: 1;
}
.mpV .pbb_l .photo-box {
    width: 70px;
    height: 70px;
}
.mpV .pbb_l.type_i .photo-box {
    border-radius: 50%;
}
.mpV .pbb_l .item .description {
    flex: 1;
    flex-direction: column-reverse;
}
.mpV .pbb_l .item .description .title {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.64px;
    color: var(--color-4a4c4d);
    width: 90%;
}
.mpV .pbb_l .description .info :where(.name, .age, .local, .type) {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.52px;
    color: var(--color-696969);
}
.mpV .pbb_l .item .description .info .split {
    margin: 0 10px;
}
.mpV .pbb_l .item .description .info .split.dot {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    border-right: unset;
    background-color: var(--color-696969);
}
.mpV .pbb_l .paybox {
    margin-left: 10px;
}
.mpV .pbb_l.type_i .payicon {
    border-radius: 10.5px;
    width: 37px;
    font-size: 11px;
    margin-right: 6px;
    background-color: var(--line-f9f9f9);
    border: 1px solid var(--line-f9f9f9);
    color: var(--color-4a4c4d);
}
.mpV .pbb_l .delete_post {
    position: absolute;
    width: 51px;
    height: 51px;
    top: 10px;
    right: 0;
    border-radius: 50%;
}
.mpV .pbb_l .delete_post .x-btn {
    background: url(/res/svg/m_mp_x_btn.svg);
}
.mp_none_list {
    height: 450px !important;
}
.mpV .pbb_l.type_i .name {
    color: var(--color-4a4c4d);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.64px;
}
.mpV .pbb_l.type_i .item .description {
    gap: 10px;
}
.mpV .pbb_l.type_i .item .description > .name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width: 80%;
}
.mpV .pbb_l.type_i .description .info :where(.local, .type, .pay) {
    color: var(--color-696969);
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.52px;
}
.ph_list {
    margin-top: 25px;
    padding-bottom: 50px;
}
.ph_list .item {
    gap: 20px;
    height: 100px;
    border: none;
    padding: 0 20px;
}
.ph_list .ad_container {
    height: auto;
    border: none;
    padding: 0;
    display: grid;
    grid-template-areas:
        'content content content'
        'date date status';
    gap: 7px 0;
    flex: 1;
    position: relative;
}
.ph_list .ad_container::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--line-f5f5f5);
    position: absolute;
    bottom: -28px;
    right: 0;
}
.mp_payment_icon {
    width: 52px;
    height: 52px;
    background: url(/res/svg/m_payment.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.ph_list .content {
    order: 1;
    grid-area: content;
}
.ph_list .date {
    order: 2;
    grid-area: date;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.52px;
    color: var(--color-696969);
}
.ph_list .date .time {
    font-weight: 300;
}
.ph_list .status {
    order: 3;
    grid-area: status;
    margin-left: auto;
    width: unset;
    height: unset;
    border-radius: unset;
    font-family: 'Apple SD Gothic Neo', 'SDGothicNeo', sans-serif;
    background-color: unset !important;
    box-shadow: none;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.52px;
}
.ph_list .waiting .status {
    color: var(--color-696969);
}
.ph_list .content :where(.ad_box span, .ad_price) {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.64px;
    color: var(--color-4a4c4d);
}
.ph_list .content .ad_price {
    font-weight: 700;
}
.ph_list .complete .content .ad_price {
    color: var(--color-red-m);
}
._cm_l {
    min-height: unset;
}
._cm_l .list {
    margin-top: 0;
}
.cm_nav_container {
    padding: 50px 20px;
    flex-direction: column;
}
.cm_nav_container .title_box {
    z-index: 1;
    padding: 0 10px;
}
.cm_nav_container .title_box h2 {
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -0.96px;
    line-height: 1.4;
    color: var(--line-2b2b2b);
}
.cm_nav_container .title_box p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: -0.56px;
    color: var(--color-696969);
    margin-top: 5px;
}
.cm_title_img {
    background-position: center right;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 149px;
    right: 0;
    width: calc(100vw * 0.531764);
    height: calc(100vw * 0.3411764);
    opacity: 0.9;
}
.cm_title_img.img1 {
    background-image: url(/res/images/cm/m_sooda_img.svg);
}
.cm_title_img.friend {
    background-image: url(/res/images/cm/m_friend_img.svg);
}
.cm_title_img.img2 {
    background-image: url(/res/images/cm/m_btalk_img.svg);
}
.cm_title_img.knowhow {
    background-image: url(/res/images/cm/m_knowhow_img.svg);
}
.cm_nav_container .cm_nav {
    margin-top: 50px;
    border: 2px solid var(--line-e3e2e2);
    border-radius: 20px;
    width: 100%;
    height: 100px;
    padding: 20px;
    justify-content: space-around;
    z-index: 1;
}
.cm_nav_container .cm_nav .item {
    flex-direction: column;
    position: relative;
}
.cm_nav_container .cm_nav .item .icon {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.cm_nav_container .cm_nav .item .icon.sooda {
    background-image: url(/res/svg/m_nav_sooda.svg?ver=4);
}
.cm_nav_container .cm_nav .item.on .icon.sooda {
    background-image: url(/res/svg/m_nav_sooda_on.svg?ver=4);
}
.cm_nav_container .cm_nav .item.on .icon.sooda ~ .text,
.cm_nav_container .cm_nav .item.on .icon.friend ~ .text {
    color: var(--color-red-m);
}
.cm_nav_container .cm_nav .item .icon.friend {
    background-image: url(/res/svg/m_nav_friend.svg?ver=4);
}
.cm_nav_container .cm_nav .item.on .icon.friend {
    background-image: url(/res/svg/m_nav_friend_on.svg?ver=4);
}
.cm_nav_container .cm_nav .item .icon.btalk {
    background-image: url(/res/svg/m_nav_btalk.svg?ver=4);
}
.cm_nav_container .cm_nav .item.on .icon.btalk {
    background-image: url(/res/svg/m_nav_btalk_on.svg?ver=4);
}
.cm_nav_container .cm_nav .item .icon.knowhow {
    background-image: url(/res/svg/m_nav_knowhow.svg?ver=4);
}
.cm_nav_container .cm_nav .item.on .icon.knowhow {
    background-image: url(/res/svg/m_nav_knowhow_on.svg?ver=4);
}
.cm_nav_container .cm_nav .item .icon.humor {
    background-image: url(/res/svg/m_nav_humor_box.svg?ver=4);
    background-size: 33px 33px;
}
.cm_nav_container .cm_nav .item.on .icon.humor {
    background-image: url(/res/svg/m_nav_humor_box_on.svg?ver=4);
}
.cm_nav_container .cm_nav .item.on .icon.knowhow ~ .text,
.cm_nav_container .cm_nav .item.on .icon.btalk ~ .text,
.cm_nav_container .cm_nav .item.on .icon.humor ~ .text {
    color: var(--pt-color-1);
}
.cm_nav_container .cm_nav .item .text {
    font-size: 12px;
    color: var(--line-2b2b2b);
    margin-top: 10px;
}
._cm_l .m_banner_title {
    padding: 0 20px;
}
._cm_l .m_banner_title span:last-child {
    font-weight: 400;
}
.notice_container {
    background-color: var(--line-f9f9f9);
}
.notice_container .item {
    padding: 0 20px;
}
.swiper .swiper-wrapper .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: touch;
}
.notice_container .item .num {
    width: 40px;
    height: 21px;
    border-radius: 10.5px;
    border: 1px solid rgba(136, 136, 136, 0.5);
    background-color: var(--line-f9f9f9);
    font-size: 11px;
    font-weight: 300;
    letter-spacing: -0.48px;
    color: rgba(136, 136, 136, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}
.notice_container .item .num.ios {
    padding-top: 1px;
}
.notice_container .item .num.android {
    padding-bottom: 1px;
}
.notice_container .item .title .text {
    max-width: 90%;
    color: var(--color-696969);
    letter-spacing: -0.56px;
    font-size: 13px;
    flex: unset;
}
.m_new.android {
    top: 1px;
}
._cm_l .list_body .row {
    height: auto;
    padding: 30px 20px;
    display: grid;
    grid-template-areas:
        'title title title title cmt'
        'content content content content content';
    gap: 15px;
}
._cm_l .list_body .row.imgTrue {
    grid-template-areas:
        'title title title title cmt'
        'content content content content content'
        'img img img img img';
}
._cm_l .list_body .row .title {
    grid-area: title;
    padding: 0;
}
._cm_l .list_body .row .title .text {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.64px;
    color: var(--color-4a4c4d);
    flex: unset;
    max-width: 85%;
}
._cm_l .list_body .row .m_comment {
    grid-area: cmt;
}
._cm_l .list_body .row .m_content {
    grid-area: content;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-696969);
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 13px;
}
._cm_l .list_body .row .m_imgbox {
    grid-area: img;
    gap: 5px;
    margin-top: 3px;
}
._cm_l .list_body .row .m_imgbox .photo-item {
    width: calc((100vw - 60px) * 0.164383561643836);
    height: 0;
    padding-bottom: 16.44%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
._cm_l .list_body .row .m_imgbox .photo-item img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
._cm_l .list_footer.page {
    padding: 30px 20px 90px 20px;
}
._cm_l .list.knowhow {
    padding-bottom: 90px;
}
._cm_l .list .review,
._cm_v .list .review {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
    padding: 0 20px;
    border-top: none;
}
._cm_l .list .review .mp_none_list_li,
._cm_v .list .review .mp_none_list_li {
    grid-column: span 2;
}
._cm_l .list .review .item,
._cm_v .list .review .item {
    padding: 0;
}
._cm_l .list .review .item:not(:last-child),
._cm_v .list .review .item:not(:last-child) {
    border: none;
}
._cm_l .list .bamtalk {
    padding: 0 20px;
}
.list .bamtalk .write {
    display: block;
    border-radius: 5px;
}
.list .bamtalk .write.on .nick {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-696969);
    padding: 20px 0 0 20px;
}
.list .bamtalk .write.on textarea {
    height: 97px;
    padding: 15px 20px 20px 20px;
}
.list .bamtalk .write .wbox {
    border-top: none;
    padding-bottom: 10px;
}
.list .bamtalk .write .wbox .count {
    padding-left: 20px;
    height: 32px;
}
.list .bamtalk .write .wbox button {
    width: 50px;
    height: 32px;
    border-radius: 5px;
    background-color: #4ebcb3;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.42px;
    margin-right: 10px;
}
._cm_l .list.bamtalk .list_footer {
    padding: 60px 0 70px 0;
    border-top: none;
}
._cm_l .list.bamtalk .list_footer .more-btn {
    margin-right: unset;
    width: 159px;
    height: 45px;
    border: solid 1px #4a4c4d;
    border-radius: 22.5px;
}
._cm_l .list.bamtalk .list_footer .more-btn span {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.64px;
    color: var(--color-4a4c4d);
}
._cm_v {
    display: flex;
}
#cmview,
#csview {
    width: 100%;
}
#cmview > section,
#csview > section {
    box-shadow: none;
    margin-top: 0;
    min-height: unset;
}
._cm_v .header,
._cs_v .header {
    padding: 30px 20px;
    color: var(--color-888888);
}
._cs_v :where(.faq_v, .qna_v) .header {
    padding: 30px 20px 60px 20px;
}
._cm_v .header .p_local,
._cs_v .header .p_local {
    font-size: 13px;
    letter-spacing: -0.52px;
}
._cm_v .header .p_local span,
._cs_v .header .p_local span {
    font-weight: 500;
}
._cm_v .header h1,
._cs_v .header h1 {
    -webkit-line-clamp: 2;
    width: calc(100vw - 100px);
    margin: 20px 0 50px 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.31;
    letter-spacing: -1.04px;
    color: var(--color-4a4c4d);
}
._cs_v .qna_v .header h1 {
    margin: 20px 0 0 0;
}
._cm_v :where(.header .register_box, .body .comment_box) .icon {
    width: 15px;
    height: 15px;
}
._cm_v .icon.time {
    background-image: url(/res/svg/icon-time.svg);
}
._cm_v .icon.view {
    background-image: url(/res/svg/icon-view.svg);
}
._cm_v .icon.smile,
._cm_v .icon.time {
    background-size: 18px 18px;
    top: 3px;
}
._cm_v .icon.view {
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
}
._cm_v .icon.time {
    top: 3px;
}
._cm_v .header .regi_info span,
._cs_v .header .regi_info span {
    font-weight: 500;
}
._cs_v .qna_v .body > .answer_box {
    margin: 0;
    padding: 70px 40px 70px 20px;
}
.cs-editform {
    margin-top: 50px;
}
._cm_v .btn-config,
._cs_v .btn-config {
    position: fixed;
    width: 55px;
    height: 55px;
    top: -55px;
    right: 55px;
    z-index: -1;
}
._cm_v .btn-config.active,
._cs_v .btn-config.active {
    z-index: 1000;
}
._cm_v .btn-config .relative,
._cs_v .btn-config .relative {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
._cm_v .btn-config .config-box,
._cs_v .btn-config .config-box {
    top: 110px;
    border-radius: 10px;
    box-shadow: 0px 1px 38px 0 rgb(0 0 0 / 5%);
    border: none;
    padding: 0;
    position: absolute;
    right: 0;
    display: none;
}
._cm_v .btn-config.active .config-box,
._cs_v .btn-config.active .config-box {
    display: flex;
    flex-direction: column;
    background-color: var(--color-white);
    gap: unset;
}
._cm_v .btn-config.active .config-btn .icon,
._cs_v .btn-config.active .config-btn .icon {
    opacity: 1;
}
._cm_v .btn-config a,
._cs_v .btn-config a {
    width: 200px;
    padding: 0 20px;
    height: 55px;
    border-top: 1px solid var(--line-f5f5f5);
    margin-top: 0;
}
._cm_v .btn-config .icon,
._cs_v .btn-config .icon {
    width: 18px;
    height: 18px;
}
._cm_v .btn-config .config-box a:first-child,
._cs_v .btn-config .config-box a:first-child {
    border-top: none;
    margin-top: 0;
}
._cm_v .btn-config a:not(:last-child),
._cs_v .btn-config a:not(:last-child) {
    border-right: none;
}
._cm_v .btn-config a :is(.icon, .text),
._cm_v .btn-config button .icon,
._cs_v .btn-config a :is(.icon, .text),
._cs_v .btn-config button .icon {
    opacity: 1;
}
._cm_v .btn-config a .text,
._cs_v .btn-config a .text {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.64px;
    color: var(--color-4a4c4d);
}
._cm_v .btn-config a .text.color-red,
._cs_v .btn-config a .text.color-red {
    color: var(--color-red-m);
}
._cm_v .btn-config .config-box a .icon,
._cs_v .btn-config .config-box a .icon {
    background-size: 18px 16px;
    margin-right: 0;
    margin-left: auto;
}
._cm_v .body > .content,
._cs_v .body > .content {
    padding: 50px 20px 50px 20px;
    color: var(--color-4a4c4d);
}
._cm_v #cmview.knowhow .body > .content {
    padding: 50px 20px 60px 20px;
    border-bottom: none;
    position: relative;
}
._cm_v #cmview.knowhow .body > .content::after {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--line-f9f9f9);
}
._cm_v .body > .content img,
._cs_v .body > .content img,
._cm_v .body > .content video,
._cs_v .body > .content video {
    width: 100%;
}
.comment_write {
    padding: 40px 20px 20px 20px;
    background-color: var(--color-white);
}
.comment_write .reply_count {
    margin-bottom: 15px;
    font-size: 20px;
    letter-spacing: 0.4px;
    color: var(--color-4a4c4d);
}
.comment_container form {
    border-radius: 5px;
    overflow: hidden;
}
.comment_container .comment_write form {
    height: 60px;
    transition: height ease 0.3s;
}
.comment_container .comment_write form.on {
    height: 169px;
}
.comment_container form .write_box {
    height: auto;
    border-top: unset;
    margin-bottom: 10px;
    padding: 0 10px 0 20px;
}
.comment_container form textarea {
    padding: 20px;
}
.comment_container :where(.reply_form.on, .modify_form.on) {
    padding: 0 !important;
    border-top: none;
    height: 169px;
}
.comment_container form .write_box label .checkmark {
    width: 14px;
    height: 11px;
    border-radius: unset;
    border: none;
    background-image: url(/res/svg/m_hidden.svg);
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}
.comment_container form .write_box label input:checked ~ .checkmark {
    background-image: url(/res/svg/m_hidden_on.svg);
    background-color: var(--color-white);
}
.comment_container form .write_box label input:checked ~ .checkmark::after {
    content: unset;
}
.comment_container form .write_box label .text {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.6px;
    color: var(--color-696969);
}
.comment_container form .write_box label input:checked ~ .text {
    color: var(--color-red-m);
}
.comment_container form .write_box button {
    width: 50px;
    height: 32px;
    border-radius: 5px;
    background-color: #4ebcb3;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.42px;
    color: var(--color-white);
}
.comment_container .reply_box {
    border-top: none;
    padding: 0 20px 70px 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.comment_container .reply_box::after {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--line-f9f9f9);
}
.comment_container .reply_box .item:not(:last-child) {
    border-bottom: none;
}
.comment_container .reply_box .item :where(.reply_form.on, .modify_form.on) {
    margin-top: 15px;
}
.comment_container .reply_box .comment_box {
    max-width: calc(100vw - 85px);
    border-radius: 3px 15px 15px 15px;
    padding: 20px;
    background-color: var(--pt-bg-1);
}
.comment_container .reply_box .item.reply {
    padding-left: 0;
    background-color: unset;
}
.comment_container .reply_box .item.reply .comment_box {
    padding: 20px;
    margin-left: 25px;
    border-radius: 15px;
    background-color: #f9f9f9;
}
.comment_container .reply_box .comment_box .writer_box .writer {
    margin-right: auto;
    display: flex;
    align-items: center;
}
.comment_container .reply_box .item.self .comment_box .writer span:not(.self),
.secret_icon {
    display: none;
}
.reply_icon {
    width: 14px;
    height: 11px;
    margin-right: 10px;
    display: inline-block;
    background-image: url(/res/svg/m_reply.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.comment_container .reply_box .comment_box .writer_box .writer span {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-888888);
}
.comment_container .reply_box .comment_box .writer_box > .write_t span {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-888888);
}
.comment_container .reply_box .comment_box .writer_box > .write_t .reply_btn.on {
    color: var(--color-red-m);
}
.comment_container .reply_box .item.self .comment_box .writer .self {
    color: var(--pt-color-1);
}
.comment_container .reply_box .item.secret .comment_box .writer .self::after,
.comment_container .reply_box .item.secret:not(.self) .comment_box .writer .nick::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    background-image: url(/res/svg/icon-lock.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    top: 2px;
}
.comment_container .reply_box .comment_box .writer_box > .write_t .icon {
    top: -1px;
    width: 12px;
    height: 12px;
    background-size: 15px 15px;
}
.comment_container .comment_box .content {
    font-size: 14px;
    line-height: 1.33;
    color: var(--color-4a4c4d);
    padding: 15px 0 0 0;
}
.comment_container .comment_box .btn_container {
    margin-top: 0;
}
.comment_container .comment_box .btn_container .md-btn {
    font-size: 13px;
    position: relative;
    margin-top: 15px;
}
.comment_container .comment_box .btn_container .md-btn::after {
    content: '';
    width: 1px;
    height: 1px;
    border-radius: 50%;
    background-color: var(--color-696969);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
._cm_v .more_list,
._cs_v .more_list {
    border-top: none;
    padding: 40px 0 40px 0;
}
._cm_v .m_banner_title,
._cs_v .m_banner_title {
    margin-bottom: 25px;
}
._cm_v .more_list .list_body .row,
._cs_v .more_list .list_body .row {
    border-top: none;
    padding: 0 20px;
    position: relative;
}
.more_list .row.now {
    background-color: rgba(246, 54, 91, 0.03);
}
/* ._cm_v .more_list .list_body .row::after {
    content: '';
    width: calc(100vw - 40px);
    height: 1px;
    background-color: var(--line-f5f5f5);
    position: absolute;
    bottom: 0;
    left: 20px;
} */
main:where(._cm_w, ._cs_w) {
    display: flex;
    min-height: unset;
}
main:where(._cm_w, ._cs_w) form {
    width: 100%;
}
main:where(._cm_w, ._cs_w) form .box-shadow {
    box-shadow: none;
}
main:where(._cm_w, ._cs_w) .offerF:is(.cm_write, .cs_write) {
    padding: 30px 0 0 0;
}
main:where(._cm_w, ._cs_w) .header :where(h2, h2 span) {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.88px;
    color: var(--color-4a4c4d);
    display: flex;
    align-items: center;
}
#editorbox {
    width: 100%;
}
main:where(._cm_w, ._cs_w) #editorbox textarea {
    border: none !important;
    border-top: 1px solid var(--line-f5f5f5) !important;
}
main._cs_w #editorbox textarea,
main:is(._cm_w, ._cs_w) .fr-box.fr-basic .fr-element {
    color: var(--color-4a4c4d);
}
main:where(._cm_w, ._cs_w) .offerF:is(.cm_write, .cs_write) .body {
    padding: 0 0 10px 0;
    position: relative;
}
main:where(._cm_w, ._cs_w) .offerF:is(.cm_write, .cs_write) .body::after {
    content: '';
    width: 100%;
    height: 10px;
    background-color: var(--line-f9f9f9);
    position: absolute;
    bottom: 0;
    left: 0;
}
main:where(._cm_w, ._cs_w) .offerF:is(.cm_write, .cs_write) .btnbox button {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.64px;
    color: var(--color-red-m);
}
main:where(._cm_w, ._cs_w) .offerF:is(.cm_write, .cs_write) .btnbox button::after {
    content: unset;
}
._cs_c {
    display: flex;
    min-height: unset;
}
._cs_l .list.notice {
    width: 100%;
    margin-top: 0;
}
._cs_l #notice,
._cs_l #faq_board {
    padding-bottom: 90px;
}
.cs_nav_container {
    flex-direction: column;
    padding: 40px 0 0 0;
    border-bottom: 1px solid var(--line-e3e2e2);
}
.cs_nav_container :where(.title_box, .cs_contact_box, .cs_nav) {
    padding: 0 20px;
}
.cs_nav_container h2 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1.2px;
    color: var(--line-2b2b2b);
}
.cs_nav_container p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-696969);
    margin-top: 12px;
}
.cs_contact_box {
    gap: 10px;
    margin-top: 47px;
}
.cs_contact_box .contact-btn {
    flex: 1;
    width: 100%;
    height: 45px;
    border-radius: 10px;
    background-color: var(--line-f9f9f9);
    display: flex;
    align-items: center;
    justify-content: center;
}
.cs_contact_box .contact-btn.sns {
    background-color: #ffdc00;
}
.cs_contact_box .contact-btn .text {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.56px;
    color: var(--color-4a4c4d);
}
.cs_contact_box .contact-btn.sns .text {
    color: #402325;
}
.cs_contact_box .contact-btn .icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.cs_contact_box .contact-btn .icon.kakao {
    background-image: url(/res/svg/cs_kakao_icon.svg);
}
.cs_contact_box .contact-btn .icon.phone {
    background-image: url(/res/svg/cs_phone_icon.svg);
}
.cs_nav_container .cs_nav {
    margin-top: 30px;
    height: 45px;
    overflow-x: scroll;
    gap: 40px;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-around;
}
.cs_nav_container .cs_nav::-webkit-scrollbar {
    display: none;
}
.cs_nav_container .cs_nav .item {
    height: 100%;
    position: relative;
}
.cs_nav_container .cs_nav .item.on::after {
    content: '';
    width: 100%;
    height: 4px;
    background-color: var(--line-2b2b2b);
    position: absolute;
    bottom: -1px;
    left: 0;
}
.cs_nav_container .cs_nav .item .text {
    font-size: 14px;
    font-weight: 400;
    color: rgba(74, 76, 77, 0.9);
    white-space: nowrap;
}
._cs_l .list.notice .list_body,
._cs_v .list.notice .list_body {
    padding: 20px 0 0 0;
}
._cs_l .list.notice .row,
._cs_v .list.notice .row {
    padding: 31px 20px;
    display: grid;
    grid-template-areas:
        'title title title icon'
        'date date date date';
    gap: 10px 0;
    height: auto;
}
._cs_l .list.notice.faq .row,
._cs_v .list.notice.faq .row {
    grid-template-areas:
        'title title title icon';
    gap: 0;
    padding: 35px 20px 31px 20px;
}
._cs_l .list.notice .row .title,
._cs_v .list.notice .row .title {
    grid-area: title;
    max-width: 80%;
}
._cs_l .list.notice .row .title span,
._cs_v .list.notice .row .title span {
    -webkit-line-clamp: 2;
    line-height: 1.55;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.64px;
    color: var(--color-4a4c4d);
}
._cs_l .list.notice .row .plus_icon,
._cs_v .list.notice .row .plus_icon {
    grid-area: icon;
    width: 14px;
    height: 14px;
    position: relative;
    margin-left: auto;
    margin-bottom: auto;
    top: 3px;
}
._cs_l .list.notice .row .plus_icon .width,
._cs_v .list.notice .row .plus_icon .width {
    width: 100%;
    height: 2px;
    background-color: var(--line-e3e2e2);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
._cs_l .list.notice .row .plus_icon .height,
._cs_v .list.notice .row .plus_icon .height {
    width: 2px;
    height: 100%;
    background-color: var(--line-e3e2e2);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
._cs_l .list.notice .row .date,
._cs_v .list.notice .row .date {
    grid-area: date;
    width: 100%;
    height: unset;
    margin-left: unset;
    background: unset;
    transform: unset;
    text-align: unset;
    justify-content: flex-start;
}
._cs_l .list.notice .row .date span,
._cs_v .list.notice .row .date span {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-888888);
}
._cs_l .list.notice .list_footer {
    padding: 30px 20px 70px 20px;
}
._cs_l .list.qna .row .title span {
    -webkit-line-clamp: 1;
    flex: unset;
}
._cs_l .list.qna .row .status {
    grid-area: icon;
    width: 50px;
    height: 29px;
    border-radius: 14.5px;
    background-color: var(--color-white);
    font-family: 'Apple SD Gothic Neo', 'SDGothicNeo', sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.48px;
    padding: 0;
    margin-left: auto;
    margin-bottom: auto;
    position: relative;
    top: -2px;
}
._cs_l .list.qna .row .status.done {
    border: 1px solid var(--color-red-m);
}
._cs_l .list.qna .row .status.waiting {
    border: 1px solid var(--line-e3e2e2);
    color: var(--color-696969);
}
._cs_l .list.qna .post-btn {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - 40px);
    height: 50px;
    border-radius: 10px;
    border: none;
    background-color: var(--color-4a4c4d);
    font-size: 0;
    z-index: 110;
}
._cs_l .list.qna .post-btn::after {
    content: '1:1 문의 작성하기';
    font-size: 15px;
    letter-spacing: -0.6px;
    color: var(--color-white);
}
._cs_v.ad {
    flex-direction: column;
}
.padding_top_25 {
    padding-top: 25px;
}
#csview {
    width: 100%;
}
._cs_v .header .date {
    font-size: 13px;
    letter-spacing: 0.26px;
    color: var(--color-696969);
}
._cs_v .body > .content {
    min-height: unset;
    line-height: 1.73;
    letter-spacing: -0.6px;
    color: var(--color-4a4c4d);
    border-bottom: none;
    border-bottom: 1px solid var(--line-f5f5f5);
}
._cs_v .faq_v .body > .content,
._cs_v .notice_v .body > .content {
    border-bottom: none;
    position: relative;
}
._cs_v .faq_v .body > .content::after,
._cs_v .notice_v .body > .content::after {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--line-f9f9f9);
}
._cs_v div:not(.qna_v) .body > .content {
    min-height: 600px;
}
._cs_v #editorbox {
    padding: 0 0 70px 0;
}
._cs_v .btnbox button {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.64px;
    color: var(--color-red-m);
    height: 70px;
    background-color: var(--color-white);
    border: 2px solid var(--color-red-m);
    border-radius: 34px;
}
._cs_v :where(.ad_info, .ad_placement) {
    box-shadow: none;
    margin-top: 0;
}
._cs_v .ad_info .m_header {
    padding: 70px 20px 50px 20px;
    flex-direction: column;
}
._cs_v .ad_info .m_header h2,
._cs_v .ad_placement .header h2 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -1.04px;
    color: var(--line-2b2b2b);
    display: flex;
    align-items: center;
}
._cs_v .ad_info .m_header p,
._cs_v .ad_placement .header p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-696969);
    margin-top: 11px;
}
._cs_v .ad_info .body {
    padding: 0 20px 70px 20px;
}
.ad_process {
    flex-direction: column;
    gap: 25px;
}
.ad_process .item {
    gap: 30px;
}
.ad_process .item .number {
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background-color: var(--line-e3e2e2);
    font-size: 15px;
    font-weight: 500;
    color: var(--color-4a4c4d);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ad_process .item:not(:last-child) .number::after {
    content: '';
    width: 1px;
    height: 25px;
    background-color: var(--line-e3e2e2);
    position: absolute;
    left: 50%;
    bottom: -25px;
    transform: translateX(-50%);
}
.ad_process .item .description strong {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.64px;
    color: var(--color-4a4c4d);
}
.ad_process .item .description p {
    font-weight: 300;
    letter-spacing: -0.56px;
    color: var(--color-888888);
    margin-top: 6px;
    font-size: 13px;
}
._cs_v .ad_placement {
    background-color: var(--line-f9f9f9);
}
._cs_v .ad_placement .header {
    padding: 55px 20px 30px 20px;
}
._cs_v .ad_placement .body {
    padding: 0;
}
._cs_v .ad_placement .m_ad_pm {
    flex-direction: column;
    align-items: center;
}
._cs_v .ad_placement .m_ad_pm .adnav {
    padding: 0 20px;
    width: 100%;
    height: 55px;
    justify-content: space-between;
    background-color: var(--line-f9f9f9);
    z-index: 100;
    position: sticky;
    top: 0;
}
._cs_v .ad_placement .m_ad_pm .adnav.st_height {
    height: 55px;
    background-color: rgba(249, 249, 249, 0.9);
    background: linear-gradient(180deg, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 0.9) 25%, rgba(249, 249, 249, 0.9) 50%, rgba(249, 249, 249, 0.9) 75%, rgba(249, 249, 249, 0.9) 100%);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    box-shadow: 0 10px 10px rgb(249 249 249 / 90%);
}
._cs_v .ad_placement .m_ad_pm .adnav.st_height button {
    z-index: 1;
}
._cs_v .ad_placement .m_ad_pm .adnav.scroll_up {
    top: 55px;
}
._cs_v .ad_placement .m_ad_pm .adnav button {
    width: 80px;
    height: 38px;
    border-radius: 18px;
    box-shadow: 0px 3px 15px 0 rgba(136, 136, 136, 0.1);
    background-color: var(--color-white);
    color: #4a4c4d;
    border: none;
}
._cs_v .ad_placement .m_ad_pm .adnav button.active {
    background-color: var(--line-2b2b2b);
    font-weight: 700;
    color: var(--color-white);
}
._terms_v {
    display: flex;
}
#etcview section.wrapper {
    box-shadow: none;
    margin-top: 0;
}
#etcview .header {
    padding: 20px;
    border: none;
}
#etcview .header h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.96px;
    color: var(--color-4a4c4d);
}
#etcview .body .content {
    padding: 35px 40px 55px 20px;
}
#recommend {
    padding: 50px 0 60px 0 !important;
    position: relative;
}
#recommend::after {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--line-f9f9f9);
}
#offerview #recommend::after {
    content: unset;
}
#recommend .m_banner_title .title span,
.more_list .m_banner_title .title span{
    font-size: 19px;
    font-weight: 700;
    color:var(--color-4a4c4d);
}
.list .recommend {
    border-top: none;
    padding: 0 0 20px 0;
    gap: 0px;
}
.list .recommend li,
.list .recommend .item {
    width: 100vw;
}
.list .recommend .item {
    padding: 0 0 0 20px;
    border-radius: unset;
}
.list .recommend .photo {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    width: 70px;
    height: 70px;
    margin-left: unset;
}
.list .recommend .photo img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}
.list .recommend .item .description {
    display: grid;
    grid-gap: 10px 0;
    padding: 30px 20px 30px 0;
    border-bottom: 1px solid var(--line-f9f9f9);
    margin-left: 20px;
}
.list .recommend .item .m_title {
    max-width: 80%;
}
.list .recommend .item h3 {
    max-width: 80%;
    margin: 0 !important;
    font-size: 13px;
    font-weight: 300;
}
.list .recommend .item .m_boxing .m_info {
    position: relative;
    top: 2px;
}
.list .recommend .item .m_boxing .m_info span {
    font-size: 13px;
    font-weight: 300;
}
.split_dot {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    margin: 0 10px;
    background-color: var(--color-4a4c4d);
}
.list .recommend .item .paybox {
    position: relative;
    top: 2px;
}
.list .recommend .item .payicon {
    /* border: none;
    background-color: unset;
    width: auto;
    height: auto;
    color: var(--color-4a4c4d);
    font-weight: 700; */

    border-radius: 10.5px;
    width: 37px;
    font-size: 11px;
    margin-right: 6px;
    background-color: var(--line-f9f9f9);
    border: 1px solid var(--line-f9f9f9);
    color: var(--color-4a4c4d);
}
/* .list .recommend .item .payicon.android {
    padding-bottom: unset;
} */
.list .recommend .item .paybox .pay {
    font-size: 13px;
    font-weight: 300;
}

.event_popup {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    transform: unset;
}
.event_popup .event_body {
    width: calc(100vw - 60px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.event_popup .event_content {
    display: block;
    border-radius: 16px;
    overflow: hidden;
}
.event_popup .btn_box {
    position: absolute;
    top: -40px;
    left: 0;
    height: auto;
    justify-content: flex-start;
    border: none;
}
.event_popup .btn_box a {
    flex: unset;
    width: unset;
}
.event_popup .btn_box a.todayClose {
    padding: 0 10px;
    margin-right: auto;
    background-color: transparent;
    color:var(--color-white);
}
.event_popup .btn_box a.todayClose .text {
    font-weight: 400;
}
.event_popup .btn_box a.closeEvent {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
}
.event_popup .btn_box .closeEvent .text {
    font-size: 0;
    background-image: url(/res/svg/m_layer_x_w.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 15px;
    width: 100%;
    height: 100%;
}
@media (max-width: 374px) {
    .m_layer .btnBox:not(.non) {
        flex-direction: column;
        align-items: flex-end;
    }
    .m_layer .btnBox .ex {
        margin-right: unset;
    }
    .m_layer .btnBox.non .mo_btn {
        width: 100%;
        flex: 1;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cs_bk :where(.m-cs, .m-bk) {
        padding: 10px 20px;
        display: grid;
        grid-template-columns: 50px auto;
    }
    .cs_bk .icon {
        grid-row: span 2;
    }
    .f-copy {
        display: block;
    }
    .f-copy .bt {
        margin: 0;
    }
    #platinum .item :is(.photo, .photo img) {
        width: 80px;
        height: 80px;
    }
    #premium .item {
        height: 165px;
    }
    .banner .m_boxing {
        flex-direction: column;
        align-items: flex-start;
    }
    .banner .m_boxing .m_info {
        margin-bottom: 5px;
    }
    #special .item {
        height: 150px;
    }
}