/* 가장 큰 테이블 th 크기 조절 */
.operation-data__th .space-between-line { margin: 20px auto; }
.operation-data__th p { font-size: 16px; color: #666666; font-weight: normal; margin-top: 5px; }

/* 텍스트 위 공간 */
.operation-data__td .space_require_text { margin-top: 20px }

/* checkbox css */
.change_box_location .checkbox_input { display: none; }
.change_box_location .checkbox_input:checked + .checkbox_label .label_icon { border-color: #111;
    background: url(../../images/icon_input_checked.svg) no-repeat center center #111 }
.change_box_location .checkbox_label { display: inline-flex; align-items: center; padding: 10px;}
.change_box_location .checkbox_label .label_icon { width: 20px; height: 20px; box-sizing: border-box; border: solid 1px #999; background-color: #fff; }
.change_box_location .checkbox_label .label_text { margin-right: 12px; font-weight: bold; color: #111111; }

/* login */
.a-button-space { margin: 10px auto;}
.login__util .login-check-box { width: 16px; height: 16px;}
.login__util .login-check-text { font-size: 16px;}
.join--sub-title { margin: 25px auto; text-align: center; font-size: 22px;}
.join--term--text { text-align: center; font-size: 18px; margin: 20px auto; }

/* select */
.pub-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.dimBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000;opacity:.5;}
.pub-popup > .popup-wrap { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%);}
.pub-popup > .custom-popup-wrap { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); overflow: auto; }
.popup-twin-benefit { min-height: 146px !important;}
.red-txt { color: #d83946; margin: 2px; text-align: left;}

/* agreement */
.terms-box { width:100%; position: relative; height:400px; overflow-x: auto;}
.terms-box .info-wrap { width: auto; }
.terms-box .title { margin-top: 0; margin-bottom: 50px; }
.terms-box .title__text { font-size: 35px; }
.terms-box .info-tit { font-size: 30px; }
.terms-box .join__desc { font-size: 15px; }
.terms-box .floating-button { display: none; }
.join-sub-text { margin: 30px 0; font-size: 20px; font-weight: bold;}

/* popup */
.check-popup-wrap { width: 450px; min-height: 385px; flex-grow: 0; padding:40px 35px; border: solid 1px #111; background-color: #fff; }
.check-popup-header { text-align: center!important; }
.check-popup-title { float: none!important; display: inline-block!important; }
.check-popup-table { border-spacing: 15px; margin: 20px 0; }
.check-popup-th { width: 165px; height: 56px; padding: 15px; font-size: 15px; border-bottom: 1px solid #b3b3b3; background-color: #f8f8f8; font-weight: normal; color: #666; box-sizing: border-box; text-align: left; }
.check-popup-td { width: 222px; height: 56px; border-bottom: 1px solid #b3b3b3; }
.check-popup-input { margin: 0 17px; font-size: 18px; font-weight: 500; text-align: left; color: #111 }
.check-popup-input::placeholder { font-size: 15px; }
.check-popup-text { font-size: 15px; font-weight: normal; text-align: center; color: #111; margin: 5px; }
.check-popup-btn { width: 200px; height: 50px; margin: 30px auto 0;}
.renewal-popup-wrap {  width: 460px; height: 700px; flex-grow: 0; padding:40px 20px; border: solid 1px #111; background-color: #fff; overflow: auto }
.pub-popup .select-box { width: 95% !important; text-align: left !important; margin: 0 17px !important; }
.popup-term .terms-wrap { width: 400px; margin: auto; background-color: #f3f3f3; }
.popup-term .terms-box { height: 200px; }
.popup-term .a-checkbox__text { font-size: 15px !important; }
.popup-term .a-checkbox__icon { width: 15px !important; height: 15px!important; }
.popup-term .info-desc { font-size: 12px !important; }
.popup-term .join__desc { font-size: 12px !important; }
.popup-term .info-subtit { font-size: 18px !important; }
.popup-term .title__text { font-size: 28px !important; }
.popup-notice-red-text { text-align: center; font-size: 18px; color: #d83946; font-weight: bold; margin: 5px; }
.popup-notice-text { font-size: 15px; text-align: center; }
.ticket-popup-container { display: flex; }
.ticket-popup { display: inline-flex; width: 195px; margin: 10px; text-align: center; border: 1px solid #ababab; border-radius: 8px; height: 58px; }
.ticket-popup-text { margin: auto; font-size: 15px }
.ticket-popup-text.ticket-left { width: 85%; }
.ticket-popup .arrow-right { width: 5px; height: 100%; flex-grow: 0; object-fit: contain; background: url(../../images/membership/arrow-right.svg) no-repeat center; margin: auto; }
.ticket-popup .arrow-right.ticket-right { width: 15%; }
.ticket-popup-wrap { width: 515px; height: 700px; padding: 35px 40px; border: solid 1px #111; background-color: #fff; }
.ticket-popup-wrap .left-text { height: 25px; margin: 34px 0 15px 0; font-size: 18px; font-weight: bold; line-height: 1.8; color: #111; text-align: left; }
.ticket-popup-wrap .center-text { height: 25px; font-size: 18px; font-weight: bold; line-height: 1.8; color: #111; text-align: center; }
.theatre--ticket-box-img { background: url(../../images/membership/theatre_ticketbox_sample.svg) no-repeat center; background-size: contain; width: 397PX; height: 160PX; flex-grow: 0; object-fit: contain; margin: 16px 129px 40px 0; }
.theatre--mobile-ticket-img { background: url(../../images/membership/theatre_mobile_sample.svg) no-repeat center; background-size: contain; width: 183px; height: 342px; flex-grow: 0; object-fit: contain; margin: 25px auto;}
.theatre--kiosk-ticket-img { background: url(../../images/membership/theatre_kiosk_sample.svg) no-repeat center; background-size: contain; width: 205px; height: 338px; flex-grow: 0; object-fit: contain; margin: 24px auto;}
.bunker--ticket-box-img { background: url(../../images/membership/bunker_ticketbox_sample.svg) no-repeat center; background-size: contain; width: 397PX; height: 160PX; flex-grow: 0; object-fit: contain; margin: 16px 129px 40px 0; }
.bunker--mobile-ticket-img { background: url(../../images/membership/bunker_moblie_sample.svg) no-repeat center; background-size: contain; width: 205px; height: 338px; flex-grow: 0; object-fit: contain; margin: 24px auto;}
.twin-section { display: inline-block; width: 48%; height: auto;}
.twin-section:nth-child(3) { border-left: solid 1px #bebebe; }

/* agreement */
.terms-box { width:100%; position: relative; height:400px; overflow-x: auto;}
.terms-box .info-wrap { width: auto; }
.terms-box .title { margin-top: 0; margin-bottom: 50px; }
.terms-box .title__text { font-size: 35px; }
.terms-box .info-tit { font-size: 30px; }
.terms-box .join__desc { font-size: 15px; }



.terms-box .floating-button { display: none; }

/* withdraw */
.roundNum { margin-right: 10px; font-size: 13px; display: inline-flex; }
.temp-img-blue { background:url('../../images/membership/temp_icon_BLUE.svg') no-repeat; width: 174px; height: 98px; object-fit: contain; margin: 30px auto;}
.temp-img-red { background:url('../../images/membership/temp_icon_RED.svg') no-repeat; width: 174px; height: 98px; object-fit: contain; margin: 30px auto;}

@media (max-width:768px){
    .check-popup-wrap { width: 80%; min-height: 0; height: 80%; padding: 20px 10px; overflow: auto; }
    .renewal-popup-wrap { width: 90%; min-height: 0; height: 740px; padding: 20px 10px; overflow: auto; }
    .renewal-popup-wrap .terms-wrap  { width: 80%; }
    .popup-header { margin-top: 10px;}
    .check-popup-table { width: 100%; }
    .check-popup-th { width: 30%; height: 0; font-size: 13px; }
    .check-popup-td { width: 60%; height: 0; }
    .check-popup-input { width: 80%; font-size: 14px; }
    .check-popup-input::placeholder { font-size: 12px; }
    .pub-popup .select-box { font-size: 14px; font-weight: 400; }
    .ticket-popup { width: 45%; margin: 1%; font-size: 13px;}
    .ticket-popup-wrap { width: 80%; height: 80%;}
    .theatre--ticket-box-img { width: 100%; margin: auto; background-position: left; }
    .theatre--mobile-ticket-img { margin: auto;}
    .theatre--kiosk-ticket-img { margin: auto; }
    .bunker--ticket-box-img { width: 100%; margin: auto; background-position: left; }
    .bunker--mobile-ticket-img { margin: auto; }
    .ticket-popup-wrap .left-text { font-size: 14px; }
    .ticket-popup-wrap .center-text { font-size: 14px; text-align: left;}
    .twin-section { display: block; width: 80%; height: auto; margin-top: 20px; max-width: 300px;}
    .twin-section:nth-child(3) { border-left: #fff; }
    .process-custom-moblie { width: 100%; text-align: center }
    .process-custom-moblie_img { width: 90%; max-height: 85px; }
    .ticket-popup-text { font-size: 12px }
}


/* 퍼블리싱 */
.pub-div > html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
.pub-div > body {
    line-height: 1;
}
.pub-div > ol, ul {
    list-style: none;
}
.pub-div > blockquote, q {
    quotes: none;
}
.pub-div > blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

.pub-div > :focus {
    outline: 0;
}

.pub-div > ins {
    text-decoration: none;
}
.pub-div > del {
    text-decoration: line-through;
}

.pub-div > table {
    border-collapse: collapse;
    border-spacing: 0;
}

.pub-div > html {
    width: 100%;
    font-size: 16px;
    background-color: #fff;
    color: #000;
    box-sizing: border-box;
    letter-spacing: -1px;
}

.pub-div > * {
    box-sizing: border-box;
    letter-spacing: -1px;
}

body {
    font-family: Pretendard, sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}

.pc_ver{
    display:block;
}

.mo_ver{
    display:none;
}

.mbs-section-flex {
    display: flex;
}
.mbs-section-flex.vertical-top {
    align-items: flex-start;
}
.mbs-section-flex.vertical-mid {
    align-items: center;
}

.d-inblock{
    font-size:0;
    clear:both;
}

.d-inblock > *{
    display:inline-block;
    font-size:initial;
}

.d-inblock.vertical-top > *{
    vertical-align:top;
}

.d-inblock.vertical-mid > *{
    vertical-align:middle;
}

.float-wrap:after{
    content:"";
    display: block;
    overflow: hidden;
    clear:both;
}

.contents {
    margin: 0 auto;
    background-color: #fff;
}

.memebership-area {
    margin-top:82px;
    text-align: center;
}

.memebership-wrap {
    margin-left:-7.5px;
    margin-right:-7.5px;
}

.memebership {
    display: inline-block;
    width: 254px;
    margin: 0 7.5px;
    vertical-align:top;
}

.memebership-header {
    width: 254px;
    padding: 30px 0;
}

.memebership-title {
    margin: 0 auto;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #111;
}

.memebership-sub {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #6f6f6f;
}

.memebership-frame-center{
    text-align:center;
}

.memebership-frame {
    display: inline-block;
    margin: 25px auto;
    padding: 5px 20px;
    border-radius: 80px;
    border: solid 1px #000;
}

.select-wrap {
    text-align: center;
}

select.select-box {
    width: 214px;
    height: 45px;
    font-size:18px;
    text-align: center;
    background-color: #fff;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../../images/membership/arrow_dowm.svg') no-repeat 95% 50% #fff;
}

div.select-box{
    width: 214px;
    height: 45px;
    font-size:18px;
    line-height:45px;
    text-align: center;
    background-color: #fff;
    border: 0;
    margin:auto;
}

select.select-boxt::-ms-expand {
    display: none;
}

.btn-confirm {
    width: 100%;
    max-width: 254px;
    height: 64px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 15px 60px;
    background-color: #111;
    color: #fff;
    /*border: solid 1px #111;*/
    cursor: pointer;
}

.btn-confirm p {
    font-family: Pretendard, sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.memebership-body {
    width: 100%;
    max-width: 254px;
    margin-top: 30px;
}

.benefit-header {
    width: 100%;
    max-width: 254px;
    flex-grow: 0;
    padding: 20px 0;
    text-align: center;
    cursor: pointer;
}

.benefit-header p {
    position:relative;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #000;
    display: inline-flex;
}
.memebership-wrap .benefit-header p:after{
    content:"";
    position:absolute;
    top:50%;
    right:20px;
    width: 7px;
    height: 7px;
    border-top: 1.5px solid #000;
    border-right: 1.5px solid #000;
    transform: translateY(-50%) rotate(45deg);
}

.benefit-body {
    height: 420px;
    padding: 20px;
}

.benefit-body ul.benefit-guide > li {
    font-size: 15px;
    line-height:20px;
    text-align: left;
    font-weight:100;
    color: #666;
}

.arrow-header .arrow-right {
    width: 10px;
    height: 20px;
    flex-grow: 0;
    object-fit: contain;
    background: url(../../images/membership/arrow-right.svg) no-repeat center;
    float: right;
    margin-right: 10px;
}

.membership-gray .memebership-header {
    background-color: #f1f1f1;
}

.membership-gray .memebership-title {
    color: #a1a1a1;
}

.membership-gray .memebership-sub {
    color: #bebebe;
}

.membership-gray .memebership-frame {
    color: #a1a1a1;
    border: 1px solid #a1a1a1;
}

.membership-gray .btn-confirm {
    background-color: #c0c0c0;
    color: #fff;
    /*border: 1px solid #c0c0c0;*/
}

.membership-gray .memebership-body {
    border: solid 1px #cfcfcf;
    color:#bbb;
}

.membership-gray .benefit-header {
    border-bottom: solid 1px #cfcfcf;
    background-color: #f1f1f1;
    cursor: default;
}

.membership-gray .benefit-header p {
    color: #a1a1a1;
}

.membership-gray .benefit-body ul.benefit-guide>li {
    color: #bbbbbb;
}

.membership-green .memebership-header {
    background-color: #eef6e6;
}

.membership-green .memebership-body {
    border: solid 1px #a4bd8b;
}

.membership-green .benefit-header {
    border-bottom: solid 1px #a4bd8b;
    background-color: #eef6e6;
}

.membership-blue .memebership-header {
    background-color: #e7f9ff;
}

.membership-blue .memebership-body {
    border: solid 1px #8ec5d7;
}

.membership-blue .benefit-header {
    border-bottom: solid 1px #8ec5d7;
    background-color: #e7f9ff;
}

.membership-red .memebership-header {
    background-color: #fff2f0;
}

.membership-red .memebership-body {
    border: solid 1px #d8b687;
}

.membership-red .benefit-header {
    border-bottom: solid 1px #d8b687;
    background-color: #fff2f0;
}

.popup-overlay{
    width:100%;
    height:100vh;
    background-color:rgba(0, 0, 0, 0.6);
}

.popup-wrap {
    width: 792px;
    min-height: 300px;
    flex-grow: 0;
    padding: 32px 40px 60px;
    border: solid 1px #111;
    background-color: #fff;
}

.popup-header {
    flex-grow: 0;
    font-family: Pretendard, sans-serif;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #111;
}

.popup-header:after {
    content: "";
    display: inline-block;
    overflow: hidden;
    clear: both;
}

.popup-header .popup-title {
    float: left;
}

.popup-header .btn-close {
    float: right;
    display: inline-block;
    margin-top:-10px;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor:pointer;
}

.popup-header .btn-close:after {
    position: absolute;
    top: 10px;
    right: 25px;
    content: "\00d7";
    font-size: 45px;
}

.popup-body {
    margin-top: 35px;
}

.conts-align-two {
    font-size: 0;
    clear: both;
}

.conts-align-two>.conts-obj {
    width: 50%;
    height: 120px;
    display: inline-block;
    margin-top: -1px;
    border: solid 1px #c1c1c1;
    background-color: #fff;
    box-sizing: border-box;
    vertical-align: top;
}

.conts-align-two>.conts-obj:nth-child(even) {
    border-left: 0;
}

.conts-obj .conts-inner {
    padding: 30px 17px 30px 25px;
    font-size: 18px;
}

.conts-obj .conts-inner>* {
    vertical-align: middle;
}

.conts-obj .obj-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
    background-color: #383838;
    color: #dfdfdf;
    border-radius: 50%;
}

.conts-obj .obj-icon.icon-free{
    background-image: url('../../images/membership/icon_free.svg');
}

.conts-obj .obj-icon.icon_notice{
    background-image: url('../../images/membership/icon_notice.svg');
}


.conts-obj .obj-icon.icon-discount{
    background-image: url('../../images/membership/icon_discount.svg');
}

.conts-obj .obj-icon.icon-goods{
    background-image: url('../../images/membership/icon_goods.svg');
}

.conts-obj .obj-icon span{
    display: inline-block;
    text-indent:-9999px;
}

.conts-obj .obj-des {
    display: inline-block;
    margin-left: 8px;
    line-height: 30px;
}

.mbs-main-intro {
    margin: 0 auto;
    padding: 45px 0;
}

.membership-main .mbs-main-intro:last-child{
    margin-bottom:40px;
}

.mbs-main-section{
    width:1080px;
    margin:0 auto;
}

.mbs-main-intro.mbs-main-guide {
    padding: 52px 0 62px 0;
}

.mbs-guide-text{
    margin-top:58px;
}

.mbs-guide-text .mbs-guide-title {
    font-size: 45px;
    font-weight: bold;
    color: #000;
}

.mbs-guide-text .mbs-guide-sub {
    margin-top: 30px;
    font-size: 24px;
    font-weight: 500;
    color: #000;
}

.mbs-guide-text .mbs-guide-des {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #aeaeae;
}

.mbs-main-guide .mbs-guide-image.image-guide {
    width: 498px;
    height: 375px;
    background-image: url('../../images/membership/img_main_visual.svg');
}

.mbs-main-guide .mbs-guide-btn {
    display: block;
    width: 400px;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    font-size: 20px;
    text-align: center;
    background-color: #111;
    color: #fff;
    border: solid 1px #111;
    cursor: pointer;
}

.mbs-sec-title {
    font-size: 28px;
    text-align: left;
    color: #111;
}

.mbs-sec-title-sub {
    margin-left:10px;
    font-size: 20px;
    font-weight: 500;
    color: #111;
}

.mbs-main-intro .memebership-frame{
    margin:8px 0 25px 0;
    font-size:14px;
}

.mbs-sec-des{
    margin-bottom:25px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
    color: #111;
}

.mbs-sec-des-lst{
    margin-bottom:20px;
}

.mbs-sec-des-lst dt{
    font-size: 18px;
    font-weight: bold;
    color: #111;
}

.mbs-sec-des-lst dd{
    margin-top:8px;
    color: #666;
}

.mbs-sec-des-lst dd li{
    line-height:22px;
}

.mbs-sec-anno dt{
    font-size: 15px;
    font-weight: bold;
    color: #818181;
}

.mbs-sec-anno dd{
    margin-top:8px;
    font-size: 15px;
    font-weight: 500;
    color: #818181;
}

.mbs-sec-anno dd li{
    line-height:22px;
}

.mbs-main-green {
    background-color: #eef6e6;
}

.mbs-main-green .mbs-sec-image.image-green{
    width: 471px;
    height: 399px;
    margin-left:95px;
    background-image: url('../../images/membership/img_GREEN.svg');
}

.mbs-main-blue {
    background-color: #e7f9ff;
}

.mbs-main-blue .mbs-sec-image.image-blue{
    width: 587px;
    height: 336px;
    margin-left:25px;
    background-image: url('../../images/membership/img_BLUE.svg');
}

.mbs-main-red {
    background-color: #fff2f0;
}

.mbs-main-red .mbs-sec-image.image-red{
    width: 491.1px;
    height: 437.3px;
    margin-left:94.9px;
    background-image: url('../../images/membership/img_RED.svg');
}

.mp-title{
    margin:80px 0 49px 0;
    font-size: 64px;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.mp-info-wrap{
    /*position: sticky;*/
    top:0;
    margin-bottom:40px;
    padding:50px 0 65px;
    background-color:#f8f2fa;
}

.mp-container{
    width:792px;
    margin:0 auto;
}

.my-info{
    width:50%;
}

.my-info .my-info-image{
    width:118px;
    height:118px;
}

.my-info-mbs{
    margin-left:17px;
}

.my-info .mbs-badge{
    width:84px;
    height:22px;
}

.my-info .mbs-badge span{
    display:inline-block;
    text-indent:-9999px;
}

.mbs-info{
    margin: 10px 0 9px 0;
    font-size: 24px;
    color: #111;
}

.mbs-info b{
    font-weight: bold;
}

.mbs-info-period{
    font-size: 15px;
    color: #000;
}

.my-benefit{
    width:calc(100% / 2 - 20px);
    margin-left:20px;
}

.my-benefit-dt{
    padding-bottom:10px;
    border-bottom:1px solid #111;
}

.my-benefit-lst .mp-subtitle{
    font-size: 18px;
    font-weight: bold;
    color: #111;
}

.mp-side-btn{
    position:relative;
    float:right;
    padding-right:15px;
    font-size: 14px;
    text-align: right;
    background-color:transparent;
    color: #888;
    border:0;
    outline:0;
    cursor:pointer;
}

.mp-side-btn:after{
    content:"";
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 6px;
    margin-top:-3px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    transform: translateX(-50%) rotate(44deg);
}

.conunt-enter{
    position:relative;
    width:calc(100% / 2 - 20px);
    text-align:center;
}

.conunt-enter + .conunt-enter:after{
    content:"";
    display:block;
    position:absolute;
    top:10px;
    left:0;
    width:1px;
    height:42px;
    background-color: #aaa;
}

.conunt-enter .conunt-enter-num{
    margin-top:10px;
    font-size: 20px;
    font-weight: bold;
    color: #111;
}

.conunt-enter .conunt-des{
    margin-top:17px;
    color: #111;
}

.my-benefit-lst-wrap{
    width:calc(100% / 2 - 20px);
    margin-top:54px;
}

.my-benefit-lst-wrap + .my-benefit-lst-wrap{
    margin-left:40px;
}

.my-benefit-dd{
    margin:15px 0;
}

.my-benefit-lst{
    color:#666;
}

.my-benefit-lst.no-result {
    text-align:center;
    line-height:25px;
}

.my-benefit-chck-lst > li{
    line-height:25px;
}

.my-benefit-chck-lst > li:before{
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    margin-right:12px;
    vertical-align: middle;
}

.benefit-check-full:before{
    background-image:url('../../images/membership/check-full.svg');
}

.benefit-check-half:before{
    background-image:url('../../images/membership/check-half.svg');
}

.benefit-check-none:before{
    background-image:url('../../images/membership/check-none.svg');
}

.mp-mbs-info-wrap .mp-subtitle{
    margin-bottom:15px;
    font-size: 20px;
    font-weight: bold;
    color:#111;
}

.mp-mbs-info-wrap .memebership-header{
    height:516px;
}

.mp-mbs-info-wrap .memebership-frame{
    margin:15px auto 20px;
    padding:3.5px 15px;
}

.memebership-noti{
    height:40px;
    margin-bottom:20px;
    font-size: 15px;
    font-weight:500;
    line-height:20px;
    text-align: center;
    color: #4a6530;
}

.memebership-noti.memebership-noti-green{
    color:#4a6530;
}

.memebership-noti.memebership-noti-blue{
    color:#3b7a8f;
}

.memebership-noti.memebership-noti-red{
    color:#e36161;
}

.mbs-benefit-dlst dt{
    font-size: 15px;
    font-weight: bold;
    color: #111;
}

.mbs-benefit-lst > li{
    margin: 5px 0 0;
    line-height:20px;
    font-size: 13px;
    color: #666;
}

.my-info .emblem-general{
    background-image: url('../../images/membership/emblem_GENERAL.svg');
}

.mbs-badge.badge-general{
    background-image: url('../../images/membership/badge_GENERAL.svg');
}

.my-info .emblem-green{
    background-image: url('../../images/membership/emblem_GREEN.svg');
}

.mbs-badge.badge-green{
    background-image: url('../../images/membership/badge_GREEN.svg');
}

.my-info .emblem-blue{
    background-image: url('../../images/membership/emblem_BLUE.svg');
}

.mbs-badge.badge-blue{
    background-image: url('../../images/membership/badge_BLUE.svg');
}

.my-info .emblem-red{
    background-image: url('../../images/membership/emblem_RED.svg');
}

.mbs-badge.badge-red{
    background-image: url('../../images/membership/badge_RED.svg');
}

.mbs-anno-box{
    margin-top:40px;
    margin-bottom:160px;
    padding:20px;
    background-color: #eee;
}

.mbs-anno-lst > li{
    font-size: 14px;
    line-height:21px;
    color: #8a8a8a;
}

dl.mbs-benefit-dlst {
    margin: auto 20px;
}

.mbs-spacing {
    padding-top: 15px;
}

@media (max-width: 1099px) {
    .mbs-main-section {
        width: 100%;
    }
    .mbs-section-flex {
        padding: 0 30px;
        justify-content: space-between;
    }
    .mbs-main-guide .mbs-guide-image.image-guide {
        width: 50%;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    .mbs-main-guide .mbs-guide-btn {
        margin-top: 40px;
    }
    .mbs-main-green .mbs-sec-image.image-green,
    .mbs-main-blue .mbs-sec-image.image-blue,
    .mbs-main-red .mbs-sec-image.image-red {
        width: 50%;
        margin-left: 0;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
}

@media (max-width: 780px) {
    [mobile] {
        display: block !important;
    }

    [desktop] {
        display: none !important;
    }

    .pc_ver{
        display:none;
    }

    .mo_ver{
        display:block;
    }

    .mbs-main-guide{
        padding-top:28px;
        padding-bottom:52px;
        text-align:center;
    }

    .mbs-main-intro.mbs-main-guide{
        padding-bottom:52px;
    }

    .mbs-guide-text{
        margin-top:0;
    }

    .mbs-guide-text .mbs-guide-title{
        font-size:24px;
    }

    .mbs-main-guide .mbs-guide-image.image-guide{
        width: 100%;
        max-width: 375px;
        max-height:260px;
        margin: auto;
        background: url(../../images/membership/mb_img_main_visual.svg) no-repeat center/contain;
    }

    .mbs-guide-text .mbs-guide-sub{
        font-size:18px;
        line-height:24px;
    }

    .mbs-guide-text .mbs-guide-des{
        margin-top:16px;
        margin-bottom:32px;
        font-size:15px;
        line-height:24px;
        color:#666;
    }

    .mbs-main-guide .mbs-guide-btn{
        width:calc(100% - 40px);
        padding:18px 0;
        font-size:18px;
    }

    .md-mbs-title{
        margin-bottom:18px;
        padding-left:20px;
        padding-right:20px;
        font-size:20px;
        font-weight:600;
        color:#111;
    }

    .mbs-main-intro.mbs-main-green,
    .mbs-main-intro.mbs-main-blue,
    .mbs-main-intro.mbs-main-red{
        padding:25px 0 40px;
    }

    .mbs-main-green .mbs-sec-image.image-green{
        width: 100%;
        max-width: 375px;
        max-height:260px;
        margin: auto;
        background: url(../../images/membership/mb_img_GREEN.svg) no-repeat center/contain;
    }

    .mbs-main-blue .mbs-sec-image.image-blue{
        width: 100%;
        max-width: 375px;
        max-height:260px;
        margin: auto;
        background: url(../../images/membership/mb_img_BLUE.svg) no-repeat center/contain;
    }

    .mbs-main-red .mbs-sec-image.image-red{
        width: 100%;
        max-width: 375px;
        max-height:260px;
        margin: auto;
        background: url(../../images/membership/mb_img_RED.svg) no-repeat center/contain;
    }

    .mbs-sec-text{
        display:block;
        width:calc(100% - 40px);
        margin:16px auto 0;
    }

    .mbs-sec-title{
        font-size:24px;
    }

    .mbs-sec-title-sub{
        font-size:16px;
    }

    .mbs-main-intro .memebership-frame{
        margin-top:10px;
        margin-bottom:16px;
        padding:5px 15px;
    }

    .mbs-sec-des-lst{
        margin-bottom:16px;
    }

    .mbs-sec-des{
        margin-bottom:24px;
        font-size:16px;
        line-height:22px;
    }

    .mbs-sec-des-lst dd{
        margin-top:5px;
    }

    .mbs-sec-anno dt{
        font-size:14px;
    }

    .mbs-sec-anno dd{
        margin-top:5px;
        font-size:14px;
    }


    .memebership-area{
        margin-top:51px;
    }

    .memebership{
        width: calc(100% - 40px);
        margin:0;
    }

    .memebership + .memebership{
        margin-top:24px;
    }

    .memebership-area > .memebership:last-child{
        margin-bottom:40px;
    }

    .memebership-header{
        width:100%;
        padding:32px 0 24px;
    }

    .memebership-title{
        font-size:24px;
    }

    .memebership-sub{
        font-size:18px;
    }

    .memebership-frame{
        margin-top:16px;
        margin-bottom:24px;
    }

    select.select-box{
        width: calc(100% - 40px);
        height:50px;
        font-weight:600;
    }

    div.select-box{
        width: calc(100% - 40px);
        height:50px;
        margin:0 auto;
        font-weight:600;
    }

    .btn-confirm{
        width: 100%;
        max-width:inherit;
    }

    .btn-confirm p{
        font-size:18px;
    }

    .memebership-body{
        width: 100%;
        max-width:inherit;
        margin-top:0;
        border-top:0 !important;
    }

    .benefit-body{
        height:auto;
        padding:25px 10px 30px 15px;
        text-align:left;
    }

    .mb-mbs-benefit-subtitle{
        margin-bottom:18px;
        font-size:18px;
        font-weight:600;
        color:#111;
    }

    .conts-obj + .mbs-sec-anno{
        margin-top:30px;
    }

    .conts-obj .conts-inner{
        margin-bottom:20px;
        padding:0;
    }

    .conts-obj > .conts-inner:last-child{
        margin-bottom: 0;
    }

    .conts-obj .obj-icon{
        width:50px;
        height:50px;
        line-height:50px;
    }

    .conts-obj .obj-icon.icon-free{
        background-image: url(../../images/membership/icon_free.svg);
        background-position: center;
    }

    .conts-obj .obj-icon.icon_notice{
        background-image: url(../../images/membership/icon_notice.svg);
        background-position: center;
    }

    .conts-obj .obj-icon.icon-discount{
        background-image: url(../../images/membership/icon_discount.svg);
        background-position: center;
    }

    .conts-obj .obj-icon.icon-goods{
        background-image: url(../../images/membership/icon_goods.svg);
        background-position: center;
    }

    .conts-obj .obj-des{
        margin-left:15px;
        line-height:unset;
    }

    .membership-gray .mb-mbs-benefit-subtitle{
        color:#a1a1a1;
    }

    .membership-gray .conts-obj .obj-des{
        color:#bbb;
    }

    .mp-title{
        margin:40px 0 30px;
        font-size:28px;
    }

    .mp-info-wrap{
        padding:40px 20px 49px;
    }

    .mp-container{
        width:100%;
    }

    .my-info{
        width:100%;
        margin-bottom:40px;
    }

    .my-info .my-info-image{
        width:82px;
        height:82px;
        margin-top:6px;
    }

    .my-info .emblem-general {
        background-image: url(../../images/membership/emblem_GENERAL.svg);
        background-position: center;
        background-size: contain;
    }

    .mbs-badge.badge-general {
        background-image: url(../../images/membership/badge_GENERAL.svg);
        background-position: center;
        background-size: contain;
    }

    .my-info .emblem-green{
        background-image: url(../../images/membership/emblem_GREEN.svg);
        background-position: center;
        background-size: contain;
    }

    .mbs-badge.badge-green {
        background-image: url(../../images/membership/badge_GREEN.svg);
        background-position: center;
        background-size: contain;
    }

    .my-info .emblem-blue{
        background-image: url(../../images/membership/emblem_BLUE.svg);
        background-position: center;
        background-size: contain;
    }

    .mbs-badge.badge-blue {
        background-image: url(../../images/membership/badge_BLUE.svg);
        background-position: center;
        background-size: contain;
    }

    .my-info .emblem-red{
        background-image: url(../../images/membership/emblem_RED.svg);
        background-position: center;
        background-size: contain;
    }

    .mbs-badge.badge-red {
        background-image: url(../../images/membership/badge_RED.svg);
        background-position: center;
        background-size: contain;
    }

    .my-info-mbs{
        margin-left:15px;
    }

    .mbs-info{
        margin:6px 0 3px;
        font-size:20px;
    }

    .mbs-info-period{
        font-size:14px;
    }

    .my-benefit{
        width:100%;
        margin-left:0;
    }

    .my-benefit-dt{
        padding-bottom:13px;
    }

    .conunt-enter{
        width:50%;
    }

    .conunt-enter .conunt-des{
        margin-top:15px;
        font-weight:600;
    }

    .my-benefit-lst-wrap{
        margin-top:40px;
        width:100%;
    }

    .my-benefit-lst-wrap + .my-benefit-lst-wrap{
        margin-left:0;
    }

    .mp-mbs-info-wrap .mp-subtitle{
        width:calc(100% - 40px);
        margin:0 auto 20px;
        font-size:18px;
    }

    .mbs-main-section .btn-confirm{
        margin-top:40px;
    }

    .mbs-anno-box{
        margin-top:23px;
        padding:0 20px;;
        background-color:#fff;
    }
}

/* 그 외 */


/* 모바일 버전에 적용할 것 */
@media (max-width: 768px) {
    .operation-data__th div { width:auto; display: inline-block;}
    .operation-data__th p { display: inline-block; float: right; }
}

/* 테이블 형식 긁어오기 _ venue.css */
.alliance-board__list, .audio-list, .author-introduce__inside, .operation-buttons, .operation-data, .operation-link, .operation-notice__wrap {
    max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0 40px; box-sizing: border-box
}
.operation-data .price-info__table { width: 100%; margin-bottom: 20px; border-top: 1px solid #ccc; text-align: center;}
.operation-data .price-info thead { background-color: #f8f8f8; color: #231916; }
.operation-data .price-info thead th:nth-child(n+2) { width: 24.4966% }
.operation-data .price-info tbody { color: #666 }
.operation-data .price-info tbody th { font-weight: 400 }
.operation-data .price-info tbody td { border-left: 1px solid #ccc }
.operation-data .price-info td, .operation-data .price-info th { padding: 14px 30px; font-size: 20px; line-height: 1.6; border-bottom: 1px solid #ccc }
.operation-data .price-info td .highlight, .operation-data .price-info th .highlight { color: #111 }
.operation-data .time-table { display: flex; flex-wrap: wrap; margin: -10px 0 0; font-size: 0; box-sizing: border-box }
.operation-data .time-table__item { display: flex; flex: 1 1 auto; min-width: 33.3333%; margin-top: 10px; padding-right: 70px; font-size: 18px; line-height: 1.7222222222; box-sizing: border-box }
.operation-data .time-table__order { width: 102px; color: #111 }
.operation-data .time-table__time { font-weight: 400; color: #666 }
.operation-data__table { table-layout: fixed; width: 100%; text-align: left; margin-top: 50px; border-collapse: collapse; }
.operation-data__td, .operation-data__th { padding: 50px 0; vertical-align: top }
.operation-data__th { width: 50%; font-size: 24px; font-weight: 700; line-height: 1.2916666667; color: #111; text-align: left }
.operation-data__td { font-size: 18px; line-height: 1.7222222222; color: #666 }
.operation-buttons { margin-top: 40px; margin-bottom: 80px }
.operation-buttons .a-button { max-width: 384px }

@media (max-width: 768px) {
    .alliance-board__list, .audio-list, .author-introduce__inside, .operation-buttons, .operation-data, .operation-link, .operation-notice__wrap { padding: 0 }
    .operation-data { padding: 0 20px }
    .operation-data .price-info__table { margin-bottom: 10px }
    .operation-data .price-info thead th { padding: 14px 0 10px }
    .operation-data .price-info td, .operation-data .price-info th { padding: 12px; font-size: 14px; line-height: 1.8571428571 }
    .operation-data .time-table { margin-left: -14px; margin-right: -14px }
    .operation-data .time-table__item { justify-content: space-between; min-width: 50%; padding: 0 14px; font-size: 16px; line-height: 1.6875 }
    .operation-data .time-table__order { width: 55px }
    .operation-data__row, .operation-data__tbody { display: block }
    .operation-data__row { padding: 20px 0; }
    .operation-data__td, .operation-data__th { display: block; padding: 0; border: 0 }
    .operation-data__th { width: 100%; font-size: 20px; line-height: 1.65 }
    .operation-data__td { margin-top: 10px; font-size: 16px; line-height: 1.6875 }
    .operation-buttons { padding: 0 20px; margin-bottom: 80px }
    .operation-buttons .a-button { padding: 18px; height: 56px; font-size: 16px }
}

/* LOGIN */
.login{padding:0 40px}
.login-wrap{margin:0 auto;padding-top:41px;width:588px}
.login-wrap .form-item+.button-wrap{margin-top:64px}
.login-wrap__button .social-login__button+.social-login__button{margin-left:24px}
.login-head{position:relative;background-color:#f7f5ff;padding:80px 40px;overflow:hidden}
.login-head__link{padding:0 30px;color:#999}
.login-head__link span{line-height:64px;display:inline-block}
.login-head__link.is-current{color:#111}
.login-head__link.is-current span{position:relative}
.login-head__link.is-current span:after{content:"";width:100%;height:4px;bottom:0;display:block;position:absolute;background-color:#111}
.login-head .a-input+.a-input{margin-top:32px}
.login-head .result{margin:0 auto 40px;text-align:center}
.login-head .result__title{font-size:40px;font-weight:700}
.login-head .result__title+.result__message{margin-top:10px}
.login-head .result__message{font-size:20px;line-height:1.5;color:#666}
.login-head .result__description{margin-top:20px;font-size:18px;line-height:1.7222222222;color:#666}
.login-head .result i{display:block;margin:0 auto 40px;width:80px;height:80px}
.login-head .result i img{width:100%}
.login-head .highlight-box{margin-top:33px;padding:20px;font-size:24px;line-height:1.5416666667;font-weight:700}
.login__navigator{display:flex;justify-content:center;margin-top:-16px;height:64px}
.login__util{display:flex;justify-content:space-between;align-items:center;margin:20px 0}
.login__link{position:relative;font-size:16px;color:#111}
.login__link--wrap{display:flex;align-items:center}
.login__link+.login__link{margin-left:25px}
.login__link+.login__link:before{content:"";position:absolute;top:50%;left:-13px;width:1px;height:9px;transform:translateY(-50%);background-color:#ccc}
.login__button-wrap{margin-top:64px;text-align:center; margin-bottom: 64px;}
.login__button-wrap .a-button{display:inline-block;max-width:384px}
.join-wrap{position:relative;margin:0 auto;padding-top:24px;width:588px}
.join-wrap--process{padding-top:4px;padding-bottom:50px;width:100%;max-width:792px}
.join-wrap+form{margin-top:82px}
.join__box+.join__box{margin-top:60px}
.join__box .a-button{font-weight:500}
.join__title{font-size:24px;font-weight:500}
.join__desc{margin:10px 0 20px;font-size:18px;line-height:1.6666666667;color:#666}
.button-wrap { margin-bottom: 80px }
/* s:20220415 개인정보 처리방침-pc */
.info-wrap{position:relative; margin:0 auto; padding-top:24px; width:780px;}
.info-box{color:#111; line-height: 1.5; width:100%;}
.info-tit{font-size: 40px; line-height: 1.2; font-weight: 700; margin-top: 60px;}
.info-subtit{font-size: 24px; line-height:1.5; font-weight: 700; margin-top:40px;}
.info-sub{font-size: 18px; line-height:1.7; font-weight: 700 ;}
.info-desc{font-size: 18px; line-height: 1.7; font-weight: 400; margin-top:40px; color:#111;}
.info-indent{font-size:18px; line-height: 1.7; color:#666; text-indent: 15px;}
.a-accordion__panel .terms-wrap .iframe-box{width:100%; position: relative; height:400px;}
.a-accordion__panel .terms-wrap iframe{width:100%; height:100%;position:absolute;}
.mobile{display:none;}
/* e:20220415 개인정보 처리방침-pc */
.process{display:flex;justify-content:space-between;margin:0 auto;padding-bottom:34px;width:630px;height:82px;box-sizing:border-box}
.process-custom-fourth{display:flex;justify-content:space-between;margin:0 auto;padding-bottom:34px;min-width:630px;height:82px;box-sizing:border-box}
.process-step{position:relative;display:flex;align-items:center}
.process-step:first-child{padding-left:81px}
.process-step:last-child{padding-right:81px}
.process-step__number{position:relative;width:48px;height:48px;box-sizing:border-box;color:#999;border-radius:50%;border:solid 1px #ccc;background-color:#eee}
.process-step__number_custom-fourth{width:45px !important;height:45px !important;}
.process-step__number span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:500}
.process-step__number i{position:absolute;display:none;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:16px;background:url(../../images/login/icon_join_process-check.svg) no-repeat 0 0}
.process-step__bar{width:81px;height:2px;background-color:#ccc}
.process-step__bar_custom-fourth{width:75px !important;}
.process-step__text{position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);font-size:20px;white-space:nowrap;color:#999;text-align:center}
.process-step__text-custom-fourth{left:42%;}
.process-step.is-active .process-step__number{color:#fff;border-color:#111;background-color:#111}
.process-step.is-active .process-step__bar{background-color:#111}
.process-step.is-active .process-step__text{color:#111}
.process-step.is-completed .process-step__number{border-width:2px;border-color:#111;background-color:#eee}
.process-step.is-completed .process-step__number span{display:none}
.process-step.is-completed .process-step__number i{display:block}
.process-step.is-completed .process-step__bar{background-color:#111}
.terms{margin-top:82px}
.terms-wrap{padding:20px}
.terms__title{font-weight:500}
.terms__table{width:100%;border-top:solid 1px #111;border-bottom:solid 1px #ccc}
.terms__table--wrap{margin:20px 0}
.terms__table td,.terms__table th{padding:13px;width:calc(100% / 3);font-size:16px;line-height:1.5;font-weight:400}
.terms__table td{border-top:solid 1px #ccc;color:#666;text-align:center}
.terms__table+.terms__table{margin-top:-1px}
.terms__desc{font-size:16px;line-height:1.5;color:#666}
.terms__desc+.terms__desc{margin-top:10px}
.accordion-wrap{margin:20px 0 64px;border-top:solid 1px #111}
.accordion-wrap .a-accordion:first-child{border-top:none}
/* s:20220419 회원가입 항목 위치 조정 */
.accordion-wrap .a-accordion{position:relative;}
.accordion-wrap .a-accordion .a-checkbox{position:absolute; top:20px;}
.accordion-wrap .a-accordion .a-accordion__button{justify-content: flex-end;}
/* e:20220419 회원가입 항목 위치 조정 */
.form{margin:82px 0 24px;padding:40px 102px;border-top:solid 1px #111}
.form-item--address .a-input+.a-input{margin-top:10px}
.form-item .a-button-radio__wrap{margin-top:9px}
.finder{max-width:588px;margin:0 auto 40px}#address-wrap{width:100%!important;margin:40px 0 0!important}

@media (max-width:768px){.login{padding:0 20px}
    .login-wrap{padding-top:10px;width:100%}
    .login-wrap .form-item+.button-wrap{margin-top:40px}
    .login-wrap__button{flex-direction:column}
    .login-wrap__button .social-login__button+.social-login__button{margin-top:16px;margin-left:0}
    .login-head{margin:0 -20px;padding:60px 20px}
    .login-head--fixed-height{height:440px;box-sizing:border-box}
    .login-head__link{padding:0 20px}
    .login-head__link span{line-height:58px}
    .login-head .result{margin:0 auto 20px;max-width:none}
    .login-head .result__title{font-size:24px;line-height:1.3333333333}
    .login-head .result__message{font-size:16px;line-height:1.6875}
    .login-head .result__description{font-size:16px;line-height:1.6875}
    .login-head .result i{margin:0 auto 20px;width:56px;height:56px}
    .login-head .highlight-box{margin-top:26px;font-size:18px}
    .login__navigator{margin-top:-10px;height:58px}
    .login__util{margin:24px 0 60px}
    .login__link{font-size:14px}
    .login__link+.login__link{margin-left:21px}
    .login__link+.login__link:before{left:-11px}
    .login__button-wrap{margin-top:40px}
    .login__button-wrap .a-button{max-width:none}
    .join-wrap{padding-top:10px;width:100%}
    .join-wrap--process{margin-top:50px;padding-top:69px;max-width:none}
    .join-wrap+form{margin-top:50px}
    .join__title{font-size:20px}
    .join__desc{font-size:16px;line-height:1.6875}
    .process{position:absolute;padding-bottom:29px;top:0;left:50%;width:366px;height:69px;transform:translateX(-50%)}
    .process-custom-fourth{position:absolute;padding-bottom:29px;top:0;left:50%;min-width:366px;height:69px;transform:translateX(-50%)}
    .process-step:first-child{padding-left:41px}
    .process-step:last-child{padding-right:41px}
    .process-step__number{width:40px;height:40px;font-size:16px}
    .process-step__number_custom-fourth{width:35px !important;height:35px !important;}
    .process-step__bar{width:41px}
    .process-step__bar_custom-fourth{width:30px !important;}
    .process-step__text{bottom:-29px;font-size:16px}
    .terms{margin-top:50px}
    .terms__title{font-size:16px}
    .terms__table td,.terms__table th{font-size:14px;line-height:1.7142857143}
    .terms__desc{font-size:14px;line-height:1.5714285714}
    .accordion-wrap{margin-bottom:40px}
    .form{margin:50px 0 0;padding:40px 0}
    .form-item--address .a-input+.a-input{margin-top:7px}
    .form-item .a-button-radio__wrap{margin-top:11px}
    .finder{margin:0 auto 20px;width:100%;max-width:none}
    /* s:20220415 개인정보 처리방침-mo */
    .info-wrap{ width:100%;}
    .info-box{width:100%;}
    .desktop{display: none;}
    .mobile{display: block;}
    /* e:20220415 개인정보 처리방침-mo */
}