@charset "utf-8";
/* css form event modal */
/*
2023-11-14 : 로딩 모달 에니메이션 개선
*/

.evtm-1 .evtm-container{
    /* background-image: url('event-bg.svg'); */
    /* background-image:  none; */
    border-radius: 0;
    border: 2px solid #000000;
    background-color: #fffff0;
    --evtm-font-size:24px;
    font-size: var(--evtm-font-size);
    border-radius: 0em;
    color: #000000;
    width:560px;

}

.evtm-1 {
    --inus-placeholder-color:#ccc;
    --inus-color:#000;
    --inus-btn-color:#999;
    --inus-background-color:#fff;
    --inus-btn-background-color:#0c77cf;
    --inus-border-color:#120e3d;
    --inus-unchecked-color:#fafafa;
    --inus-checked-color:#0c77cf;
    --inus-border-width:2px;
}
.evtm-1 button{
    color: inherit;
}


.evtm-1 .imodal-close{
    height: 2em;
    width: 2em;
    background-image: url(/_asset/imodal/imodal/close-black.svg);
    filter: opacity(0.5);
}

.evtm-1 .imodal-close:hover,
.evtm-1 .imodal-close:active{
    filter: opacity(1);
}


.evtm-1 .imodal-close{
    margin-top: 10px;;
}

.evtm-1 .evtm-layer{
    border-color: var(--inus-border-color);
    background-color: #fff;
}

.evtm-1 .evtm-feed-img-box{
    border-color: var(--inus-border-color);
}


.evtm-1 .evtm-feed-img-box-wrap{
    padding:40px 50px;
    background-color: #120E3D;
}

.evtm-1 .evtm-container{
    padding-left: 1em;
    padding-right: 1em;
}
.evtm-1 .evtm-logo-wrap{
    margin-left: -1em;
    margin-right: -1em;
}



/* 로고 설정 */
.evtm-1 .evtm-logo-wrap{
    /* width:100%; */
}
.evtm-1 .evtm-logo-wrap .logo-company{
    padding:10px;
    margin-bottom: -100px;
}
.evtm-1 .evtm-logo-wrap .logo-company img{
    display: block;
    margin:0 auto 0 0;
    /* height: 100px */
    height: 70px;

}
.evtm-1 .evtm-logo-wrap .event-logo{
    padding:0px;

}
.evtm-1 .evtm-logo-wrap .event-logo img{
    display: block;
    margin:0 auto;
    max-width: 90%;
}

/* 최종 버튼 설정 */

.evtm-1 .evtm-btn-submit{
    /* background-image: url(bg-btn-arrow-black.png);
    background-position: calc(100% - 1.5em) center;
    background-repeat: no-repeat; */
    background-color: #01B58A;
    box-shadow: 1.5px 2.598px 0px 0px rgba(28, 2, 3, 0.004);
    height: 89px;
    line-height: 89px;
    min-width: 396px;
    color: #ffffff;
    font-size: 32px;
    border-radius: 5em;
    font-weight: bold;
    margin: 20px auto;
    
    cursor: pointer;
    border:0px solid #000 !important;
}
  

.evtm-1 .evtm-btn-submit.evtm-btn-submit-small{
    color: #fff;
    background-image:none;
    padding:0px;
    border:0px solid #000;
    font-size: 26px;
    height: 2.5em;
    line-height: 2.5em;
    
}


/* 해시태그 복사 버튼 */
.evtm-1 .evtm-btn-hashtag-copy {
    color:#fff;
    background-color: #DF2D32;
}
.evtm-1 .evtm-hash-tag-box-hash-tag{
    color: #707070 !important;
}
.evtm-1 .evtm-feed-img-box-download{
    color: #000 !important;
}

/* 폰트 크기 */
.evtm-fs-1{font-size:0.5em;}
.evtm-fs-2{font-size:0.8em;}
.evtm-fs-3{font-size:1em;}
.evtm-fs-4{font-size:1.2em;}
.evtm-fs-5{font-size:1.5em;}

/* 마진 */
.mb-10px{margin-bottom: 10px;}
.mb-20px{margin-bottom: 20px;}
.mb-30px{margin-bottom: 30px;}
.mb-40px{margin-bottom: 40px;}

