.popDiv{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 5;
}
.popDiv .cbox{
    position: absolute;
    width: calc(100% - 72px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    padding: 24px;
    border-radius: 10px;
    max-height: 90vh;
}
.popDiv .cbox p{
    text-align: center;
    margin-bottom: 16px;
    font-size: 12px;
}
.popDiv .cbox p span{
    background-color: #F4F4F4;
    padding: 5px 12px;
    border-radius: 6px;
}
.popDiv .cbox h2{
    font-size: 19px;
    text-align: center;
}
.popDiv .cbox h2.ver-mg{
    margin-top:24px
}
.popDiv .cbox h2 span{
    font-size: 14px;
    color: #777;
    display: block;
    margin-top: 10px;
    font-weight: 400;
}

.popDiv .cbox .btnWrap{
    display: flex;
    gap: 8px;
    margin-top: 24px;
}
.popDiv .cbox .btnWrap button{
    width: calc((100% - 8px) / 2);
    height: 44px;
    font-size: 14px;
}
.popDiv .alertBox img{
    width: 60%;
    margin: 20px auto 10px;
}
.popDiv .alertBox.ver_my img{
    margin: 24px auto; 
    height: 100px;
    width:auto
}
.popDiv .alertBox.ver_my img.size_auto{
    max-height: 100px;
    max-width: ;
    height:auto;
    width:auto
}
.popDiv .alertBox h3{
    font-size: 17px;
    text-align: center;
    margin-bottom: 12px;
}
.popDiv .alertBox h3 span{
    text-decoration: underline;
}
.popDiv .alertBox p{
    word-break: keep-all;
    font-size: 14px;
    color: #777;
}
.btn-w{
    background-color: #fff;
    border: #707070 1px solid;
    border-radius: 7px;
}
.btn-b{
    background-color: #000;
    border: #707070 1px solid;
    border-radius: 7px;
    color: #fff;
}
.popDiv .cbox .btnWrap button.w-100{
    width: 100%;
}
.popDiv .cbox .imgList{
    margin-top: 24px;
    display: flex;
    padding: 0 20px;
    gap: 12px;
}
.popDiv .cbox .imgList .img{
    width: calc((100% - 12px) / 3);
}
.popDiv .cbox .imgList .img img{
    width: 100%;
}


.contents {
    background-color: #101012;
    padding-bottom: 100px;
}
.contents.top-in{
    padding-top: 73px;
}
.contents.full{
    min-height: 100vh;
}
.contents.bottom-sm{
    padding-bottom: 67px;
}
.contents.bottom-mid{
    padding-bottom: 97px;
}

.contents .storeImg{
    position: relative;
    height: 440px;
}
.contents .storeImg::after{
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    height: 50px;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    z-index: 0;
}
.contents .storeImg.bg_b2::after{
    background: rgb(16,16,18);
    background: linear-gradient(180deg, rgba(16,16,18,0) 0%, rgba(16,16,18,1) 100%);

}
.contents .storeImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 13-4 상세페이지 */
.contents .storeImg.info_view_page .view_info{

}
.contents .storeImg.info_view_page .tit_info_area{
    position: absolute;
    color: #FFF;
    text-align: center;
    bottom:40px;
    z-index: 1;
    width: 100%;
}
.contents .storeImg.info_view_page .view_nm{
    display: flex;
    justify-content: center;
    gap:8px;
    align-items: center;
}
.contents .storeImg.info_view_page .view_nm img{
    border-radius: 50%;
    width: 29px;
    height: 29px;
    border:1px solid #FFF
}
.contents .storeImg.info_view_page .view_nm span{
    font-size: 14px;
    color: #FFF;
    font-weight: 500;
}
.contents .storeImg.info_view_page .view_title{
    font-size: 25px;
    font-weight: 700;
    line-height: 33px;
    margin-top:12px
}
.contents .view_content_wrap{
    text-align: center;
}
.contents .view_content_wrap .adr{
    color: #FFF;
    font-size: 11px;
    gap: 5px;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 35px;
}
.contents .view_content_wrap .title_area{
    color: #FFF;
    font-weight: 500;
    padding-bottom:24px;
}
.contents .view_content_wrap .title_area .tit_info{
    font-size: 17px;
    margin-bottom: 16px;
    font-weight: 500;
}
.contents .view_content_wrap .title_area h3{
    font-size: 19px;
}
.contents .view_content_wrap .view_cont_area img{
    border-radius: 10px;
    width:100%;
}
.contents .view_content_wrap .view_cont_area img + img{
    margin-top:12px
}
.contents .view_content_wrap .view_cont_area img + p,
.contents .view_content_wrap .view_cont_area p + img{
    margin-top:24px
}
.contents .view_content_wrap .view_cont_area{
    font-size: 14px;
    color:#777;
    line-height: 25px;
    text-align: center;
    border-top:1px solid #3A3B41;
    border-bottom:1px solid #3A3B41;
    padding-top :24px;
    padding-bottom: 24px;
}

.contents .svc-badge{
    position: relative;
    margin-top: -50px;
    display: block;
    color: #fff;
    font-size: 12px;
}
.contents .svc-badge span{
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 6px 16px;
}
.contents .svc-badge span b{
    font-weight: 500;
}
.contents .store-info{
    position: relative;
    margin-top: 16px;
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
}
.contents .store-info h3{
    font-size: 25px;
}
.contents .store-info p{
    font-size: 14px;
    margin-top: 12px;
}
.contents .store-info .box{
    display: flex;
    align-items: center;
    margin-top: 24px;
}
.contents .store-info .box .people{
    display: flex;
}
.contents .store-info .box .people .profile{
    position: relative;
    display: flex;
    width: 60px;
}
.contents .store-info .box .people .profile>div{
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
    overflow: hidden;
}
.contents .store-info .box .people .profile>div:nth-child(2){
    position: absolute;
    left: 15px;
}
.contents .store-info .box .people .profile>div:nth-child(3){
    position: absolute;
    left: 30px;
}
.contents .store-info .box .people .profile>div:nth-child(1){
    position: relative;
}
.contents .store-info .box .people .profile>div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .store-info .box .people .tt {
    margin-left: 9.5px;
}
.contents .store-info .box .people .tt h4{
    font-size: 14px;
    line-height: 1;
}
.contents .store-info .box .people .tt p{
    margin-top: 0;
    font-size: 11px;
}
.contents .store-info .box .shareBtn{
    margin-left: auto;
    padding: 5px 10px;
    background-color: #000;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 11px;
    display: flex;
    align-items: center;
}
.contents .store-info .box .shareBtn img{
    margin-left: 7px;
    width: 10px;
}
/* 하단버전 13-4*/
.contents .store-info.ver_btm{
    background: transparent;
    color: #FFF;
    border-radius: 0;
    padding: 0;
    margin: 0 24px;
}
.contents .policyBox{
    margin-top: 36px;
}
.contents .policyBox label{
    margin-bottom: 0;
}
.contents .policyBox .tbox h3{
    font-size: 19px;
    color: #fff;
    word-break: keep-all;
    line-height: 1.4;
}
.contents .policyBox .tbox p{
    font-size: 14px;
    color: #777;
    margin-top: 16px;
}
.contents .policyBox .agree{
    margin-top: 40px;
    margin-bottom: 100px;
}
.contents .policyBox .agree label span{
    color: #fff;
    /* 추가 */
    font-weight: 500;
}
.contents .policyBox .agree .all-check{
    display: block;
}
.contents .policyBox .agree label{
    position: relative;
    display: block;
}
.contents .policyBox .agree label::after{
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.contents .policyBox .agree .all-check{
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #3A3B41;
}
.contents .policyBox .agree .all-check label{
    font-size: 17px;
}
.contents .policyBox .agree .all-check label::after{
    width: 24px;
    height: 24px;
    opacity: 0.2;
    background-image: url(/images/common/all-check-off.png);
}
.contents .policyBox .agree .all-check input:checked+label::after{
    opacity: 1;
    /*background-image: url(/images/common/all-check-on.png);*/
}
.contents .policyBox .agree .agree-list label{
    font-size: 14px;
}
.contents .policyBox .agree .agree-list label span{
    border-bottom: 1px solid #fff;
}
.contents .policyBox .agree .agree-list label::after{
    width: 16px;
    height: 16px;
    background-image: url(/images/common/check-off.png);
}
.contents .policyBox .agree .agree-list input:checked+label::after{
    /*background-image: url(/images/common/check-on.png);*/
    opacity: 1;

}
.contents .policyBox .agree .agree-list li:not(:first-child){
    margin-top: 20px;
}
.contents .policyBox .agree input{
    display: none;
}
.contents .inputBox .box{
    margin-top: 40px;
}
.contents .inputBox .box h4{
    position: relative;
    font-size: 17px;
    color: #F4F4F4;
    padding-left: 30px;
}
.contents .inputBox .box h4::before{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.contents .inputBox .box.n-1 h4::before{
    background-image: url(/images/common/address.png);
}
.contents .inputBox .box.n-2 h4::before{
    background-image: url(/images/common/music.png);
}
.contents .inputBox .box .inputWrap {
    margin-top: 24px;
}
.contents .inputBox .box .inputWrap p{
    font-size: 14px;
    color: #999999;
}
.contents .inputBox .box .inputWrap>div {
    position: relative;
}
.contents .inputBox .box .inputWrap>div input{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #3A3B41;
    width: 100%;
    padding: 15px 0;
}
.contents .inputBox .box .inputWrap>div input::placeholder{
    color: #555;
}
.contents .inputBox .box .inputWrap .add-01 button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-color: #3A3B41;
    border-radius: 6px;
    color: #fff;
    border: none;
    padding: 5px 14px;
}
.contents .radioBox{
    margin-bottom: 36px;
}
.contents .radioBox p{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #777;
    margin: 24px 0;
}
.contents .radioBox p button{
    background-color: transparent;
    border: none;
    padding: 0;
    margin-left: auto;
}
.contents .radioBox p button img{
    width: 18px;
}
.radioWrap{
    display: flex;
    gap: 8px;
}
.form_radio_btn {
    width: 80px;
    height : 32px;
    border-radius: 6px;
}
.form_radio_btn input[type=radio] {
    display: none;
}
.form_radio_btn label {
    display: block;
    border-radius: 10px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    height: -webkit-fill-available;
    line-height: 28px;
    font-size: 14px;
}
/* Checked */
.form_radio_btn input[type=radio]:checked + label {
    background: #000;
    color: #fff;
    border: 1px solid #fff;
}
/* Disabled */
.form_radio_btn input[type=radio] + label {
    background: #3A3B41;
    color: #fff;
    border: 1px solid #3A3B41;
}

/* design 마이페이지 */
.radioArea input[type=radio]:checked + label {
    background: #FFF;
    color: #000;
}
/* Disabled */
.radioArea input[type=radio] + label {
    display: inline-block;
    background:#3A3B41;
    color: #999;
    border-radius: 6px;
    line-height: 32px;
    text-align: center;
    min-width: 80px;
    font-size: 14px;
}

.contents .stepBox {
    border-top: 1px solid #3A3B41;
    border-bottom: 1px solid #3A3B41;
}
.contents .stepBox .inner{
    display: flex;
}
.contents .stepBox button{
    width: 20%;
    background-color: transparent;
    border: none;
    color: #555;
    padding: 12px 0;
    font-size: 13px;  
}
.contents .stepBox button.on{
    border-bottom: 1px solid #fff;
    color:#FFF
}
.contents .want_date{
    padding: 24px 0;
}
.contents .want_date h4 {
    position: relative;
    font-size: 17px;
    color: #F4F4F4;
    padding-left: 30px;
    display: flex;
}
.contents .want_date h4::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/images/common/wanted_date.png);
}
.contents .want_date.type-2 h4::before{
    background-image: url(/images/common/wanted_date2.png);
}
.contents .want_date.type-3 h4::before{
    background-image: url(/images/common/wanted_date3.png);
}
.contents .want_date.type-4 h4::before{
    background-image: url(/images/common/wanted_date4.png);
}
.contents .want_date.type-5 h4::before{
    background-image: url(/images/common/wanted_date5.png);
}
.contents .want_date.type-6 h4::before{
    background-image: url(/images/common/wanted_date6.png);
}
.contents .want_date.type-7 h4::before{
    background-image: url(/images/common/wanted_date7.png);
}
.contents .want_date.type-music h4::before{
    background-image: url(/images/common/music.png);
}
.contents .want_date h4 button {
    background-color: transparent;
    border: none;
    padding: 0
    margin-left: auto;
}
.contents .want_date h4 button img{
    height: 18px;
}
.contents .want_date>p {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #777;
    margin: 16px 0 24px;
}
.contents .want_date>p button {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-left: auto;
}
.contents .want_date>p button img{
    height: 18px;
}

.contents .want_date .btnBox button{
    width: 100%;
    display: block;
    border-radius: 6px;
    height: 44px;
    background-color: #3A3B41;
    color: #fff;
    border: none;
    font-size: 14px;
}
.contents .want_date .btnBox button:not(:first-child){
    margin-top: 12px;
}

.contents .want_date .confirmed{
    margin-top: 24px;
}
.contents .want_date .confirmed p{
    display: flex;
    font-size: 14px;
    padding-top: 24px;
    border-top: 1px solid #3A3B41;
}
.contents .want_date .confirmed p span{
    color: #777;
}
.contents .want_date .confirmed p b{
    margin-left: auto;
    color: #ffff;
}

.contents .want_date .showTime{
    display: flex;
    gap: 8px;
    flex-wrap: nowrap; 
    overflow-x: auto; 
}
.contents .want_date .showTime::-webkit-scrollbar{
    display: none;
}
.contents .want_date .showTime button{
    background-color: #3A3B41 ;
    color: #999999;
    width: 80px;
    flex: 0 0 auto;
    border: none;
    height: 32px;
    border-radius: 6px;
}
.contents .want_date .showTime button.select{
    background-color: #fff;
    color: #000;
}
.contents .want_date .audience {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #3A3B41;
    padding-bottom: 10px;
}
.contents .want_date .audience .countBtn{
    margin-left: auto;
    display: flex;
    gap: 8px;
}
.contents .want_date .audience input{
    font-size: 20px;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid #707070;
    background-color: transparent;
    color: #fff;
}
.contents .want_date .audience .box{
    width: calc(100% - 80px);
    text-align: center;    
    color: #555;
    font-weight: 700;
}
.contents .want_date .audience .box span{
    color: #fff;
    margin-right: 4px;
}

