@charset "utf-8";
/* css form event modal */
/*
2023-03-21
너비 560 기준 으로 변경훔
600 => 560
600 => 500
*/
.evtm-imodal{
    -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust : none;  /* IE */
    -moz-text-size-adjust : none;  /* 파이어폭스 */
    -o-text-size-adjust : none;  /* 오페라 구버전 */
}


.evtm-imodal .imodal-body{
    padding:0;
}

.evtm-container{
    --hr-color:#000;
    --container-width:560px;
    
    
    --h-space:0.5em;
    --v-space:0.5em;
    --evtm-feed-img-box-img-width:400px;

    /* inus-btn 등의 margin을 0으로 처리함, inus-n-X 등으로 처리하라. */
    --inus-margin-top: 0;
    --inus-margin-right: 0;
    --inus-margin-bottom: 0;
    --inus-margin-left: 0;
    --inus-margin: var(--inus-margin-top) var(--inus-margin-right) var(--inus-margin-bottom) var(--inus-margin-left);
}
.evtm-container{
    box-sizing: border-box;
    font-size: 26px;
    background-color: #fff;
    width:var(--container-width,560px);
    margin:0.5em auto; 
    border-radius: 1em;
    border:2px solid #9ba77f;
}
.evtm-container *{
    box-sizing: border-box;
}
.evtm-form{
    padding:0 0;
}
.evtm-form-container{
    margin:0 auto;
}
.evtm-content-box{
    width:auto;
    margin:0 auto;
    box-sizing: border-box;
}
.evtm-container .h-space{
    margin-left: var(--h-space,0);
    margin-right: var(--h-space,0);
}
.evtm-container .v-space{
    margin-top: var(--v-space,0);
    margin-bottom: var(--v-space,0);
}


.evtm-logo-img{
    /* max-width: 100%;
    max-height: 100%; */
    max-width:100%;
    max-height:100%;
    object-fit: contain;
}
.evtm-logo-instargam{
    background-image: url(logo-instagram.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height:100px;
}

.evtm-hr{
    height: 1px;
    background-color: var(--hr-color,#000);
    padding: 0;
    margin: 0.5em 0;
    border-width: 0;
}

.evtm-layer{
    border:2px solid #000;
    background-color: #fff;
    padding:0.5em;
    width: 100%;

}
.evtm-layer-parent{
    z-index: 10;
}
.evtm-layer-header{
    font-size: 24px;
}
.evtm-layer-body{
    font-size: 16px;
}
.evtm-layer-body em{
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
}
/* 공유피드 정방형 */
.evtm-feed-img-box{
    margin: 0.5em auto;
}
.evtm-feed-img-box-img{
    display: block;
    margin:0 auto;
    width:var(--evtm-feed-img-box-img-width, 300px);
    height: auto;
    aspect-ratio: 1 / 1;
    border:3px solid #000;
    background-color: #fff;
}
.evtm-feed-img-box-download{
    display: block;
    margin:0 auto;
    width:var(--evtm-feed-img-box-img-width, 300px);
    height: auto;
    border:3px solid #000;
    border-top-width: 0px;
    background-color: #fff;

    text-align: center;
    font-weight: bold;
    padding: 0.5em 0;
}
.evtm-feed-img-box-ios-notice{
    text-align: center;
}
.evtm-feed-img-box-ios-notice-img{
    width: 500px;
    height: 243px;
    margin:0 auto;
    background-image: url(imgs/evtm-feed-img-box-ios-notice-img.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.evtm-btn-link-ig{
    
    
    background-image: linear-gradient(45deg, #FF933D,#f347aa, #613BCF);
    color: #fff !important;
}

.evtm-btn{
    display: block;
    padding:1em;
}

.evtm-feed-img-box img{
    display: block;
    width:100%;
    /* height: 100%; */
    object-fit: cover;
}

/* 해시태그 */
.evtm-hash-tag-box{
    border: 3px solid #000;
    margin: 0.5em auto;
}
.evtm-hash-tag-box-hash-tag{
    background-color: #fff;
    text-align: center;
    padding:1em;
    font-weight: bold;
}
.evtm-hash-tag-box-hash-tag > span{
    display: inline-block;
}
.evtm-hash-tag-box-btn{
    padding:0.5em;
    font-weight: bold;
}

.evtm-share-box{

}
.evtm-share-btns{

}
.evtm-share-btn{
    height: 70px;
    background-size: auto 90%;
}
.evtm-share-btn-box{
    margin-bottom: 1em;
}
.evtm-btn-submit-box{
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}


.evtm-text-box{
    margin:0.5em auto;
}
.evtm-text-box.big{
    font-size:30px
}
.evtm-text-box.small{
    font-size:18px
}
.evtm-text-box.bold{
    font-weight: bold;
}

/* 문자열 강조를 위해서 크게+밑줄+볼드  */
.evtm-em{
    font-size: 1.2em;
    text-decoration: underline;
    font-weight: bold;
}

/* PC 화면등의 높이가 1000px 이하인 경우 0.7로 축소 */
.evtm-zoom-target{
    zoom:1;
}
@media screen and (max-height:1080px) {
	.evtm-zoom-target{zoom:0.7}
}



/* URL 입력부 제어 */
.evtm-urls > .evtm-url > .evtm-url-btn-add{
    display: none;
}
.evtm-urls > .evtm-url:first-child > .evtm-url-btn-add{
    display: block
}

.evtm-urls > .evtm-url > .evtm-url-btn-remove{
    display: block;
}
.evtm-urls > .evtm-url:first-child > .evtm-url-btn-remove{
    display: none
}
/* 이 부분은 evtm-1.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);
}
*/