.evtm-1 .btn-open-terms{
    width:2em;height:2em;line-height: 1em;
    color: #fff;
    background: #DF2D32 url("icon-plus.png") no-repeat center center;
    border-width: 0;
}
.evtm-1 .btn-close-terms{
    border-width: 0;
    width:2em;height:2em;line-height: 1em;
    background-color: #DF2D32;
    color: #fff;
}



/* 너비 */
.w500px{
    width:500px;
}
.w520px{
    width:520px;
}
.w540px{
    width:540px;
}

/* zoom 적용시 이미지에 gap 보이는 현상 제거용 */
.evtm-1 .evtm-feed-img-box img{
    box-shadow: 1px 1px 0px 1px #000;
}

/* 높이 100px 기준 */
.evtm-1 .evtm1-height-100px{
    line-height: 100px;
    padding-top:0;
    padding-bottom: 0;
}

/* 동의 안내 */
.evtm-1 .layer-privacy , .layer-marketing{
    color: #000 !important;
}

/* 주의사항 */
.evtm-1 .evtm-warning-wrap{
    
}

.evtm-1 .evtm-warning-wrap p{
    word-break: keep-all;
    text-indent: -0.5em;
    margin-left: 0.5em;
}
.evtm-1 .evtm-warning-wrap .hashtags > * ,
.evtm-1 .evtm-warning-wrap .hashtag{
    text-indent:0;
    display: inline-block;
}

/* 로딩 */
.evtm-1 .loading-text-box{
    line-height: 2em;
    height: 200px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;  
}

.evtm-1.imodal.on .loading-text-box > div{
    filter: opacity(0); 
    animation-duration: 1.5s;
    animation-name: kf-loading-text-box;
    animation-iteration-count: infinite;
    animation-fill-mode:both;
    animation-timing-function:ease-in-out;
}
.evtm-1.imodal.on .loading-text-box > div:nth-child(10n+1){ animation-delay: 0s;}
.evtm-1.imodal.on .loading-text-box > div:nth-child(10n+2){ animation-delay: 0.1s;}
.evtm-1.imodal.on .loading-text-box > div:nth-child(10n+3){ animation-delay: 0.2s;}
.evtm-1.imodal.on .loading-text-box > div:nth-child(10n+4){ animation-delay: 0.3s;}
.evtm-1.imodal.on .loading-text-box > div:nth-child(10n+5){ animation-delay: 0.4s;}
.evtm-1.imodal.on .loading-text-box > div:nth-child(10n+6){ animation-delay: 0.5s;}
.evtm-1.imodal.on .loading-text-box > div:nth-child(10n+7){ animation-delay: 0.6s;}
.evtm-1.imodal.on .loading-text-box > div:nth-child(10n+8){ animation-delay: 0.7s;}
.evtm-1.imodal.on .loading-text-box > div:nth-child(10n+9){ animation-delay: 0.8s;}
.evtm-1.imodal.on .loading-text-box > div:nth-child(10n+10){ animation-delay: 0.9s;}

@keyframes kf-loading-text-box {
    0%{
        filter: opacity(0) brightness(1); 
        transform: translateY(0.5em) ;
    }
    20%,60%{
        filter: opacity(1) brightness(1);
        transform: translateY(0);
    }
    80%,100%{
        filter: opacity(0) brightness(1);
        transform: translateY(-0.5em);
    }
}


/* 모달 닫기를 body에 겹쳐 보이도록 함 */

.evtm-1 .imodal-content{
    position: relative;
    display: block;
    overflow-y: auto;
}
.evtm-1 .imodal-body{
    overflow-y: visible;
}
.evtm-1 .imodal-head{
    /* margin-bottom: -100px; */
    z-index: 20;
    padding: 10px;
    position: absolute;
    top: 12px;
    right: 0;
}
.evtm-1 .imodal-head .imodal-close{
    margin: 0;;
}



.evtm-1 .evtm-hash-tag-box{
    border: 3px solid #01B58A;
    margin: 0.5em auto;
    border-radius: 20px;
    overflow: hidden;
}
.evtm-1 .evtm-btn-hashtag-copy{
    background-color: #01B58A;

}


/* URL 입력부 제어 (evtm.css 의 것을 확장) */
.evtm-urls[data-num="6"] > .evtm-url > .evtm-url-btn-add{
    cursor: not-allowed;
}
.evtm-urls[data-num="6"] > .evtm-url > .evtm-url-btn-add button{
    pointer-events: none;
    filter: opacity(0.2);
}