.contents .want_date .listCheck button{
    width: 100%;
    display: block;
    background-color: #3A3B41;
    height: 44px;
    border-radius: 6px;
    border: none;
    color: #777;
    font-size: 14px;
    background-position: left 16px center;
    background-repeat: no-repeat;
    background-size: 13.2px;
    background-image: url(/images/common/check-g.png);
}
.contents .want_date .listCheck button.on{
    color: #fff;
    background-image: url(/images/common/check-w.png);
}
.contents .want_date .listCheck button:not(:first-child){
    margin-top: 12px;
}
.contents .placeView {
    background-color: #000;
}
.contents .placeView .img{
    height: 250px;
}
.contents .placeView .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .placeView .tbox{
    display: flex;
    height: 70px;
    align-items: center;
}
.contents .placeView .tbox p{
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.contents .placeView .tbox p span{
    display: block;
    font-weight: 400;
}
.contents .placeView .tbox button{
    color: #fff;
    font-size: 11px;
    margin-left: auto;
    border: none;
    background-color: transparent;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 5.3px;
    background-image: url(/images/common/arr-more.png);
    padding-right: 24px;
}

.contents .want_date .ticket button{
    width: 100%;
    height: 44px;
    font-size: 14px;
    border: none;
    border-radius: 6px;
    background-color: #3A3B41;
    color: #999999;
}
.contents .want_date .ticket button.on{
    background-color: #fff;
    color: #000;
}
.contents .want_date .ticket button:not(:first-child){
    margin-top: 12px;
}
.contents .want_date .info-check{
    display: flex;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #3A3B41;
}
.contents .want_date .info-check b{
    font-size: 14px;
    color: #777;
}
.contents .want_date .info-check p{
    font-size: 14px;
    color: #fff;
    margin-left: auto;
}

.toastBox{
    position: fixed;
    background-color: rgba(0, 0, 0, 0.85);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    /* 추가 상단 타이틀 노출 */
    z-index:3
}
.toast{
    position: absolute;
    background-color: #24252B;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 16px 16px 0 0;
    padding: 24px;
    z-index: 1;
}
.toast .calendarBox .month{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.toast .calendarBox .month p{
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}
.toast .calendarBox .month button{
    padding: 0 ;
    background-color: transparent;
    border: none;
}
.toast .calendarBox .month button img{
    width: 32px;
}
.toast .calendarBox .calendar{
    margin-bottom: 24px;
}
.toast .calendarBox .calendar ul{
    display: flex;
}
.toast .calendarBox .calendar ul li{
    width: calc(100% / 7);
    height: calc((100vw - 48px) / 7);
    font-size: 14px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.toast .calendarBox .calendar .week li{
    color: #777;
}
.toast .calendarBox .calendar .date{
    flex-wrap: wrap;
}
.toast .calendarBox .calendar .date .nxt-date{
    color: #777;
}
.toast .calendarBox .calendar .date .today{
    position: relative;
    color: #FF2D55;
}
.toast .calendarBox .calendar .date .select{
    position: relative;
}
.toast .calendarBox .calendar .date .select::before{
    position: absolute;
    content: "";
    background-color: #000;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.toast .calendarBox .calendar .date .today::before{
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #ff2d55;
    border-radius: 4px;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.toast .calendarBox .recommendBtn button{
    width: 100%;
    border: none;
    background-color: #3A3B41;
    color: #777;
    border-radius: 6px;
    font-size: 14px;
    padding: 6px 0;
}
.toast .calendarBox .recommendBtn button.select{
    background-color: #fff;
    color: #000000;
}
.toast .calendarBox .recommendBtn button:not(:first-child){
    margin-top: 12px;
}
.toast .calendarBox .btnWrap button{
    padding: 13px 0;
    margin-top: 40px;
    width: 100%;
    border-radius: 6px;
    background-color: #24252B;
    border: 1px solid #707070;
    color: #fff;
    font-size: 17px;
}
.toast .calendarBox .dayWrap{
    display: flex;
    gap: 8px;
}
.toast .calendarBox .dayWrap button{
    width: calc((100% - 8px) / 2);
    font-size: 14px;
    background-color: #3A3B41;
    color: #fff;
    border-radius: 7px;
    border: none;
    height: 44px;
}
.toast .calendarBox .dayWrap button.on{
    background-color: #000;
}
.toast .calendarBox .timeList{
    position: relative;
    height: 50vh;
    overflow-y: scroll;
    margin: 25px 0;
}
.toast .calendarBox .timeList button{
    display: block;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #3A3B41;
    width: 100%;
    padding: 16px 0;
    color: #555;
    font-size: 17px;
}
.toast .calendarBox .timeList button:last-child{
    border-bottom: none;
}
.toast .calendarBox .timeList button.on{
    color: #fff;
}

.contents .tipBox{
    background-color: #232326;
    border-radius: 5px;
    padding: 16px;
}
.contents .tipBox > h4{
    position: relative;
    color: #fff;
    font-size: 14px;
    padding-left: 24px;
    margin-bottom: 16px !important;
}
.contents .tipBox h4::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/images/common/tip.png);
}
.contents .tipBox .pbox p{
    position: relative;
    color: #777;
    padding-left: 10px;
}
.contents .tipBox .pbox p b{
    font-weight: 600;
}
.contents .tipBox .pbox p::before{
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #777;
    top: 8.5px;
    left: 0;
}
.contents .tipBox .pbox p:not(:first-child){
    margin-top: 10px;
}


.contents .moumiImg{
    position: relative;
    padding-top: 73px;
    height: 570px;
}
.contents .moumiImg p{
    position: absolute;
    font-size: 25vw;
    line-height: 25vw;
    color: #fff;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: 700;
}
.contents .moumiImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .svcList {
    margin-top: 16px;
}
.contents .svcList .item{
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px 0;
    border-bottom: 1px solid #3A3B41;
}
.contents .svcList .item .img{
    width: 104px;
    height: 104px;
    border-radius: 10px;
}
.contents .svcList .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .svcList .item .tbox{
    width: calc(100% - 128px);
}
.contents .svcList .item .tbox span{
    color: #999;
    font-size: 12px;
    display: block;
    margin-bottom: 13.5px;
}
.contents .svcList .item .tbox h3{
    color: #fff;
    font-size: 17px;
    margin-bottom: 5px;
}
.contents .svcList .item .tbox p{
    color: #777;
    font-size: 14px;
}
.contents .svcList>p{
    text-align: center;
    color: #777;
    margin-top: 24px;
}


.contents .homeSelec{
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
}
.contents .homeSelec button{
    height: 32px;
    border: none;
    background-color: #3A3B41;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    padding: 0 16px;
}
.contents .homeSelec button.active{
    background-color: #fff;
    color: #000;
    font-weight: 600;
}
.contents .selecCategory{
    display: flex;
}
.contents .selecCategory button{
    position: relative;
    width: 20%;
    height: 44px;
    border: none;
    color: #555555;
    background-color: #000;
}
.contents .selecCategory button.active{
    color: #fff;
    font-weight: 600;
}
.contents .selecCategory button:not(:first-child)::before{
    position: absolute;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #555;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.contents .posterSlide{
    position: relative;
}
.contents .posterSlide img{
    width: 100%;
}
.contents .posterSlide .swiper-slide{
    position: relative;
}
.contents .posterSlide .swiper-slide::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    z-index: 1;
}
.contents .posterSlide .swiper-pagination{
    color: #fff;
    left: 24px;
    bottom: 24px;
    width: auto;
    border: 1px solid #707070;
    padding: 4px 16px;
    border-radius: 20px;
    color: #fff;
    font-size: 13px;
}

.contents .mum_recommend{
    padding: 40px 0;
}
.contents .mum_recommend .tit{
    display: flex;
    margin-bottom: 24px;
}
.contents .mum_recommend .tit h2{
    color: #fff;
    font-size: 25px;
}
.contents .mum_recommend .tit h2.s_title{
    font-size: 19px;
}
.contents .mum_recommend .tit button{
    margin-left: auto;
    background-color: transparent;
    border: none;
    padding: 0;
}
.contents .mum_recommend .tit button img{
    width: 10px;
    padding: 0;
}

.contents .mum_recommend .mum_slide .item .img{
    position: relative;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    height: calc(((100vw - 68px) / 2.3) * 1.35);
}
.contents .mum_recommend .mum_slide .item img{
    width: 100%;
}
.contents .mum_recommend .mum_slide .item .img span{
    position: absolute;
    color: #fff;
    background-color: #000;
    border-radius: 0 5px 0 15px;
    right: 0;top: 0;
    padding: 3px 7px 7px 11px;
}
.contents .mum_recommend .mum_slide .item .tbox{
    color: #fff;
    margin-top: 8px;
}
.contents .mum_recommend .mum_slide .item .tbox h3{
    font-size: 14px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.8;
    font-weight: 600;
    height: 50.39px;
}
.contents .mum_recommend .mum_slide .item .tbox .place{
    font-size: 11px;
    padding: 5px 9px;
    border-radius: 5px;
    display: inline-block;
    background-color: #000;
    margin: 8px 0;
}
.contents .mum_recommend .mum_slide .item .tbox .date{
    font-size: 13px;
    color: #8E8E93;
}



.contents .mum_origin {
    padding: 40px 0;
    background-color: #000;
}
.contents .mum_origin .tit {
    margin-bottom: 24px;
}
.contents .mum_origin .tit h2{
    color: #fff;
    font-size: 25px;
}
.contents .mum_origin .box .img{
    width: 100%;
    height: 235px;
    border-radius: 10px;
    overflow: hidden;
}
.contents .mum_origin .box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .mum_origin .box .tbox {
    font-size: 14px;
    margin-top: 24px;
}
.contents .mum_origin .box .tbox h3{
    color: #fff;
}
.contents .mum_origin .box .tbox p{
    margin-top: 8px;
    color: #999;
}

.contents .mum_place{
    padding: 40px 0;
}
.contents .mum_place .tit{
    display: flex;
    margin-bottom: 24px;
}
.contents .mum_place .tit h2{
    color: #fff;
    font-size: 25px;
}
.contents .mum_place .tit button{
    margin-left: auto;
    background-color: transparent;
    border: none;
    padding: 0;
}
.contents .mum_place .tit button img{
    width: 10px;
    padding: 0;
}
.contents .mum_place .list{
    display: flex;
    gap: 11px;
}
.contents .mum_place .list .item{
    position: relative;
    width: calc((100% - 22px) / 3);
    /* height: 160px; */
    min-height: 160px;
    height: 40vw;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contents .mum_place .list .item.n-1{
    background-image: url(/images/selection/place-1.png);
}
.contents .mum_place .list .item.n-2{
    background-image: url(/images/selection/place-2.png);
}
.contents .mum_place .list .item.n-3{
    background-image: url(/images/selection/place-3.png);
}
.contents .mum_place .list .item .my{
    position: absolute;
    top: 8px;
    left: 8px;
    width: 31px;
    height: 31px;
    border-radius: 30px;
    border: 1px solid #fff;
    overflow: hidden;
}
.contents .mum_place .list .item  p{
    position: absolute;
    bottom: 8px;
    left: 8px;
    color: #fff;
    font-size: 14px;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.contents .interview{
    padding: 40px 0;
    background-color: #000;
}
.contents .interview .tit{
    display: flex;
    margin-bottom: 24px;
}
.contents .interview .tit h2{
    color: #fff;
    font-size: 25px;
}
.contents .interview .tit button{
    margin-left: auto;
    background-color: transparent;
    border: none;
    padding: 0;
}
.contents .interview .tit button img{
    width: 10px;
    padding: 0;
}
.contents .interview .box .img{
    width: 100%;
    height: 235px;
    border-radius: 10px;
    overflow: hidden;
}
.contents .interview .box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .interview .box .tbox {
    font-size: 14px;
    margin-top: 24px;
}
.contents .interview .box .tbox h3{
    color: #fff;
}
.contents .interview .box .tbox p{
    margin-top: 8px;
    color: #999;
}


.contents .mum_selection{
    padding: 40px 0;
}
.contents .mum_selection .tit{
    display: flex;
    margin-bottom: 24px;
}
.contents .mum_selection .tit h2{
    color: #fff;
    font-size: 25px;
}
.contents .mum_selection .tit button{
    margin-left: auto;
    background-color: transparent;
    border: none;
    padding: 0;
}
.contents .mum_selection .tit button img{
    width: 10px;
    padding: 0;
}
.contents .mum_selection .list{
    display: flex;
    gap: 11px;
}
.contents .mum_selection .list .item{
    position: relative;
    width: calc((100% - 22px) / 3);
    height: 160px;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contents .mum_selection .list .item.n-1{
    background-image: url(/images/selection/selec-1.png);
}
.contents .mum_selection .list .item.n-2{
    background-image: url(/images/selection/selec-2.png);
}
.contents .mum_selection .list .item.n-3{
    background-image: url(/images/selection/selec-3.png);
}
.contents .mum_selection .list .item .my{
    position: absolute;
    top: 8px;
    left: 8px;
    width: 31px;
    height: 31px;
    border-radius: 30px;
    border: 1px solid #fff;
    overflow: hidden;
}
.contents .mum_selection .list .item p{
    position: absolute;
    bottom: 8px;
    left: 8px;
    color: #fff;
    width: calc(100% - 16px);
    font-size: 14px; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.contents .mum_footer{
    padding: 40px 0;
    background-color: #000;
}
.contents .mum_footer .box:not(:first-child){
    margin-top: 24px;
}
.contents .mum_footer .box h2{
    font-size: 17px;
    color: #fff;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.contents .mum_footer .box .tt p{
    font-size: 18px;
    color: #fff;
    margin-bottom: 16px;
}
.contents .mum_footer .box .tt b{
    font-size: 14px;
    font-weight: 400;
    color: #999;
}
.contents .mum_footer .box .btnBox{
    display: flex;
    gap: 8px;
}
.contents .mum_footer .box .btnBox button{
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    font-size: 11px;
    border-radius: 3px;
    padding: 4px 9px;
}
.contents .mum_footer .snsBox{
    margin-top: 40px;
    display: flex;
}
.contents .mum_footer .snsBox .btnWrap{
    display: flex;
    gap: 12px;
}
.contents .mum_footer .snsBox .btnWrap a{
    width: 30px;
    height: 30px;
}
.contents .mum_footer .snsBox .btnWrap a img{
    width: 100%;
}
.contents .mum_footer .snsBox p{
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #999;
}
.contents .mum_footer .snsBox p img{
    width: 8.8px;
    height: auto;
    margin-left: 4px;
}

.contents .onlyMum{
    padding: 24px 0;
}
.contents .onlyMum .item:not(:first-child){
    margin-top: 12px;
}
.contents .onlyMum .item{
    display: flex;
    border: 1px solid #3A3B41;
    border-radius: 10px;
    padding: 16px;
    gap: 24px;
    align-items: center;
}
.contents .onlyMum .item .img{
    width: 104px;
    height: 104px;
    border-radius: 10px;
    overflow: hidden;
}
.contents .onlyMum .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .onlyMum .item .tbox{
    width: calc(100% - 128px);
}
.contents .onlyMum .item .tbox span{
    font-size: 12px;
    color: #999;
    margin-bottom: 13.5px;
    display: block;
}
.contents .onlyMum .item .tbox h3{
    font-size: 17px;
    color: #fff;
    margin-bottom: 8px;
}
.contents .onlyMum .item .tbox p{
    font-size: 14px;
    color: #777;
}

.contents .onlyTop {
    position: relative;
    height: 440px;
}
.contents .onlyTop::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 20%;
    bottom: 0;
    left: 0;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.contents .onlyTop img{
    width: 100%;
}
.contents .only-intro{
    position: relative;
    margin-top: -90px;
}
.contents .only-intro>span{
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 5px 16px;
    margin-bottom: 16px;
    display: inline-block;
}
.contents .only-intro .box{
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
}
.contents .only-intro .box h3{
    font-size: 25px;
    margin-bottom: 12px;
}
.contents .only-intro .box .info p{
    display: flex;
    font-size: 13px;
    color: #000;
}
.contents .only-intro .box .info p:not(:first-child){
    margin-top: 5px;
}
.contents .only-intro .box .info p b {
    width: 83px;
    display: flex;
}
.contents .only-intro .box .info p b img{
    height: 20px;
    margin-right: 5px;
}


.contents .only-intro .box .sharebox{
    display: flex;
    align-items: center;
    margin-top: 24px;
}
.contents .only-intro .box .sharebox .people{
    display: flex;
}
.contents .only-intro .box .sharebox .people .profile{
    position: relative;
    display: flex;
    width: 60px;
}
.contents .only-intro .box .sharebox .people .profile>div{
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
    overflow: hidden;
}
.contents .only-intro .box .sharebox .people .profile>div:nth-child(2){
    position: absolute;
    left: 15px;
}
.contents .only-intro .box .sharebox .people .profile>div:nth-child(3){
    position: absolute;
    left: 30px;
}
.contents .only-intro .box .sharebox .people .profile>div:nth-child(1){
    position: relative;
}
.contents .only-intro .box .sharebox .people .profile>div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .only-intro .box .sharebox .people .tt {
    margin-left: 9.5px;
}
.contents .only-intro .box .sharebox .people .tt h4{
    font-size: 14px;
    line-height: 1;
}
.contents .only-intro .box .sharebox .people .tt p{
    margin-top: 0;
    font-size: 11px;
}
.contents .only-intro .box .sharebox .shareBtn{
    margin-left: auto;
    padding: 5px 10px;
    background-color: #000;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 11px;
    display: flex;
    align-items: center;
}
.contents .only-intro .box .sharebox .shareBtn img{
    margin-left: 7px;
    width: 10px;
}
.contents .onlyView{
    padding: 40px 0;
}
.contents .onlyView .box:not(:first-child){
    margin-top: 24px;
}
.contents .onlyView .box h3{
    display: flex;
    font-size: 17px;
    color: #fff;
    margin-bottom: 16px;
}
.contents .onlyView .box h3 img{
    height: 20px;
    margin-right: 8px;
}
.contents .onlyView .box .item{
    border: 1px solid #3A3B41;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 24px;
    box-shadow: 0 3px 6px #000;
}
.contents .onlyView .box .item .img{
    border-radius: 10px;
    overflow: hidden;
    width: 104px;
    height: 104px;
}
.contents .onlyView .box .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .onlyView .box .item .tbox{
    width: calc(100% - 128px);
    color: #fff;
}
.contents .onlyView .box .item .tbox span{
    font-size: 12px;
}
.contents .onlyView .box .item .tbox h3{
    font-size: 17px;
}
.contents .onlyView .box .item .tbox p{
    font-size: 14px;
}


.contents .only-list .box:not(:first-child){
    margin-top: 40px;
}
.contents .only-list .box:last-child{
    padding-bottom: 24px;
}
.contents .only-list .box h3{
    font-size: 19px;
    color: #fff;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #3A3B41;
    line-height: 30px;  
    font-weight: 600;
}
.contents .only-list .box.none h3{
    padding-bottom: 0;
    border-bottom: none;
}

.contents .only-list .box p{
    color: #777;
    font-size: 14px;
}
.contents .only-list .box .mini-list{
    display: flex;
    gap: 11px;
    margin-top: 24px;
}
.contents .only-list .box .mini-list .img{
    position: relative;
    width: calc((100% - 11px) / 4);
    height: calc((100vw - 81px) / 4);
    border-radius: 5px;
    overflow: hidden;
}
.contents .only-list .box .mini-list .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .only-list .box .mini-list .img:nth-child(4)::after{
    position: absolute;
    content: "+3";
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    font-weight:500 ;
}
.contents .only-list .box .videoBox{
    position: relative;
    margin-bottom: 24px;
}
.contents .only-list .box .videoBox>img{
    width: 100%;
}
.contents .only-list .box .videoBox button{
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: transparent;
    padding: 0;
    border: none;
    width: 35px;
    height: 35px;
    transform: translate(-50%,-50%);
}
.contents .only-list .box .videoBox button img{
    width: 100%;
}



.contents .spaceTop {
    position: relative;
    height: 440px;
}
.contents .spaceTop::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 20%;
    bottom: 0;
    left: 0;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.contents .spaceTop img{
    width: 100%;
}
.contents .space-intro{
    position: relative;
    margin-top: -90px;
}
.contents .space-intro>span{
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 5px 16px;
    margin-bottom: 16px;
    display: inline-block;
}
.contents .space-intro .timer{
    display: flex;
    align-items: center;
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 16px 24px;
}
.contents .space-intro .timer p{
    color: #fff;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 19px;
}
.contents .space-intro .timer p img{
    height: 18px;
    margin-right: 8.5px;
}
.contents .space-intro .timer b{
    color: #bbb;
    margin-left: auto;
    font-size: 14px;
}
.contents .space-apply{
    margin-top: 24px;
}
.contents .space-apply h3{
    font-size: 17px;
    display: flex;
    color: #fff;
    align-items: center;
}
.contents .space-apply h3 img{
    height: 20px;
    margin-right: 8px;
}
.contents .space-apply p{
    font-size: 14px;
    color: #777;
}
.contents .space-apply .applyBtn{
    background-color: #fff;
    width: 100%;
    height: 52px;
    border-radius: 7px;
    border: 1px solid #707070;
    margin-top: 24px;
    font-size: 17px;
    font-weight: 700;
}
.contents .space-list{
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #3A3B41;
}
.contents .space-list h3{
    color: #fff;
    font-size: 25px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px;
    background-image: url(/images/selection/arr-more.png);
}
.contents .space-list .list {
    margin-top: 24px;
}
.contents .space-list .list .item{
    display: flex;
    gap: 24px;
    align-items: center;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #3A3B41;
    margin-bottom: 12px;
}
.contents .space-list .list .item .img{
    width: 104px;
    height: 104px;
    border-radius: 10px;
}
.contents .space-list .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .space-list .list .item .tbox{
    width: calc(100% - 128px);
}
.contents .space-list .list .item .tbox span{
    font-size: 12px;
    color: #999;
    display: block;
    margin-bottom: 12px;
}
.contents .space-list .list .item .tbox h4{
    font-size: 17px;
    color: #fff;
}
.contents .space-list .list .item .tbox p{
    font-size: 14px;
    color: #777;
}
.contents .space-list .list .item.end .img{
    position: relative;
}
.contents .space-list .list .item.end .img::after{
    position: absolute;
    content: "지원종료";
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}


.contents .myPage .imgBox{
    padding: 40px 0 24px;
}
.contents .myPage .imgBox .img{
    position: relative;
    width: 84px;
    height: 84px;
    margin: 0 auto;
}
.contents .myPage .imgBox .img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.contents .myPage .imgBox .img button{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 50%;
    background-color: transparent;
}
.contents .myPage .imgBox > p{
    color: #fff;
    text-align: center;
    margin-top: 12px;
    font-size: 17px;
}
.contents .myPage .imgBox > p span{
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 5px 12px;
    display: inline-block;
    margin-right: 8px;
    font-size: 11px;
}
.contents .myPage .btnBox{
    display: flex;
    margin-top: 36px;
}
.contents .myPage .btnBox button{
    width: 33.333%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: none;
    background-color: transparent;
    position: relative;
}
.contents .myPage .btnBox button + button{
   border-left:1px solid #3A3B41
}
.contents .myPage .btnBox button img{
    height: 26px;
    margin: 0 auto;
}
.contents .myPage .btnBox button span{
    width: 100%;
    color: #fff;
    margin-top: 10px;
    font-size: 14px;
}
/* 새글알림 */
.contents .myPage .btnBox button span.sts_alarm_on{
    position: absolute;
    background: #FF2D55;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: -50px 40px 0 0;
    right: 0;
}
.contents .myPage .box{
    background-color: #000;
    padding: 24px;
}
.contents .myPage .box.flex_bg_area{
    min-height:calc(100vh - 140px)
}
.contents .myPage .box.flex_bg_in_tab_area{
    min-height:calc(100vh - 190px)
}
.contents .myPage .box.ver_b_bg,
#wrap .bottomBtn.ver_b_bg{
    background: #101012;
}
.contents .myPage .box.last_box{
    margin-top: 0 !important;
    padding-top: 40px;
    padding-bottom: 34px;
    background-color: #101012;
}
.contents .myPage .box:not(:first-child){
    margin-top: 12px;
}
.contents .myPage .box h4{
    font-size: 14px;
    color: #777;
    margin-bottom: 24px;
    font-weight:400
}
.contents .myPage .box ul.myp_list li{
    font-size: 17px;
    color: #fff;
    padding: 16px 0;
    position:relative;
    font-weight:500;
    padding-right:20px
}
.contents .myPage .box ul.in-txt-box li{
    display:flex;
    justify-content: space-between;
}
.contents .myPage .box ul.in-txt-box li > span{
    display:inline-block;
    color: #555;
    font-size: 14px;
    letter-spacing: -0.7px;
}
.contents .myPage .box ul.in-txt-box li > span.password{
    line-height:1;
    margin-top:7px
}
.contents .myPage .box ul.myp_list li:not(.notarrow):after{
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    width: 6px;
    height: 10px;
    background: url(/images/common/arr-link.svg) no-repeat center center;
    background-size: 6px;
    top: 50%;
    transform: translate(0,-50%);
}
.contents .myPage .box ul.myp_list li.none_icon:after{
    display:none
}
.contents .myPage .box ul.myp_list li:first-child:after{
    top: 12px
}
.contents .myPage .box ul.myp_list li:last-child:after{
    top: 26px 
}
.contents .myPage .box ul.myp_list li:not(:first-child){
    border-top: 1px solid #3A3B41;
}
.contents .myPage .box ul.myp_list li:first-child{
    padding-top: 0;
}
.contents .myPage .box ul.myp_list li:last-child{
    padding-bottom: 0;
}
.contents .myPage .box ul.myp_list li .new{
    color: #FF2D55;
    font-size: 11px;
    margin-left: 3px;
}

/* add 231205 */
.tc {text-align:center !important}
#wrap .bottomBtn>button{
    font-weight: 500;
}
.bg-black{
    background: #000;
}
.bg-dark{
    background: #101012 !important;
}
.mg-b16{
    margin-bottom: 16px !important;
}
.mg-b12{
    margin-bottom: 12px !important;
}
.mg-b24{
    margin-bottom: 24px !important;
}
.mg-t24{
    margin-top: 24px !important;
}
.mg-t16{
    margin-top: 16px !important;
}
.mg-b30{
    margin-bottom: 30px !important;
}
.mg-b40{
    margin-bottom: 40px !important;
}
.mg-b0{
    margin-bottom: 0 !important;
}
.pd-t12{
    padding-top:12px !important;
}
.pd-t24{
    padding-top:24px !important;
}
.pd-b10{
    padding-bottom:10px !important;
}
.pd-b0{
    padding-bottom:0px !important;
}
.pd-b40{
    padding-bottom:40px !important;
}
.pd-t0{
    padding-top:0px !important;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.contents .myPage dd,
.contents .myPage label{margin-bottom:0}
input.bs_inp{
    width: 100%;
    border: 0;
    outline: none;
    background: #FFF;
    color:#000;
    font-size:14px;
    line-height:30px    
}
.flexBox{
    display:flex
}
.ver_none_border{
    border:0 !important;
}
.Btn_box_type{
    display:flex
}
/* 좋아요버튼 */
.contents button.btn_like{
    transition: all .2s;
    display: inline-block;
    border: 0;
    width: 22px;
    height: 36px;
    background: url(/images/common/ico_like.svg) no-repeat center center;
    background-size: 20px;
    outline: none;
}
.contents button.btn_like.active{
    transition: all .2s;
    background: url(/images/common/ico_like_active.svg) no-repeat center center;
}
/* 하단에 고정될때 */
.Btn_box_type.ver_btm_fixed{
    position: fixed;
    width: calc(100% - 48px);
    bottom: 107px;
}

.Btn_box_type > button{
    border-radius:7px;
    line-height: 50px;
    height: 52px;
    text-align: center;
    outline: none;
}
.Btn_box_type .btn_full_white{
    display:block;
    width:100%;
    background:#FFF;
    color:#000;
    font-size: 17px;
    letter-spacing: -.85px;
    border: 1px solid #707070;
    font-weight: 700;
}
.Btn_box_type .btn_full_white.s_btn{
    font-size: 14px;
    line-height: 1;
    border-radius:6px;
    height:44px;
    font-weight:normal;
    border:0 
}
.Btn_box_type .btn_full_line{
    display:block;
    width:100%;
    background:transparent;
    color:#FFF;
    font-size: 17px;
    letter-spacing: -.85px;
    border: 1px solid #3A3B41;
    font-weight: 700;
    padding: 0;
}
.Btn_box_type .btn_full_line.s_btn{
    font-size: 14px;
    line-height: 1;
    border-radius:6px;
    height:44px;
    font-weight:normal;
}
.contents .toptabBox {
    border-top: 1px solid #3A3B41;
    border-bottom: 1px solid #3A3B41;
    display:flex;
    width:100%;
    position:relative;
    background-color: #000;
}
.contents .toptabBox button{
    width: 50%;
    background-color: transparent;
    border: none;
    color: #555;
    padding: 12px 0;
    font-size: 13px;  
}
.contents .toptabBox.area03 button{
    width: calc(100% / 3);
    background-color: transparent;
    border: none;
    color: #555;
    padding: 12px 0;
    font-size: 13px;  
    position: relative;
}
.contents .toptabBox button.on{
    border-bottom: 1px solid #fff;
    color:#FFF
}
.contents .toptabBox::before{
    content: '';
    display:inline-block;
    width:1px;
    height: 46%;
    background-color: #3A3B41;
    position: absolute;
    left: 50%;
    top: 27%;
}
.contents .toptabBox.area03::before{
    display: none;
}
.contents .toptabBox.area03 button + button::before{
    content: '';
    display:inline-block;
    width:1px;
    height: 46%;
    background-color: #3A3B41;
    position: absolute;
    top: 27%;
    left: 0;
}


.contents .myPage .my_dl_list{
    border-radius: 10px;
    border:1px solid #3A3B41;
    margin-top:20px;
    padding:24px
}
.contents .myPage .my_dl_list.ver_normal_dl_list{
    padding:0
}
.contents .myPage .my_dl_list.ver_normal_dl_list{
    border-bottom:1px solid #3A3B41 !important;
    border-radius: 0;
    padding-bottom:24px
}
.contents .myPage .my_dl_list.ver_none_border{
    margin-top: 0;
}
.contents .myPage .my_dl_list dl{
    display:flex;
    justify-content: space-between;
}
.contents .myPage .my_dl_list dl + dl{
    margin-top:7px
}
.contents .myPage .my_dl_list dt{
    font-size: 14px;
    letter-spacing: -0.7px;
    font-weight: 700;
    color: #FFF;
    line-height: 20px;
}
.contents .myPage .my_dl_list dd{
    font-size:14px;
    color: #999;
    margin-bottom:0;
    line-height: 20px;
}
.contents .myPage .imgBox p span.in_border:after{
    content:'';
    position:absolute;
    display:inline-block;
    left:0;
    right:0;
    top:0;
    bottom:0;
    border-radius:50px;
    border:1px solid #FFF;
    opacity:.5;
    background:transparent
}
.contents .myPage .imgBox p span.in_border{
    position:relative;
    border:0
}

/* 마이페이지 콘서트관리 */
#wrap .bank-box{
    display: inline-flex;
    gap: 7px;
    font-size: 16px;
    color:#999;
    line-height:24px
}
#wrap .bank-box i{
    display:inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow:hidden;
    text-indent: -99em;
    background-size:24px;
    background-repeat:no-repeat;
    background-position: center center;
}
#wrap .bank-box i.bank-ku{
    background-image:url(/images/my/icon-bnak-ku.svg);
}
#wrap .bank-box i.bank-kb{
    background-image:url(/images/my/icon-bnak-kb.svg);
}
#wrap .bank-box i.bank-wr{
    background-image:url(/images/my/icon-bnak-wr.svg);
}
#wrap .bank-box i.bank-nh{
    background-image:url(/images/my/icon-bnak-nh.svg);
}
#wrap .bank-box i.bank-shan{
    background-image:url(/images/my/icon-bnak-shan.svg);
}
#wrap .bank-box i.bank-sh{
    background-image:url(/images/my/icon-bnak-sh.svg);
}
#wrap .bank-box i.bank-hn{
    background-image:url(/images/my/icon-bnak-hn.svg);
}
#wrap .bank-box i.bank-suh{
    background-image:url(/images/my/icon-bnak-suh.svg);
}
#wrap .bank-box i.bank-bs{
    background-image:url(/images/my/icon-bnak-bs.svg);
}
#wrap .bank-box i.bank-ji{
    background-image:url(/images/my/icon-bnak-ji.svg);
}
.contents .myPage .myp_item_list{
    border:1px solid #3A3B41;
    padding:24px;
    border-radius: 10px;
    margin-top:24px;
}
.contents .myPage .myp_item_list li{
    padding:24px 0;
    display:flex;
    align-items: center;
    gap: 16px;
}
.contents .myPage .myp_item_list li:first-child{
    padding-top:0
}
.contents .myPage .myp_item_list li + li{
    border-top:1px solid #3A3B41
}
.contents .myPage .myp_item_list li .img{
    border-radius: 10px;
    overflow: hidden;
    width: 104px;
    height: 104px;
}
.contents .myPage .myp_item_list li .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .myPage .myp_item_list li .tbox{
    width: calc(100% - 104px);
    flex:1;
    color: #fff;
}
.contents .myPage .myp_item_list li .tbox span{
    display: block;
    font-size: 12px;
}
.contents .myPage .myp_item_list li .tbox span.theme{
    font-size: 14px;
    color:#777;
    margin-top:5px
}
.contents .myPage .myp_item_list li .tbox h3{
    font-size: 17px;
}
.contents .myPage .myp_item_list li .tbox h4{
    font-size: 17px;
    font-weight:700;
    color: #FFF;
    margin-bottom:0;
}
.contents .myPage .myp_item_list li .tbox .date{
    font-size: 11px;
    letter-spacing: -0.55px;
    margin-top:12px
}
.contents .myPage .myp_item_list li .tbox p .state{
    font-style: normal;
    display:inline-block;
    margin-top:13px;
    border-radius: 50px;
    font-size: 11px;
    color:#FFF;
    line-height: 24px;
    padding:0 12px;
    height: 26px;
    background: #3A3B41;
}
.contents .myPage .myp_item_list li .tbox p .state.ing{
    background: #FF2D55;
}
.contents .myPage .myp_item_list li .tbox p .state.matching{
    background: #396e0c;
}
.contents .myPage .myp_item_list li .tbox p .state.contract{
    background: #2a95ce;
}
.contents .myPage .myp_item_list li .tbox p .state.delete{
    background: #aa2ace;
}
.contents .myPage .myp_item_list li .tbox p .state.result{
    background: #cccaca;
    color: #000000;

}
.contents .myPage .myp_item_list li:nth-last-child(1){
    padding-bottom:0
}
/* 마이페이지 지원뮤지션 리스트 */
.contents .myPage .myp_item_list.ver_apply_ms{
    padding:0;
    border-radius: 0;
    margin-top:0;
    padding-top:16px
}
.contents .myPage .box + .box .myp_item_list.ver_apply_ms{
    padding-top:0
}
.contents .myPage .myp_item_list.ver_apply_ms > h3{
    color:#FFF;
    font-weight: 700;
    font-size: 17px;
    margin-bottom:24px
}
.contents .myPage .myp_item_list.ver_apply_ms li{
    border:1px solid #3A3B41;
    border-radius: 10px;
    padding:16px;
    gap:24px;
    box-shadow: 0 3px 6px #000;
}
.contents .myPage .myp_item_list.ver_apply_ms li.active{
    background:#FFF
}
.contents .myPage .myp_item_list.ver_apply_ms li.active *{
    color:#000 !important
}
.contents .myPage .myp_item_list.ver_apply_ms li + li{
    margin-top:12px
}
.contents .myPage .myp_item_list.ver_apply_ms li + li{
    margin-top:12px
}

