@charset "utf-8";
/* cjs input 초기화 */
input{
    outline: none;
    border: 0;
}
/* 팝업 관련 */
.sobti-popup{
    font-size:22px;
}
.sobti-popup *{
    font-size:22px;
}
.sobti-popup .flex{
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}
.sobti-popup .flex-col{
    flex-direction: column;
}
.sobti-popup .flex-row{
    flex-direction: row;
}
.sobti-popup .flex-auto{
    flex:0 0 auto
}
.sobti-popup .flex-stech{
    flex: 1 1 auto;
}
.sobti-popup .flex-start{
    align-items: flex-start;
}

.sobti-popup-bg{
    background-color: rgba(0,0,0,0.88);
    position: fixed;
    top: 0;left: 0;right:0;bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    display: none;
    pointer-events: none;
}
.sobti-popup-bg.show{
    display: block;
    pointer-events: all;
}

.sobti-popup{
    display: none;
}
.sobti-popup.show{
    display: block;
}

/*
.sobti-popup-dialog{
    z-index: 20;
    position: absolute;
    width: 750px;
    padding:25px;
    top:2135px;
}
 */
.sobti-popup-header-close{
    text-align: right;
    margin:16px 0;
}
.sobti-popup-header-close img{
    cursor: pointer;

}

.sobti-popup-body{
    clear: both;
    position: relative;
}

.sobti-label-box{
    flex: 0 0 auto;
}
.sobti-input-box{
    flex: 1 0 auto;
}
.sobti-input{
    border-radius: 5px;
    line-height: 68px;
    height: 68px;
    background-color: #fff;
    color: #000;
    border-width: 0;
    width:100%;
    padding: 0 0.25em;
    box-sizing: border-box;
}
.sobti-input-group{
    /* padding:0 64px 18px 64px; */
    padding-bottom: 18px;
}
.sobti-hr{
    height: 1px;
    background-color: #000;
    padding:0;
    margin:24px 0;
}

.sobti-radio{
    display: inline-block;
    box-sizing: border-box;
    height:1em;
    width:1em;
    border:6px solid #fff;
    background-color: #fff;
    border-radius: 50%;
}
.sobti-radio[type="checkbox"]{
    border-radius: 0;
}
.sobti-radio:checked{
    background-color: #FF3439;
}

.sobti-radio-group > input{
    margin:0 0.5em;
}

.sobti-border-0{
    border-width: 0;
}


.sobti-popup-popup{
    /* display: flex; */
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    position: absolute;
    top: 0;left: 0;right:0;bottom: 0;

    display: none;
}

.sobti-popup-popup.show{
    display: flex;
}

.btn-img{
    cursor: pointer;
}

.share-img{
    width:630px;height:630px;margin:0 auto;
    background-color: #ccc;
    border:2px solid #000
}
.share-img > img{
    width: 100%;
    height: 100%;;
}
.share-img + .btn-download{
    background-color: #EA6189;
    margin:0 auto;
    width:630px;height: 82px;
    border:2px solid #000;
    border-top-width:0;
    line-height: 82px;
    text-align: center;
}

.share-btns > .share-btn >*{
    display: block;
}
.share-btn{
    text-align: center;
    padding-bottom: 41px;
}
.btn-nn-label{
    margin:24px auto 19px auto;
    display: block;
}

.share-input-group{
    width:540px;
    margin:0 auto;
    border-radius: 30px;
    height:60px;
    display: flex;
    border: 2px solid #BCBCBC;
    padding-left: 30px;
    margin-bottom: 19px;
}
.share-input-group > input{
    flex: 1 1 auto;
    border-width: 0;
    padding:0 0.25em;
    background-color: transparent;
    box-sizing: border-box;
    line-height: 60px;

}
.share-input-group-btn{
    flex: 0 0 auto;
    padding-right: 33px;
    padding-left: 10px;
    line-height: 56px;
    width: 21px;
    box-sizing: content-box;
}

.sobti-popup-dialog { z-index: 20; position: fixed; width: 750px; padding: 25px; max-height: 95vh; overflow-y: scroll; top: calc(50% - 95vh/2); }
#sobti_popup_06 .sobti-popup-dialog {top: calc(50% - 980px/2); }
.sobti-popup-dialog::-webkit-scrollbar {
    display: none;
}

body { background: url("/_asset/img_v2/event/sobti/main/body_bg.jpg"); }
.v2_wrap { background-color: #fff; }