/*전 페이지 공통*/
input,
textarea{
    cursor: text;
    resize: none;
}
select,
select option,
button,
button *,
a img,
a p,
a{
    cursor: pointer;
}
button,
img{
    display: inline-block;
}
button[disabled]{
    cursor: default;
    background-color: #E7E7E7!important;
    color: #686868;
    font-weight: normal;
}
input,
textarea,
button,
select,
a,
label{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
select::-ms-expand { 
	display: none;
}
select {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* input search */
input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	-webkit-appearance: none;
    /* background: url('/assets/img/icon/delete_icon_wh.svg') center center no-repeat; */
    cursor: pointer;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #C8C8C8;
}

input::-webkit-calendar-picker-indicator {
    display: none !important;
}

input[type="radio"],
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* input number 기본상태값 초기화 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox  */
input[type='number'] {
    -moz-appearance: textfield;
}


body,
* a {color: #191919;}

input::placeholder {color: #999;}
body {background-color: #FEFEFE;}

* {box-sizing: border-box;}

/* 색상 표시 */
/* background main, sub */
.bg-m {background-color: #6C5CE7;}
.bg-s {background-color: #F0EEFF;}

/* text color main */
.t-m {color: #6C5CE7;}


/* 페이지네이션 (pagination) */
.pagination ul li.arrow_off img {
    filter: invert(80%) sepia(3%) saturate(24%) hue-rotate(323deg) brightness(88%) contrast(91%);
}



/* 체크박스 */
/* signup checkbox */
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #AEAEAE;
    cursor: pointer;
}
.checkbox input[type="checkbox"]:checked,
.checkbox input[type="radio"]:checked {
    background: url('/asseta/img/ico_check.png') no-repeat;
    background-position: center;
    background-color: #6C5CE7;
    border: none;
}


/* 이미지 등록 */
.image-upload #imageInput {
    display: none;
}
.image-upload #previewImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.image-upload .plus-icon {
    z-index: 2;
}



/* 이벤트 미리보기 탭*/
.view_popup .choose-box {
    margin: 30px 0 14px;
    width: 100%;
    gap: 16px;
    font-family: 'SCoreDream','Noto Sans KR', sans-serif;
}

.view_popup .choose-box button {
    width: auto;
    padding: 0 12px;
    height: 30px;
    border-radius: 30px;
    background-color: #EDEDED;
    font-size: 13px;
    color: #686868;
    transition: all 0.3s;
} 

.view_popup .choose-box button:hover,
.view_popup .choose-box button.on {
    font-weight: bold;
    color: #fff;
    background-color: #6C5CE7;
}




/* banner 노출 위치 */
.banner-radio input[type="radio"] {
    display: none;
}
.banner-radio input[type="radio"] + span {
    display: block;
    width: 140px;
    padding: 10px 0;
    font-size: 16px;
    color: #888888;
    text-align: center;
    cursor: pointer;
}
.banner-radio input[type="radio"]:checked + span {
    background-color: #6C5CE7;
    border-color: #6C5CE7;
    color: #fff;
    font-weight: 600;
}

/* banner 노출 방식 */
.radio-type input[type="radio"] {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    border: 1px solid #AEAEAE;
    cursor: pointer;
    margin-right: 12px;
}
.radio-type input[type="radio"]:checked {
    background: url('/asseta/img/ico_check.png') no-repeat;
    background-position: center;
    background-size: 14px;
    background-color: #6C5CE7;
    border: none;
}


/* banner 삭제 */
.delete-chk input[type="checkbox"] {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #AEAEAE;
    background: url('/asseta/img/ico_deleteOff.png') no-repeat;
    background-position: center;
    background-size: 100%;
    cursor: pointer;
}
.delete-chk input[type="checkbox"]:checked {
    background: url('/asseta/img/ico_deleteOn.png') no-repeat;
    background-position: center;
    background-size: 100%;
    border: 1px solid #E80000;
}


/* table 공통 */
th, td {padding: 0 6px;}

.sum_input::placeholder {
    text-align: left;
}



/* 결제 input */
.payment_input {
    min-width: calc(33.3333% - 4px);
    width: calc(33.3333% - 4px);
}

.payment_input input[type="radio"] {
    display: none;
}
.payment_input input[type="radio"] + span {
    display: block;
    padding: 10px 0;
    background-color: #EEEEEE;
    border-radius: 6px;
    font-size: 15px;
    color: #888888;
    text-align: center;
    cursor: pointer;
}
.payment_input input[type="radio"]:checked + span {
    background-color: #6C5CE7;
    border-color: #6C5CE7;
    color: #fff;
    font-weight: 600;
}



/* modal popup (커스텀팝업) */
.modal_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #EEEEEE;
    background-color: #fff;
    padding: 50px 30px 32px 30px;
    width: 380px;
    border-radius: 20px;
    text-align: center;
    z-index: 30;
}
.modal_popup .mainText {
    font-size: 16px;
    color: #191919;
    font-weight: 700;
}
.modal_popup .subText {
    font-size: 15px;
    color: #888888;
    margin-top: 4px;
}

.modal_popup .btn_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 40px;
}
.modal_popup button {
    display: block;
    width: 120px;
    height: 40px;
    border-radius: 6px;
    background-color: #6C5CE7;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}
.modal_popup button.cancel_btn {
    color: #6C5CE7;
    background-color: #fff;
    border: 1px solid #6C5CE7;
}

/* .modal_popup#cancel button.register_btn {
    background-color: #fff;
    color: #E80000;
    border: 1px solid #E80000;
} */


/* toast popup */
#toast {
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 14px;
    display: none;
    z-index: 31;
}