/* 콘서트 정산 */
.contents .myPage .account_list dl + dl{
    margin-top:40px
}
.contents .myPage .account_list > .Btn_box_type{
    margin-top:40px
}
.contents .myPage .account_list dt{
    font-size:17px;
    font-weight: 500;
    color:#FFF;
    display:flex;
    line-height: 1;
    gap: 8px;
    align-items: center;
    margin-bottom: 24px;
}
.contents .myPage .account_list dt .s_tit{
    display:block;
    margin-top: 12px;
    font-size:14px;
    color: #555555;
}
.contents .myPage .account_list dt i{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100% !important;
    margin-bottom: -3px;
}
.contents .myPage .account_list dt i.icon-money{
    background: url(/images/my/icon-money.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-menu{
    background: url(/images/my/icon-menu.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-info{
    background: url(/images/my/icon-info.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-bscard{
    background: url(/images/my/icon-bscard.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-member{
    background: url(/images/my/icon-member.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-adr{
    background: url(/images/my/icon-adr.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-insta{
    background: url(/images/my/icon-insta.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-people{
    background: url(/images/my/icon-people.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-photo{
    background: url(/images/my/icon-photo.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-sx,
.contents .want_date h4.type-sx::before{
    background: url(/images/my/icon-sx.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-cate,
.contents .want_date h4.type-cate::before{
    background: url(/images/my/icon-cate.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-music,
.contents .want_date h4.type-music::before{
    background: url(/images/my/icon-music.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-age,
.contents .want_date h4.type-age::before{
    background: url(/images/my/icon-age.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-compo{
    background: url(/images/my/icon-conmpo.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-youtube{
    background: url(/images/my/icon-youtube.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-date{
    background: url(/images/my/icon-date.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-time{
    background: url(/images/my/icon-time.svg) no-repeat center center;
}
.contents .myPage .account_list dt i.icon-mike{
    background: url(/images/my/icon-mike.svg) no-repeat center center;
}
.contents .myPage .account_list dd{
    border-bottom:1px solid #3A3B41;
    padding-bottom:10px
}
/* 프로필 작성부분 */
.contents .myPage .account_list.ver_profile dd{
    border-bottom:1px solid #3A3B41;
    padding-bottom:17px
}
.contents .myPage .account_list.ver_profile dd .nor_textarea{
    height:30vh;
    width: 100%;
    background: transparent;
    border: 0;
    color:#FFF;
    outline:none;
}
.contents .myPage .account_list.ver_profile dd.areaBox{
    border: 1px solid #3A3B41 !important;
    border-radius: 5px;
    padding: 24px !important;
    
}
.contents .myPage .account_list.ver_profile dd.areaBox p{
    font-size: 14px;
    color: #999;
    text-align: right;
}
.contents .myPage .account_list dd.flexBox{
    justify-content: space-between;
    font-size: 14px;
    color: #777;
    border: 0;
    padding-bottom: 0;
    border-top: 1px solid #3A3B41;
    padding-top: 24px;
    line-height: 1;
}
.contents .myPage .account_list dd.bd-t0{
    border-top:0
}
.contents .myPage .account_list dd.flexBox .total_mn{
    color:#FFF;
    font-weight: 400;
}
.contents .myPage .account_list dd.Btn_box_type{
    border-bottom:0;
    padding-bottom:0
}
.contents .myPage .account_list dd input[type='text'],
.contents .myPage .account_list dd input[type='password'],
.contents .myPage .account_list dd input[type='tel']{
    background: transparent;
    border: 0;
    width: 100%;
    outline: none;
    color: #FFF;
}
.contents .myPage .account_list dd input::placeholder{
    color:#777777;
}
.contents .myPage .account_list dd button.on_select_bank{
    background:#101012;
    border-color:#3A3B41
}
.toastBox .bankBox h4{
    font-weight: 700;
    font-size: 17px;
    color: #999;
    margin-bottom: 24px;
}
.toastBox .bankBox .search_box{
    display: flex;
    padding-left: 20px;
    background: #3A3B41;
    line-height: 52px;
    border-radius: 7px;
    height:52px;
    align-items: center;
    margin-bottom: 20px;
}
.toastBox .bankBox .search_box input{
    flex:1;
    background:transparent;
    color:#FFF
}
.toastBox .bankBox .search_box button{
    display:inline-flex;
    width: 15px;
    height: 15px;
    justify-content: center;
    border: 0;
    background: transparent;
    align-items: center;
    padding: 0 20px;
}
.toastBox .bankBox .search_box button img{
    width:15px;
}
.toastBox .bank_list{
    display: flex;
    gap:20px 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
.toastBox .bank_list li{
    padding:5px 0;
    width:50%;
}
/* 마이페이지 회원정보수정 */
.contents .myPage .box h4 p.info{
    color:#FFF;
    margin-top: 24px;
}
#wrap .vs-hidden{
    width:1px;
    height: 1px;
    overflow: hidden;
    text-indent: -999rem;
    background: transparent;
    font-size: 0;
    position: absolute;
}
.contents .myPage input.btn-check + label{
    display:inline-block;
    width: 37px;
    height: 20px;
    background: transparent;
    border: 3px solid #FFF;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}
.contents .myPage input.btn-check + label:before{
    content:'';
    display: inline-block;
    background:#FFF;
    width:10px;
    height:10px;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
}
.contents .myPage input.btn-check:checked + label:before{
    left:inherit;
    right: 2px;
}
.contents .myPage .box ul.myp_list li span input.btn-check + label{
    margin-right:-20px;
}
.contents .myPage .account_list dd button.txt-del{
    border: 0;
    background: transparent;
    outline: none;
}
.contents .myPage .account_list .birth_dl dd{
    border: 0;
    line-height: 44px;
    border: 1px solid #555;
    padding:0 16px;
    border-radius: 6px;
}
.contents .myPage .account_list .birth_dl .birth_txt{
    color:#FFF
}

/* 생일 날짜 설정 */
.toastBox .birthBox{}
.toastBox .birthBox h4{
    text-align: center;
    color:#999;
    font-size:17px;
    font-weight: 700;
}
.toastBox .birthBox .birth-select{
    display: flex;
    gap: 22px;
    width: 100%;
    justify-content: space-between;
    height: 143px;
    overflow: auto;
    margin:24px 0 40px
}
.toastBox .birthBox .birth-select li{
    flex: 1;
    text-align: center;
    height: 143px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
.toastBox .birthBox .birth-select li .birth-sel{
    font-size:17px;
    line-height: 60px;
    color: #555;
}
.toastBox .birthBox .birth-select li .birth-sel.active{
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    color:#FFF;
}

/* 프로필작성 */
.contents .myPage .account_list .ver_adr dd.flexBox{
    border-bottom:1px solid #3A3B41;
    padding-bottom: 14px;
    border-top: 0;
    padding-top:0
}
.contents .myPage .account_list .ver_adr dd{
    padding-top:17px
}

.contents .myPage .account_list .ver_adr dd.flexBox input[type='text']{
    flex: 1;
}
.contents .myPage .account_list .ver_adr dd.flexBox button{
    border: 0;
    background-color:#3A3B41 ;
    color: #FFF;
    width:80px;
    line-height: 32px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
}

/* 프로필작성 step4 */
.contents .myPage .account_list.ver_profile .photoArea{
    border-bottom: 0;
    padding-bottom:0;
}
.contents .myPage .ver_profile .photo_add_area{
    display:inline-flex;
    gap:11px;
    margin-bottom:24px
}
.contents .myPage .ver_profile .photo_add_list{
    flex-wrap: wrap;
    gap: 11px;
    width: 100%;
}
.contents .myPage .ver_profile .photo_add_list li{
    position: relative;
    width: calc((100vw - 81px) / 4);
    height: calc((100vw - 81px) / 4);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 6px #000;
    border: 1px solid #3A3B41;
    max-width: 150px;
    max-height: 150px;
}
.contents .myPage .ver_profile .photo_add_list li img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width:100%;
    position: absolute;
    top: 0;
    left: 0;
}
.contents .myPage .ver_profile .photo_add_area .photo_add_button .btn-add-file{
    display: inline-block;
    border-radius: 10px;
    background: transparent;
    position: relative;
    padding-top: 24%;
    width: calc((100vw - 81px) / 4);
    height: calc((100vw - 81px) / 4);
    max-width: 150px;
    max-height: 150px;
}
.contents .myPage .ver_profile .photo_add_area .photo_add_button .btn-add-file::before{
    content:'+';
    color: #777;
    font-size: 17px;
    font-weight: 500;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.contents .myPage .ver_profile .photo_add_area .bank_add_button .btn-add-file{
    display: inline-block;
    border-radius: 10px;
    background: transparent;
    position: relative;
    padding-top: 24%;
    width: calc((100vw - 81px) / 4);
    height: calc((100vw - 81px) / 4);
    max-width: 150px;
    max-height: 150px;
}
.contents .myPage .ver_profile .photo_add_area .bank_add_button .btn-add-file::before{
    content:'+';
    color: #777;
    font-size: 17px;
    font-weight: 500;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.contents .myPage .ver_profile .photo_tip,
.contents .tip_box{
  background: #232326;
  border-radius: 5px;
  padding: 16px;
}
.contents .myPage .ver_profile .photo_tip .tit i,
.contents .tip_box .tit i{ 
  display: inline-block;
  margin-right: 8px;
}
.contents .myPage .ver_profile .photo_tip .tit,
.contents .tip_box .tit{
    font-size: 14px;
    color: #FFF;
    font-weight: 500;
    align-items: center;
    margin-bottom: 10px;
}
.contents .myPage .ver_profile .photo_tip .txt,
.contents .tip_box .txt,
.contents .tip_dot_txt{
    position: relative;
    color:#777;
    font-size: 13px;
    align-items: center;
    margin-top: 5px;
    padding-left: 10px;
}
.contents .myPage .ver_profile .photo_tip .txt:before,
.contents .tip_box .txt:before,
.contents .tip_dot_txt:before{
    content: '';
    display:inline-block;
    position: absolute;
    left: 0;
    top: 8px;
    background-color: #777777;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-right: 8px;
}
/* 마이페이지 프로필작성 step5 */

.contents .myPage .account_list.ver_profile dd .select_info{
    color: #777;
    margin-bottom: 24px;
}
.contents .myPage .account_list.ver_profile dd .radio_box{
  display: flex;
  gap: 8px;
}
.contents .myPage .account_list.ver_profile.ver_select dd{
    border-bottom: 0;
    padding-bottom:0
}
.contents .myPage .account_list.ver_profile.ver_select dt{
    margin-bottom: 16px;
}
.contents .myPage .account_list.ver_profile.ver_select > h3{
    color: #FFF;
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 19px;   
}

.toast .selectBox .selectList{
    position: relative;
    height: auto;
    overflow-y: scroll;
    margin: 25px 0 8px;
}
.toast .selectBox{
    margin-top:-25px
}
.toast .selectBox .selectList button{
    display: block;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #3A3B41;
    width: 100%;
    padding: 16px 0;
    color: #555;
    font-size: 17px;
}
.toast .selectBox .selectList button:last-child{
    border-bottom: none;
}
.toast .selectBox .selectList button.on{
    color: #fff;
}
.toast .selectBox .selectList h3{
    text-align:center;
    color: #999;
    font-size:17px;
    font-weight: 700;
}
.toast .selectBox .select_info{
    color: #777;
    font-size: 14px;
    text-align: center;
    margin-bottom: 32px;
    margin-top: 24px;
}
.toast .toast_radio{
    margin-top: 10px;
}
.toast .toast_radio .radioArea{
    display: block;
}

/* 뮤지션 프로필작성 */
.toast .toast_radio .radioArea input + label{
    width: 100%;
    background: transparent;
    border-bottom: 1px solid #3A3B41;
    border-radius: 0;
    line-height: 60px;
    color: #555;
    font-size:17px;
    margin-bottom: 0;
}
.toast .toast_radio .radioArea input:checked + label{
    color: #FFF;
    font-weight: 700;
}
.toast .toast_radio .radioArea:last-child input + label{
    border-bottom: 0;
    margin-bottom:15px
}
.toast .toast_radio .radioArea:last-child{
    margin-bottom:10px
}
/* 뮤지션 프로필작성 */
.contents .myPage .account_list dl.ver_album dd + dd{
    padding-top: 16px;
}


/* 마이페이지 티켓관리 */
.contents .myPage .date_select_area{
    display: inline-flex;
}
.contents .myPage .ticket_period{
    align-items: center;
    justify-content: space-between;
    margin-bottom:40px;
    margin-top: -8px
}
.contents .myPage .ticket_period dt{
    font-size: 13px;
    font-weight: 500;
    color: #777;
}
.contents .myPage .date_select_area{
    border: 1px solid #3A3B41;
    border-radius: 5px;
    overflow: hidden;
}
.contents .myPage .date_select_area .select_inp + .select_inp label{
    border-left: 1px solid #3A3B41;
}
/* tab select */
.contents .myPage .select_inp{
    display:inline-block
}
.contents .myPage .select_inp input[type='radio'] + label{
    display: inline-block;
    font-size: 13px;
    color: #777;
    background: #000;
    line-height: 26px;
    height: 28px;
    min-width: 55px;
    text-align: center;
}
.contents .myPage .select_inp input[type='radio']:checked + label{
    background: #FFF;
    color:#000
}
.contents .myPage .ticket_list > li + li{
    margin-top: 24px;
}
.contents .myPage .ticket_list .view_link{
    margin-bottom: 16px;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 20px;
}
.contents .myPage .ticket_list .view_link i{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/images/common/arr-back.png) no-repeat right center;
    background-size: 6px;
    opacity: .45;
    transform: rotate(-180deg);
    color: #737373;
}
.contents .myPage .ticket_list .ticket_main_img{
    position: relative;
    min-height: 162px;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.contents .myPage .ticket_list .ticket_main_img .ticket_main_txt{
    position: relative;
    z-index: 1;
    padding: 24px;
    width: 100%;
}
.contents .myPage .ticket_list .ticket_main_txt h4{
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
    margin-bottom:12px;
    line-height: 1.2;
}
.contents .myPage .ticket_list .ticket_main_txt h4 p{
    margin-top:6px;
    color:#FFF;
    font-size: 16px;
    line-height: 24px;
}
.contents .myPage .ticket_list .ticket_main_txt .share_btn{
    display: inline-flex;
    background:#000;
    padding: 0 6px;
    line-height: 26px;
    height: 28px;
    font-size: 11px;
    color: #FFF;
    gap:6px;
    align-items: center;
    border-radius: 5px;
}
.contents .myPage .ticket_list .ticket_main_txt .share_btn i{
    display: inline-block;
    background: url(/images/my/icon-share.svg) no-repeat center center;
    width: 11px;
    height: 8px;
}
.contents .myPage .ticket_list .ticket_main_img .ticket_imgbox{
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background:#000
}
.contents .myPage .ticket_list .ticket_main_img .ticket_imgbox img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .9;
}
.contents .myPage .ticket_info{
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 16px;
    background: #101012;
    box-shadow: 0 3px 6px rgba(0,0,0,.96);
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}
.contents .myPage .ticket_info li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: -.5px;
    border-bottom: 1px solid #3A3B41;
    padding-bottom:16px;
    line-height: 20px;
}
.contents .myPage .ticket_info li:last-of-type{
    border-bottom: 0;
    padding-bottom:0
}
.contents .myPage .ticket_info li b{
    font-size: 14px;
    color: #FFF;
    display:inline-block;
    white-space: nowrap
}
.contents .myPage .ticket_info li span{
    color: #777;
    font-size: 14px;
    display:block;
    text-align: right;
}
.contents .myPage .ticket_info li span .sale_price{
    display:block;
    color: #FF2D55;
    font-size: 13px;
    line-height: 26px;
    font-style: inherit;
}
/* 티켓관리 취소 */
.contents .myPage .ticket_info li span.cancel_ticket{
    text-decoration: line-through;
}

/* 티켓관리 - 뷰페이지 */
.contents .myPage .ticket_info.ver_view{
    gap: 0;
    border-radius: 0;
}
.contents .myPage .ticket_info.ver_view:nth-of-type(1){
    border-radius: 15px 15px 0 0;
}
.contents .myPage .ticket_info.ver_view:last-of-type{
    border-radius: 0 0 15px 15px;
    
}
.contents .myPage .ticket_info.ver_view .ticket_tit{
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 19px;
    color: #FFF;
}
.contents .myPage .ticket_info.ver_view .ticket_tit i{
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: 100% !important;
}
.contents .myPage .ticket_info.ver_view .ticket_tit i img{
    width:100%
}
.contents .myPage .ticket_info.ver_view h4 i.icon-ticket{
    background: url(/images/my/icon-ticket.svg);
}
.contents .myPage .ticket_info.ver_view h4 i.icon-receipt{
    background: url(/images/my/icon-receipt.svg);
}
.contents .myPage .ticket_info.ver_view h4 i.icon-present{
    background: url(/images/my/icon-present.svg);
}
.contents .myPage .ticket_info.ver_view h4 i.icon-tip{
    background: url(/images/common/tip.png);
}
.contents .myPage .ticket_info.ver_view + .ticket_info.ver_view{
    padding-top:16px
}
.contents .myPage .ticket_info .ticket_view_list{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.contents .myPage .ticket_info li.ver_qr{
    align-items: flex-start;
}
.contents .myPage .ticket_info li.ver_qr .qr_area{
    border-radius: 5px;
    overflow: hidden;
    width: 60px;
    height: auto;
    background-color: #FFF;
}
.contents .myPage .ticket_info li.ver_qr span img{
   width:100%
}
.contents .myPage .ticket_info .info_link{
    width:100%;
    justify-content: space-between;
    align-items: center;
    color: #777;
    font-size: 14px;
 }
.contents .myPage .ticket_info .info_link a{
    display: block;
    width: 22px;
    height: 22px;
}
.contents .myPage .ticket_info .info_link a img{
    width:18px
}
.contents .myPage .ticket_info.ver_view .ticket_tit + .info_link {
    margin-top:-14px
}
.contents .myPage .ticket_info .ticket_present_btn{
    flex-direction: column;
    padding: 24px 0;
}
.contents .myPage .ticket_info .ticket_present_btn button + button{
    margin-top:12px
}
.contents .myPage .ticket_info .ticket_present_ps dt{
    font-size: 14px;
    color: #999;
    font-weight: 400;
}
.contents .myPage .ticket_info .ticket_present_ps .btn_full_line{
    background: #24252B;
    color: #707070;
}
.contents .myPage .ticket_info .ticket_present_ps .btn_full_line.active{
    color: #FFF;
}
.contents .myPage .ticket_info .ticket_present_ps dd input{
    font-size: 17px;
    font-weight: 500;
    color: #FFF;
    background: transparent;
    border-radius: 0;
    border:0;
    border-bottom:1px solid #3A3B41;
    line-height: 52px;
    width: 100%;
    outline: none;
}
/* 예매취소 */
.contents .myPage .ticket_info.ver_tck_cancel,
.contents .ticket_tck_cancel_area{
    background: #232326;
    border-radius: 15px !important;
    padding-top:0;
    padding-bottom:0;
    overflow:hidden
}

.contents .myPage .ver_tck_cancel .cancel-info-box{
    margin-top:-5px
}
.contents .myPage .ticket_info.ver_tck_cancel .cancel-info-box table,
.contents .ticket_tck_cancel_area .cancel-info-box table{
    border: 1px solid #3A3B41;
    border-radius: 10px;
    overflow: hidden;
    background: #101012;
    width: 100%;
    border-spacing: 0;
    border-collapse: inherit;
    margin-top: 24px;
}
.contents .myPage .ver_tck_cancel .cancel-info-box table th,
.contents .ticket_tck_cancel_area .cancel-info-box table th{
    color: #FFF;
    font-size:14px;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    border-bottom: 1px solid #3A3B41;
    width: 50%;
}
.contents .myPage .ver_tck_cancel .cancel-info-box table td,
.contents .ticket_tck_cancel_area .cancel-info-box table td{
    font-size: 13px;
    color: #777;
    line-height: 35px;
    text-align: center;
    width: 50%;
}
.contents .myPage .ver_tck_cancel .cancel-info-box table td:nth-child(1),
.contents .ticket_tck_cancel_area .cancel-info-box table td:nth-child(1){
    border-right:1px solid #3A3B41;
}
.contents .myPage .ticket_info.ver_view.ver_tck_cancel .ticket_tit,
.contents .ticket_tck_cancel_area .ticket_tit {
    margin-bottom: 0;
    position: relative;
    line-height: 52px;
    width: 100%;
    padding-top:2px;
}
/* 12-6 페이지추가 */
.contents .ticket_tck_cancel_area {
    margin-top: 16px;
}
.contents .ticket_tck_cancel_area h4.ticket_title{
    padding: 16px 0;
    line-height: 1;
    font-size: 14px;
    align-items: center;
}
.contents .ticket_tck_cancel_area h4.ticket_title i{
    margin-right:10px
}
.contents .ticket_tck_cancel_area .tip_dot_txt{
    color:#777;
    font-size:13px;
    margin-top: 0;
}
.contents .ticket_tck_cancel_area .cancel-info-box table{}


.contents .myPage .ticket_info.ver_view.ver_tck_cancel .ticket_tit::after{
    content: '';
    display: inline-block;
    width: 10px;
    height: 15px;
    background: url(/images/common/icon-arw-w.svg) no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: 0;
}
.contents .myPage .ticket_info.ver_view.ver_tck_cancel .ticket_tit.on::after{
    transform:inherit;
    transition: all .5s;
    transform: rotate(-180deg);
}
.contents .myPage .ticket_info.ver_view.ver_tck_cancel .ticket_tit.on::after{
    transform:inherit;
    transition: all .5s;
    transform: rotate(-180deg);
}

/* 결제내역확인 */
.contents .myPage .ticket_list.payment_detail .ticket_info.ver_view{
    border-radius: 15px !important;
    padding-bottom:0
}
.contents .myPage .ticket_list.payment_detail .ticket_info + .ticket_info{
    margin-top: 24px;
}
.contents .myPage .ticket_info li .in_step_list{
    display: inline-flex;
    padding-left: 20px;
    flex: 1;
    position: relative;
    justify-content: flex-end;
}
.contents .myPage .ticket_info li .in_step_list p{
    position: relative;
    color: #555;
    display: inline-block;
    text-align: center;
    width: 56px;
}
.contents .myPage .ticket_info li .in_step_list::after{
    content: '';
    display: inline-block;
    height: 1px;
    background: #3a3b41;
    position: absolute;
    top: 13px;
    right: 5px;
    width: 168px;
}
.contents .myPage .ticket_info li .in_step_list p:nth-last-of-type(1){
    margin-right: -15px;
}
.contents .myPage .ticket_info li .in_step_list p b{
    display: inline-flex;
    width:28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    color: #555;
    font-size: 13px;
    border: 1px solid #3A3B41;
    border-radius: 50%;
    background: #000;
    position: relative;
    z-index: 1;
}
.contents .myPage .ticket_info li .in_step_list p.on b{
    color: #FFF;
    border-color: #FFF;
}
.contents .myPage .ticket_info li .in_step_list p span{
    display: block;
    color: #555;
    font-size: 10px;
    white-space: nowrap;
    text-align: center;
}
.contents .myPage .ticket_info li .in_step_list p.on span{
    color: #FF2D55;
}
/* 뮤지션 공연 정산하기 */
.contents .musician_info{
    color: #999;
    padding:20px 16px;
    border-radius:10px;
    background: rgba(0,0,0,.5);
    border: 1px solid rgba(255,255,255,.5);
    box-shadow: 0 3px 6px rgba(0,0,0,.15);
    margin-top: -120px;
    position: relative;
    margin-bottom:45px
}
.contents .musician_info .nm{
    font-size: 14px;
}
.contents .musician_info .nm b{
    color: #FFF;
}
.contents .musician_info .txt{
    font-size: 13px;
    margin-top: 4px;
}
.contents .account_list.ver_calcul dt{
    justify-content: space-between;
}
.contents .account_list.ver_calcul dt span{
    font-weight: 400;
    font-size: 14px;
    color: #777;
}
/* 공간 상세페이지 */
.contents .store-info .tit_area{
    display: flex;
    justify-content: space-between;
}
.contents .store-info .tit_area h3{
    flex: 1;
    line-height: 1.5;
}
.contents .store-info .tit_area button.like{
    display: inline-flex;
    border: 0;
    box-shadow: none;
    width: auto;
    height: auto;
    background: transparent;
    padding: 5px;
    align-items: center;
    justify-content: center;
    margin-top: -5px;
    outline: none;
}
.contents .store-info p.adr{
    font-size: 11px;
    font-weight: 500;
    color: #777;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
}
.contents .store-info p.adr::before{
    content: '';
    display: inline-block;
    background:url(/images/common/ico-map.svg) no-repeat left center;
    background-size:auto 90%;
    width: 15px;
    height: 15px;
}
.contents .want_date h4.normal::before{
    display: none;
}
.contents .want_date h4.normal{
    padding-left:0
}
.contents .tab_page_area .want_date h4{
    font-weight: 500;
    color: #FFF;
}
.contents .tab_page_area{
    padding-top:24px;   
    border-bottom:24px solid #000;
    padding-bottom:40px
}
.contents .tab_page_area:nth-last-of-type(1){
    border-bottom: 0;
}
.contents .tab_page_area .want_date{
    padding:0 24px;
}
.contents .tab_page_area .want_date + .want_date{
    padding-top:24px;
}
.contents .tab_page_area .want_date .info-check{
    margin-top: 16px;
}
.contents .tab_page_area .info_box{
    border: 1px solid #3A3B41;
    border-radius: 10px;
    margin-top: 16px;
    padding: 24px;
    color: #FFF;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.contents .tab_page_area .info_box li{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.contents .tab_page_area .info_box li b{
    font-size: 14px;
}
.contents .tab_page_area .info_box li span{
    color: #999;
    font-size: 14px;
    letter-spacing: -.5px;
    display: inline-block;
    max-width: 60%;
    text-align: right;
    word-break: break-all;
}
/* 안에 태그 있을때(13-2) */
.contents .tab_page_area .info_box li span.tag i{
    font-weight: 600;
    display: inline-block;
    margin-right: 5px;
    color: #FFF;
    font-style: inherit;
}
.contents .tab_page_area .info_box > span.in_txt{
    color: #999;
    font-size: 14px;
    word-break: break-all;
}
/* 12-6 */
.contents .tab_page_area .info_box.ver_left_align li{
    justify-content: flex-start;
}
.contents .tab_page_area .info_box.ver_left_align li b{
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    width: 80px;
}
.contents .tab_page_area .info_box.ver_left_align li span{
    font-size: 13px;
    max-width: inherit;
    flex: 1;
    text-align: left;
}
.contents .tab_page_area .place_cont > h5,
.contents .tab_page_area .place_cont .s_title{
    margin-top:24px;
    color: #FFF;
    font-weight: 500;
    font-size: 19px;
    line-height: 30px;
}
.contents .tab_page_area .place_cont .s_title{
    width: 100%;
    display: flex;
    position: relative;
    margin-top:0
}
.contents .tab_page_area .place_cont .s_title::after{
    content: '';
    display: inline-block;
    width:20px;
    height: 13px;
    position: absolute;
    right: 0;
    background: url(/images/common/icon-arw-w.svg) no-repeat center center;
    background-size: 13px;
    top: 7px;
    transform: rotate(90deg);
}
.contents .tab_page_area .place_cont .s_title i{
    display: inline-block;
    margin-left: 5px;
}
.contents .tab_page_area .place_cont > img{
    width: 100%;
    border-radius:10px;
    overflow: hidden;
    margin-top:24px
}
.contents .tab_page_area .place_cont > p{
    font-size: 14px;
    color: #777;
    line-height: 25px;
    margin-top:24px
}
.contents .tab_page_area .place_cont .mum_selection{
    padding:24px 0 0
}
.contents .tab_page_area .mum_slide .item .img{
    position: relative;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    height: calc(((100vw - 68px) / 2.3) * 1.35);
}
.contents .tab_page_area .mum_slide .item img{
    width: 100%;
}
.contents .tab_page_area .mum_slide .item .img span.s_time2{
    font-size:13px;
    padding: 3px 11px 7px 15px;
}
.contents .tab_page_area .mum_slide .item .tbox{
    color: #fff;
    margin-top: 8px;
}
.contents .tab_page_area .mum_slide .item .tbox h3{
    font-size: 14px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.8;
    font-weight: 600;
    height: 50.39px;
}
.contents .tab_page_area .mum_slide .item .tbox .place{
    font-size: 11px;
    padding: 5px 9px;
    border-radius: 5px;
    display: inline-block;
    background-color: #000;
    margin: 8px 0;
}
.contents .tab_page_area .mum_slide .item .tbox .date{
    font-size: 13px;
    color: #8E8E93;
}
/* 공간 상세페이지 - 공연리뷰 */
.contents .want_date .sts_align{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom:16px
}
.contents .want_date .sts_align h4{
    display: inline-block;
}
.contents .want_date .sts_align .sts_btn{
    display: inline-flex;
    font-size: 13px;
    color: #999;
    width:70px;
    line-height: 20px; 
    height: 40px;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
}
.contents .want_date .sts_align .sts_btn i{
    display: inline-block;
    width: 15px;
    height: 7px;
    background:url(/images/common/arr-down.svg) no-repeat right center;
    background-size: auto 7px;

}
.contents .want_date .sts_align .sts_btn.on i{
    transform: rotate(-180deg);
}
.contents .want_date .sts_align .sts_list{
    display: none;
    position: absolute;
    right: 0;
    top:50px;
    border: 1px solid #3A3B41;
    box-shadow: 0 3px 6px #000;
    background: #101012;
    border-radius: 5px;
    z-index: 1;
}
.contents .want_date .sts_align .sts_list.active{
    display: block;
}
.contents .want_date .sts_align .sts_list > div button{
    width:85px;
    border: 0;
    box-shadow: none;
    color: #777;
    line-height: 40px;
    background: transparent;
    outline: none;
}
.contents .want_date .sts_align .sts_list div.on button{
    font-weight: 600;
    color: #FF2D55;
}
.contents .want_date .review_list{
    padding-bottom: 24px;
}
.contents .want_date .review_list > li + li{
    padding-bottom: 0;
    border-top: 1px solid #3A3B41;
    margin-top: 24px;
    padding-top: 24px;
}
.contents .want_date .review_list div + div{
    padding-top: 24px;
    border-top:1px solid #3A3B41;
    margin-top: 24px;
}
.contents .want_date .review_list div .write_info{
    display: flex;
    align-items: center;
}
.contents .want_date .review_list .write_info{
    margin-bottom: 19px;
    display: flex;
    align-items: center;    
}
.contents .want_date .review_list .write_info .img{
    width: 29px;
    height: 29px;
    border-radius: 50%;
    border: 1px solid #FFF;
    overflow: hidden;
    margin-right:8px
}
.contents .want_date .review_list .write_info .img img{
    width: 100%;
    object-fit: fill;
}
.contents .want_date .review_list .write_info .writer{
    color: #FFF;
    font-weight: 500;
    font-size: 14px;
}
.contents .want_date .review_list .write_info .date{
    color: #555555;
    font-size: 14px;
    margin-left:4px
}
.contents .want_date .review_list .write_info .date::before{
    content: '·';
    display: inline-block;
    margin-right: 2px;
}
.contents .want_date .review_list .review_txt{
    color: #FFF;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 12px;
    word-break: keep-all;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    border: 0;
}
.contents .want_date .review_list .hashtag{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
    padding-top: 0;
    margin-top: 0;
    border: 0;
}
.contents .want_date .review_list .hashtag span{
    display: inline-block;
    color: #777;
    font-size: 14px;
}
.contents .want_date .review_list .review_img{
    display: flex;
    gap: 15px;
    justify-content: space-between;
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
}
.contents .want_date .review_list .review_img > span{
    flex: 1;
    display: inline-block;
    overflow: hidden;
    width: calc(100% / 3);
    border-radius: 10px;
    position: relative;
    padding-top:calc((100% / 3) - 10px);
}
.contents .want_date .review_list .review_img > span .in_num{
    display: inline-block;
    background: rgba(0,0,0,.9);
    color: #FFF;
    font-size: 11px;
    line-height: 26px;
    border-radius: 50px;
    padding: 0 10px 2px;
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 1;
}
.contents .want_date .review_list .review_img img{
    width: 100%;
    object-fit: cover;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}
/* 관심목록 */
.contents .want_date.ver_top_tit{
    padding:0;
    margin-top:-8px
}
.contents .want_date.ver_top_tit h4{
    font-weight:500
}
.contents .mum_place.ver_zzim{
    padding-top:24px
}
.contents .mum_place .list.musician_list{
    flex-wrap: wrap;
}
.contents .my_place_list {
    display: flex;
    gap: 12px;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
}
.contents .my_place_list > *{
    width: 100%;
}
.contents .my_place_list a.link{
    display: block;
    border-radius: 10px;
    border: 1px solid #3A3B41;
    position: relative;
    box-shadow: 0 3px 6px #000;
    overflow: hidden;
}
.contents .my_place_list a .tag_box{
    display: inline-flex;
    gap: 4px;
    flex-wrap: wrap;
    position: absolute;
    z-index: 1;
    left: 20px;
    right: 20px;
    top: 66px;
}
.contents .my_place_list a .tag_box span{
    display: inline-block;
    border-radius: 50px;
    line-height: 30px;
    height: 32px;
    text-align:center;
    color:#FFF;
    font-size:12px;
    border: 1px solid #FFFFFF;
    padding: 0 16px;
    background: #000;
}
.contents .my_place_list a .img{
    position: relative;
    height:110px;
    overflow: hidden;
}
.contents .my_place_list a .img img{
    position: absolute;
    object-fit:cover;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}
.contents .my_place_list a .titBox{
    background: #000;
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
    padding: 16px;
}

/* 리뷰쓰기 */
.contents .star_review .star_review_box{
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.contents .star_review .star_review_box button{
    border: 0;
    width:32px;
    height: 30px;
    box-shadow: none;
    background: url(/images/my/ico-star.svg) no-repeat center center;
    background-size:  30px;
}
.contents .star_review .star_review_box button.on{
    background-image: url(/images/my/ico-star-on.svg);
}
.contents .review_dl_list{
    display: flex;
    width: 100%;
    gap: 24px;
    flex-direction: column;
    margin-top:24px
}
.contents .review_dl_list dt{
    color: #FFF;
    font-size: 14px;
    margin-bottom: 24px;
    font-weight: 400;
}
.contents .review_dl_list dd{}
.contents .review_dl_list dd textarea{
    border: 1px solid #3A3B41;
    border-radius: 10px;
    background: transparent;
    padding: 24px;
    overflow: hidden;
    height: 170px;
    width: 100%;
    color: #FFF;
    outline: none;
}
.contents .payment_area{
    position: relative;
    margin-top:40px;
    display:flex;
    flex-direction: column;
    gap: 24px;
}
.contents .myPage .box .payment_area h4,
.contents .myPage .payment_area h4{
    font-size: 17px;
    font-weight: 500;
    color: #FFF;
}
.contents .payment_area .payment_info_list{
    display: flex;
    width: 100%;
    flex-direction: column;
    border: 1px solid #3A3B41;
    padding:24px;
    border-radius: 10px;
    overflow: hidden;
    gap: 16px;
}
.contents .payment_area .payment_info_list li{

    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    line-height: 1.1;
}
.contents .payment_area .payment_info_list li > b{
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
    flex: 1;
}
.contents .payment_area .payment_info_list li > span{
    display: inline-block;
    max-width: 80%;
    font-size: 14px;
    color: #999;
    text-align: right;
    line-height: 1.2;
}
.contents h3.super_top_title{
    font-size: 25px;
    font-weight: 600;
    color: #FFF;
    line-height: 1.2;
}
.contents .payment_area .map_area{
    position: relative;
    border-radius: 10px;
    width: 100%;
    height:170px
}
.contents .payment_area .stage_area{
    position: relative;
    border-radius: 10px;
    width: 100%;
    height:220px;
    overflow: hidden;
}
.contents .payment_area .map_area > *,
.contents .payment_area .stage_area > *{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .total_price_section{
    border-top: 24px solid #000;
}
.contents .total_price_section .payment_info_list{
    margin-bottom: 12px;
}
.contents .total_price_section .payment_info_list .total_price{
    border-top:1px solid #3A3B41;
    padding-top: 16px;
}

/* 달력 css */
.time_calendar .cal_mon_btn{
    display:inline-block;
    width:32px;
    height:32px;
    background:url(/images/common/icon-arw-w.svg) no-repeat center center;
    background-size: 7px !important;
    border: 1px solid #555;
    border-radius: 50%;
    transform: rotate(-90deg);
    cursor: pointer;
}
.time_calendar .cal_mon_btn.ver_next{
    transform: rotate(90deg);
}
.time_calendar .cal_mon_date{
    display: block;
    flex: 1;
    font-size: 17px;
    color: #FFF;
}
.time_calendar_area td {
	width: 50px;
	height: 48px;
	font-size: 1rem;
	margin: 0;
    color: #777;
}
.time_calendar_area .time_calendar {
	text-align: center;
	width: 100%;
    border: 1px solid #3A3B41;
    border-radius: 10px;
    overflow: hidden;
    background:#000;
    border-spacing: 0;
    border-collapse: inherit;
    margin-top: 24px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.time_calendar_area .time_calendar .flexBox{
    width: 100%;
    align-items: center;
    justify-content: center;
    padding:24px
}
.time_calendar_area .time_calendar>thead>tr:first-child>td span{
	font-size: 17px;
    color: #C4C4C4;
    font-weight: 600;
}
.time_calendar_area .time_calendar tr.month_st > td {
	font-size: 14px;
    color: #777;
}
.time_calendar_area .time_calendar tbody td > p {
	height: 36px;
	width: 36px;
	border-radius: 5px;
	line-height: 36px;
	display: block;
	text-align: center;
	margin: 0 auto;
    color: #FFF;
}        
.time_calendar_area .time_calendar tbody td > p.dis_futureDay{
    color: #777;
    font-weight: 400;
}
.time_calendar_area .pastDay {
	color:#777;
}
.time_calendar_area .today {
    position: relative;
	font-weight: 600;
	cursor: pointer;
}
.time_calendar_area .time_calendar tbody td > p.today{
	color:#FF2D55;
}
.time_calendar_area .today::before{
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #FF2D55;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
}
.time_calendar_area .choiceDay {
	background: #51515A;
}

/* 공간 뮤지션 main */
.contents .posterSlide .in_title{
    position: absolute;
    bottom: 74px;
    z-index: 2;
    left: 24px;
}
.contents .posterSlide .in_title.contents_ver{
    bottom:24px
}
.contents .posterSlide .in_title p{
    color:#FFF;
    font-size:14px;
    margin-bottom: 5px;
}
.contents .posterSlide .in_title p b{
    font-size:25px;
    font-weight: 500;
    letter-spacing: -.5px;
}
    
.contents section.ver_btype_main .tit i,
.contents section.place_img_ver .tit i{
    display: inline-block;
    width: 10px;
}
.contents section.ver_btype_main .tit i{
    position: absolute;
    right: 0;
    top: 0;
}
.contents section.ver_btype_main,
.contents section.in_pdb{
    padding-bottom:0 !important
}
.contents section.ver_btype_main:last-of-type{
    padding-bottom:40px !important
}
.contents section.ver_btype_main .tit,
.contents section.place_img_ver .tit{
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
}
.contents section .tit i img{
    width: 100%;
}
.contents section.ver_btype_main .tit h2 > p{
    font-size: 14px;
    margin-top: 8px;
    color: #777;
}
.contents section .mum_slide.slide_min_ver .item .img{
    height: calc(((100vw - 68px) / 2.3) * 1);
}
.contents .mum_alike_slide.onlyMum{
    padding:0 0 30px
}
.contents .mum_alike_slide.onlyMum .item{
    padding: 0;
    gap:20px;
    box-shadow: 0 3px 6px #000;
}
.contents .mum_alike_slide.onlyMum .item .img{
    border-radius: 0;
    width: 120px;
    height: 120px;
}
.contents .mum_alike_slide.onlyMum .item .tbox span{
    margin-bottom: 8px;
}
.contents .mum_alike_slide.onlyMum .item .tbox h3{
    margin-bottom: 0;
}
.contents .mum_alike_slide .swiper-pagination,
.contents .my_place_slide .swiper-pagination{
    bottom:0
}
.contents .mum_alike_slide .swiper-pagination > *,
.contents .my_place_slide .swiper-pagination > *{
    width:7px;
    height: 7px;
    background: #555 !important;
}
.contents .mum_alike_slide .swiper-pagination span.swiper-pagination-bullet-active,
.contents .my_place_slide .swiper-pagination span.swiper-pagination-bullet-active{
    background: #FFF !important;
}
.contents .mum_place.ver_btype_main .list .item{
    width: calc((100% - 11px) / 3);
    height: calc((100vw - 81px) / 3);
    overflow: hidden;
    border-radius: 5px;
}
.contents .mum_place.ver_btype_main .list .item .img,
.contents .mum_place.place_img_ver .list .item .img{
    width: 100%;
    height: 100%;
}
 .contents .mum_place.ver_btype_main .list .item .img img,
.contents .mum_place.place_img_ver .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
 }
.contents .my_place_list.my_place_slide{
    padding-bottom:32px
 }
.contents .mum_place.place_img_ver{
    padding-bottom:0
}
.contents .mum_place.place_img_ver .list .item{
    overflow: hidden;
    border-radius: 5px;
}
.contents .tab_page_area.contents_ver .place_cont > *{
    margin-bottom:24px !important;
    margin-top: 0 !important
}
.contents .tab_page_area.contents_ver .place_cont{
    margin-bottom:-24px !important;
   
}
.contents .tab_page_area.contents_ver{
    margin-top: 0;
}
.contents .mum_recommend .mum_slide .item .img span.s_time{
    font-size: 11px;
    padding: 0 17px;
    height: 28px;
    line-height: 26px;
}

/* 공연기록 */
.contents .posterSlide .in_title .in_box_txt{
    margin-top: 24px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 10px;
    padding:18px 16px 12px
}
.contents .posterSlide .in_title .in_box_txt p{
    font-size: 13px;
}
.contents .posterSlide .in_title .in_box_txt p b{
    font-size: 13px ;
}
.contents .mum_recommend.ver_btype_main .mum_slide .item img{
    min-height: 100%;
}
/* .contents .my_place_list li + li{
    margin-top: 12px;
} */
.contents .my_place_list a .titBox p.date{
    font-size: 12px;
    color: #777;
}
.contents .toptabBox_small{
    display: flex;
    gap: 7px;
}
.contents .toptabBox_small button{
    width: inherit;
    display:inline-block;
    border-radius: 50px;
    background-color: #3A3B41;
    border: none;
    color: #FFF;
    padding: 0 16px;
    font-size: 13px;  
    line-height: 32px;
}
.contents .toptabBox_small button.on{
    background: #FFF;
    color: #000;    
    font-weight: 600;
}
/* 컨텐츠 안에 탭 13-1 추가 */
.contents .toptabBox_small.ver_small_in_top button{
    font-size: 12px;
}
.myPage .performance_top{
    position: relative;
}
.contents .my_perf_box .tab_sts{
    background: #000;
    padding: 12px 0;
    overflow-y: auto;
}
.contents .my_perf_box .tab_sts_box{
    width: 100%;
}
.contents .my_perf_box .tab_sts button{
    display: inline-block;
    color: #555;
    background: transparent;
    border: 0;
    outline: none;
    flex: 1;
    position: relative;
    line-height: 18px;
    font-size: 14px;
    height: 20px;
    white-space: nowrap;
    min-width: 20%;
}
.contents .my_perf_box .tab_sts button::after{
    content:'';
    display: inline-block;
    width: 1px;
    height: 11px;
    right:0;
    bottom:0;
    background: #555555;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}

.contents .my_perf_box .tab_sts button.on{
    font-weight: 700;
    color: #FFF;
}
.myPage .my_perf_box .visual_txt{
    position: absolute;
    color:#FFF;
    left: 24px;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 14px;
}
.myPage .my_perf_box .visual_txt b{
    font-weight: 700;
    font-size: 25px;
    
}
.myPage .performance_top .visual_box{
    width: 100%;
    height: 155px;
    display: flex;
}
.myPage .performance_top .visual_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .myPage .myp_item_list li .tbox .txt_info{
    color: #777;
    font-size: 14px;
}
.contents .myPage .myp_item_list li .tbox span.theme2{
    color: #999;
    font-size: 12px;
    margin-bottom: 13px;
}
.contents .want_date .sts_align span.total{
    color:#777;
    font-size: 14px;
}
.contents .want_date .sts_align span.total b{
    color:#FFF;
    font-weight: 400;
}
.contents .myPage .myp_item_list.ver_apply_ms > h3 + .ver_top_tit{
    margin-top: -24px;
}
.contents .myPage .myp_item_list.ver_apply_ms > h3.font25{
    font-size: 25px;
}
.contents .myPage .myp_item_list.ver_apply_ms > h3.font25 p{
    color: #777;
    margin-top:6px
}
.contents .myPage .box:not(:first-child).mt0{
    margin-top: 0;
}
/* 공연상세페이지 */
.contents .section_btm_bar{
    border-bottom: 24px solid #000;
}
.contents .hstag_box{
    margin-top: 13px;
    color: #777;
    display: flex;
    flex-direction: column;
    gap: 8px;
    line-height: 1.3;
    padding-bottom: 24px;
}
/* 공연상세 - 한줄리뷰 */
.contents .want_date .review_list .hj_txt{
    color: #777;
    font-size: 14px;
    line-height: 25px;
    margin-top: 16px;
}
/* 13-3 추가 태그 */
.contents .want_date .review_list .hj_txt.ver_tg{
    margin-top: 12px;
}
.contents .want_date .review_list .hj_txt.ver_tg i{
    display:inline-block;
    margin-right:12px;
    font-style: inherit;    
}
.contents .want_date .review_list .hj_tit{
    color: #FFF;
    font-size:19px ;
    font-weight: 500;
    margin-top: 19px;
    line-height: 30px;
}
.contents .want_date .review_list.ver_hj > li + li{
    border: 0;
    padding-top:0
}
.contents .want_date .review_list.ver_hj .write_info{
    margin-bottom: 0;
}
.contents .want_date .review_list.ver_hj{
    padding-bottom: 0;
}

/* 얼라이크 */
.contents .posterSlide.posterSlide_alike{
    height: 400px;
}
.contents .posterSlide img{
    height: 100%;
    min-width: 100%;
}
.contents .posterSlide.posterSlide_alike .in_title{
    width: calc(100% - 48px);
}
.contents .posterSlide.posterSlide_alike .in_title .in_box_txt{
    display: block;
    position: relative;
    margin-top: 12px;
    padding-right: 30px;
}
.contents .posterSlide.posterSlide_alike .in_title .in_box_txt:after{
    content:'';
    display: inline-block;
    position: absolute;
    right: 0;
    width: 30px;
    background: url(/images/my/ico_arw_w_after.svg) no-repeat center center;
    background-size: 5px;
    height: 100%;
    top: 0;
}
.contents .posterSlide.posterSlide_alike .swiper-slide::after{
    display: none;
}
.contents .posterSlide.posterSlide_alike .swiper-pagination{
    border-color: #FFF;
}
.contents .myPage .box .my_matching{
    text-align: center;
    color: #FFF;
    line-height: 63px;
    border-radius:10px;
    font-size: 19px;
    border: 1px solid #3A3B41;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    background: #000;
    margin-bottom: 24px;
}
.contents .myPage .box .my_matching b{
    font-weight: 700;
}
.toastBox .alike_toast_box h4{
    font-size: 25px;
    margin-bottom: 16px;
}
.toastBox.alikeMainToast{
    border-radius: 15px 15px 0 0;
}
.toastBox.alikeMainToast .toast{
    background: url(/images/my/alike_toast_box_bg.png) no-repeat center center;
    background-size: cover;
    padding-top:40px
}
.toastBox .alike_toast_box{
    text-align: center;
    color: #FFF;
}
.toastBox .alike_toast_box .s_txt{
    font-size:19px;
    line-height: 28px;
    margin-top: 24px;
    margin-bottom: 40px;
}
.toastBox .alike_toast_box .txt{
    font-size: 14px;
    color: #999999;
}
.toastBox .alike_toast_box .flexBox{
    gap: 18px;
    margin-top:24px
}
.toastBox .alike_toast_box .flexBox li{
    flex: 1;
}
.toastBox .alike_toast_box .flexBox li img{
    width: 100%;
}
/* 공연예매 */
.contents .myAlike_top10 .mum_recommend{
    padding: 0;
    margin-top: 24px;
    margin-bottom:40px
}
.contents .myAlike_top10 .mum_recommend:last-of-type{
    margin-bottom: 0    ;
}
.myAlike_top_rank{
    padding: 24px;
    border: 1px solid #3A3B41;
    border-radius: 10px;
    box-shadow: 0 3px 6px #000;
    background: #000;
}
.myAlike_top_rank > ul{
    display: flex;
    gap: 24px;
    flex-direction: column;
}
.myAlike_top_rank > ul > li{
    display: flex;
    align-items: flex-start;
}
.myAlike_top_rank > ul > li .txtBox{
    flex: 1;
}
.myAlike_top_rank > ul > li .txtBox p{
    color: #999999;
    font-size: 12px;
}
.myAlike_top_rank > ul > li .imgBox{
    width: 60px;
    height: 60px;
    border-radius: 5px;
    overflow: hidden;
}
.myAlike_top_rank > ul > li .imgBox img{
   width: 100%;
   height: 100%;
   object-fit: fill;
}
.myAlike_top_rank .txtBox .txt{
    color: #FFF;
    font-size: 14px;
}
.myAlike_top_rank > ul > li .num{
    padding: 0 16px;
    font-size: 12px;
    color: #999;
}
.contents .live_thum_list{
    display: flex;
    gap: 18px 12px;
    flex-wrap: wrap;
}
.contents .live_thum_list li{
    overflow: hidden;
    width: calc((100% - 24px) / 3);
}
.contents .live_thum_list li a{
    display: flex;
    flex-direction: column;
}
.contents .live_thum_list li .imgBox{
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.contents .live_thum_list li .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contents .live_thum_list li .txtBox{
    margin-top: 12px;
}
.contents .live_thum_list li .txtBox .s_txt{
    font-size: 11px;
    color: #999;
    margin-bottom: 4px;
}
.contents .live_thum_list li .txtBox .titBox{
    font-size: 14px;
    color: #FFF;
    line-height: 20px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.contents .my_like_live_slide .swiper-slide{
    overflow: hidden;
}
.contents .my_like_live_slide.flexBox{
    flex-direction: column;
    gap: 24px;
}
.contents .my_like_live_slide.flexBox .swiper-slide .img::after{
    display: none;
}
.contents .my_like_live_slide.flexBox .swiper-slide .img{
    height: 125px;
}
.contents .my_like_live_slide .swiper-slide .img{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.contents .my_like_live_slide .swiper-slide .in_txt{
    font-size: 19px;
    position: absolute;
    color: #FFF;
    font-weight: 600;
    bottom: 16px;
    left: 16px;
    z-index: 2;
    display: inline-block;
}
.contents .my_like_live_slide .swiper-slide .img::after{
    content: '';
    display:inline-block;
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 50%;
    background: linear-gradient( to bottom, rgba(0,0,0,.1), black );
    z-index: 1;
}
.contents .my_like_live_slide .swiper-slide .tbox{
    margin-top: 12px;
    color: #FFF;
}
.contents .my_like_live_slide .swiper-slide .tbox .hs{
    font-size: 11px;
    color: #999;
}
.contents .my_like_live_slide .swiper-slide .tbox h3{
    font-size: 14px;
    font-weight: 400;
}
.contents .my_like_live_slide .swiper-slide img{
    width: 100%;
}
.contents .my_like_live_slide.flexBox .swiper-slide img{
    height: 100%;
    object-fit: cover;
}

.contents button.gray_btn{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    line-height: 42px;
    height: 44px;
    background: #3A3B41;
    border-radius: 6px;
    box-shadow: none;
    width: 100%;
    border: 0;
}
/* 12-7.예매 결제페이지STEP 1 */
.contents .visual_in_txt_box{
    position:absolute;
    color: #999;
    padding:20px 16px;
    border-radius:10px;
    background: rgba(0,0,0,.5);
    border: 1px solid rgba(255,255,255,.5);
    box-shadow: 0 3px 6px rgba(0,0,0,.15);
    width: calc(100% - 24px);
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    z-index: 1;
}
.contents .visual_in_txt_box .nm{
    font-size: 14px;
}
.contents .visual_in_txt_box .nm b{
    color: #FFF;
}
.contents .visual_in_txt_box .txt{
    font-size: 13px;
    margin-top: 4px;
}
.contents .myPage .account_list dd.flexBox.dd_in_list{
    border:0;
    padding-top:14px
}

/* 공간리뷰 */
.contents .want_date .review_list.ver_space_review{
    border-bottom: 1px solid #3A3B41 ;
    
}
.contents .want_date .review_list.ver_space_review .review_img{
    flex-direction: column;
    gap: 12px;
}
.contents .want_date .review_list.ver_space_review .review_tit{
    margin-bottom: 24px;
    font-size: 19px;
    font-weight: 500;
    color: #FFF;
    border: 0;
    padding-top: 0;
}
.contents .want_date .review_list.ver_space_review .review_cont_txt{
    font-size:14px ;
    letter-spacing: -.5px;
    line-height: 25px;
    color: #777;
    border: 0;
    padding-top: 0;
}
.contents .want_date .review_list.ver_space_review .review_img > span{
    display: block;
    width: 100%;
    padding: 0;
}
.contents .want_date .review_list.ver_space_review .review_img img{
    width: 100%;
    position: relative;
    height: auto;
    object-fit: inherit;
}
.contents .want_date .review_list.ver_space_review .review_cont_reply{
    padding-top: 0;
    border: 0;
    display: flex;
    gap: 17px;
}
.contents .want_date .review_list.ver_space_review .review_cont_reply > *,
.contents .review_list .r_rp_area button.rp_like{
    display: inline-flex;
    align-items: center;
    background: transparent;
    padding: 0;
    margin: 0;
}
.contents .want_date .review_list.ver_space_review .review_cont_reply i,
.contents .review_list .r_rp_area i{
    display: inline-block;
    color: #777;
    font-size:14px;
    margin-left:7px;
    font-style: inherit;
}
/* 댓글 좋아요 */
.contents button.rp_like{
    transition: all .2s;
    display: inline-block;
    border: 0;
    outline: none;
}
.contents button.rp_like:before{
    content: '';
    transition: all .2s;
    display: inline-block;
    border: 0;
    width: 15px;
    height: 16px;
    background: url(/images/common/ico_like_rp.svg) no-repeat center center;
    background-size: 15px;
    outline: none;
}
.contents button.rp_like.active:before{
    transition: all .2s;
    background: url(/images/common/ico_like_active.svg) no-repeat center center;
    background-size: 15px;
}
.contents .review_list .r_rp_area{
    margin-top: 16px;
    justify-content: space-between;
    border-bottom: 1px solid #3A3B41;
    padding-bottom: 24px;
}
.contents .review_list .r_rp_area .r_rp_btn{
    font-size: 11px;
    display: inline-block;
    line-height: 28px;
    border-radius: 5px;
    background: #3A3B41;
    width: 42px;
    text-align: center;
    color: #FFF;
}
/* 검색결과 */
.contents .myPage .box.search_result{
    padding-top:8px
}
.contents .myPage .box.search_result .sts_align h3{
    color: #FFF;
    font-size: 17px;
}
/* 알람 */
.alarm_tab{
    display: flex;
    border-bottom: 1px solid #3A3B41;
    position: relative;    
}
.alarm_tab li{
    flex: 1;
    margin-bottom:-1px
}
.alarm_tab li a{
    display: block;
    text-align: center;
    line-height: 42px;
    font-size: 13px;
    color: #555;    
}
.alarm_tab li.on a{
    color:#FFF;
}
.alarm_tab li.on{
    border-bottom:1px solid #FFF;
}
.alarm_list_01{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.alarm_list_01 li{
    display: flex;
    gap: 16px;   
}
.alarm_list_01 li .imgB{
    width: 78px;
    height: 78px;
    border-radius:5px ;
}
.alarm_list_01 li .imgB img{
    width: 100%;
    object-fit: cover;
}
.alarm_list_01 li .txtB{
    flex: 1;
}
.alarm_list_01 li .txtB .alarm_txt{
    font-size: 14px;
    color: #FFF;
    line-height: 24px;
    letter-spacing: -.5px;
    margin-bottom: 13px;
}
.alarm_list_01 li .txtB .alarm_date{
    color: #777;
}
.alarm_list_01 li .txtB .alarm_date + .alarm_date{
    margin-top: 8px;
}
.alarm_list_01 li .txtB .alarm_date > i.on{
    display: inline-block;
    background: red;
    border-radius: 50%;
    width: 4px;
    height: 4px;
}

.alarm_list_02 dl + dl{
    padding-top:24px
}
.alarm_list_02 dl{
    border-bottom: 1px solid #3A3B41;
}
.alarm_list_02 dt{
    position: relative;
    padding-right:15px;
    padding-bottom:12px;
    padding-top:12px
}
.alarm_list_02 dt .arrow {
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
}

.alarm_list_02 dt .arrow img {
    transform: rotate(-90deg);
}

.alarm_list_02 dl.on dt .arrow img {
    transform: rotate(90deg);
}

.alarm_list_02 dt:after{
    content: '';
    display: inline-block;
    background: url(/images/common/arr-back.png) no-repeat center center;
    background-size: 6px;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 5px;
    transform: rotate(-90deg);
}
.alarm_list_02 dl.on dt:after{
    transform: rotate(90deg);
}
.alarm_list_02 dt .alarm_tit{
    margin-bottom: 12px;
    color: #FFF;
    font-size:14px
}
.alarm_list_02 dt .alarm_date{
    font-size: 12px;
    color: #777;
}
.alarm_list_02 dd.alarm_txt{
    display:none;
    border-top: 1px solid #3A3B41;
    font-size:13px;
    letter-spacing: -.5px;
    line-height: 24px;
    padding: 24px 0;
    color: #999;
}
.alarm_list_02 dl.on dd.alarm_txt{
    display: block;
}
/* 공연신청 버전 */
.contents .myPage .account_list.ver_show dd.flexBox,
.contents .myPage .account_list.ver_show dd{
    border-top:0;
    padding-top:0;
    border-bottom: 0;
    line-height: 22px;
    word-break: keep-all;
}
.contents .myPage .account_list.ver_show dt{
    margin-bottom: 16px;
}
.contents .myPage .account_list.ver_show dd .line_inp{
    padding-bottom:18px;
    font-size:14px;
    color:#FFF;
    font-weight:400;
    border-bottom: 1px solid #3A3B41;
    margin-top:8px;
    padding-top: 16px;
}
.contents .myPage .account_list.ver_show dd .radio_box{
    display: flex;
    gap: 8px;
}
.contents .myPage .account_list.ver_show .memo_msg{
    border-radius: 5px;
    background-color: #232326;
    padding:14px 16px;
}
.contents .myPage .account_list.ver_show .memo_msg dd{
    position: relative;
    padding-left: 9px;
}
.contents .myPage .account_list.ver_show .memo_msg dd::before{
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #777;
    position: absolute;
    left: 0;
    top: 10px;
}
.contents .myPage .account_list.ver_show .memo_msg textarea{
    border: 0;
    background: transparent;
    outline: none;
    width: 100%;
    color:#FFF;
    height: 60px;
}
.contents .myPage .account_list.ver_show .memo_msg dt{
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 10px;
}
.checkTextArea{
    padding:0 16px;
    line-height: 44px;
    border-radius: 6px;
    background: #3A3B41;
    display: block;
    position: relative;
}
.checkTextArea input + label{
    display:block;
    text-align: center;
    padding:0 17px;
    text-align: center;
    color:#777777;
    font-size: 14px
}
.checkTextArea input+ label:before{
    content: '';
    display: inline-block;
    background:url(/images/common/ico_check.svg) no-repeat center center;
    width: 14px;
    height: 20px;
    background-size:14px;
    opacity: .2;
    position: absolute;
    left: 16px;
    top: 11px;
}
.checkTextArea input:checked + label:before{
    opacity: 1;
}
.checkTextArea input:checked + label{
    color: #FFF;   
}
.check_tab_box{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.contents .myPage .account_list.ver_show dl.liner dt{
    border-bottom:1px solid #3A3B41;
    padding-bottom:24px
}
.contents .myPage .account_list.ver_show dl .selected_txt{
    border:1px solid #3A3B41;
    border-radius: 5px;
    padding:24px;
    width:100%;
    margin-top:24px
}
.contents .myPage .account_list.ver_show dl .selected_txt p{
    line-height: 30px;
    font-size: 14px;
    color: #FFF;
}
/* 로그인 */
.contents .myPage .imgBox .log_in_title_box{
    margin-top: -40px;
    padding: 24px 0;
}
.contents .myPage .imgBox .log_in_title_box p{
    font-size: 14px;
    line-height: 25px;
    color: #777;
}
.contents .myPage .imgBox .log_in_title_box p + p{
    margin-top: 22px;
}
.contents .myPage .imgBox .log_in_title_box p b{
    color: #FFF;
    font-size: 25px;
}
/* 탈퇴하기 */
.leave_ment_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: left;
}
.leave_ment_box li{
    background-color: #232326;
    border-radius: 5px; 
    padding: 14px 16px;
}
.leave_ment_box li .ment_tit{
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}
.leave_ment_box li .ment_txt p{
    font-size: 13px;
    font-weight: 300;
    color: #777;
    word-break: keep-all;

}
.leave_ment_box li .ment_txt p + p{
    margin-top: 16px;
}
.search_form{}
.search_form .search_inp{
	display:flex;
	border-bottom:1px solid #FFF;
	padding-bottom:16px;
	padding-left:28px;
	background:url()
}
.search_form .search_inp input{
	border:0;
	flex:1;
    background: transparent;
    outline: none;
    color: #FFF;
}
.search_form .search_btn{
	width:24px;
	height:24px;
	background-size:12px
}
.search_form .ico_sch_del{}
.search_form .ico_sch_del img{}
.search_form h3{
    color: #FFf;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 18px;
}
.search_form .search_result_area .ico_sch_del{}
.search_form .search_result_area .ico_sch_del img{}
.search_form .search_result_area{}
.search_form .search_result_area .search_tit{
	font-size:13px;
	font-weight:600;
	color:#999;
	margin:24px 0
}
.search_form .search_result_list{
	display:flex;
}
.search_form .search_result_list.on .sch_img{
	border:1.5px solid #FF335A
}
.search_form .search_result_list + .search_result_list{
	margin-top:15px
}
.search_form .search_result_list .sch_img{
	width:60px;
	height:60px;
	border-radius:50%;
	overflow:hidden
}
.search_form .search_result_list .sch_img span{
	display:inline-block;
	width:60px;
	height:60px;
	border-radius:50%;
	border:1px solid #101012;
	font-size:28px;
	color:#FFF;
	line-height:60px
}
.search_form .search_result_list .sch_img img{
	width:100%;
	height:100%;
}
.search_form .search_result_list .sch_nm{
	font-size:14px;
	color:#FFF
}
.search_form .search_result{
	text-align:center
}
.search_form .search_result > a{
	display:inline-block
}