@charset "utf-8";


#event_info {}
#event_info .event_info_wrap {
    display:flex;
    align-items:stretch;
    gap:50px;
    padding:50px;
    position: relative;
}
#event_info .event_info_wrap::after {
    content:'';
    width:150%;
    height:100%;
    background-color:#F6F4F6;
    border-radius: 80px 0px 0px 80px;
    position:absolute;
    right:-50%;
    top:0;
    z-index: -1;
}
#event_info .event_info_wrap .info_box {
    background-color:#fff;
    border:1px solid #CACACA;
    border-radius:50px;
    padding:0 50px;
    height:240px;
    display:flex;
    align-items:center;
    gap:20px;
    flex:1;
}
#event_info .event_info_wrap .info_box .info_icon {}
#event_info .event_info_wrap .info_box .info_text {
    display:flex;
    flex-direction:column;
    gap:10px;
    flex:1;
}
#event_info .event_info_wrap .info_box .info_text .info_ti {
    font-size:1.33rem;
    font-weight:600;
    line-height:normal;
    letter-spacing:-0.72px;
    word-break: keep-all;
}
#event_info .event_info_wrap .info_box .info_text .info_co {
    font-size:1rem;
    font-weight:700;
    line-height:normal;
    letter-spacing:-0.54px;
    color:#8E8E8E;
}
#event_info .event_info_wrap .info_box .info_text .info_co .info_co_noti {
    color:#9A2C48;
    display:block;
}


#event_list {
    margin-top:50px;
    display:flex;
    flex-direction:column;
    gap:50px;
}
#event_list .notice_group .bo_notice_wrapper {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#event_list .bo_notice {
    border:5px solid #FFE6EC;
    border-radius:30px;
    padding:30px 50px;
    display:flex;
    align-items:center;
    gap:20px;
}
#event_list .bo_notice .notice_icon {}
#event_list .bo_notice .notice_cate {
    font-size:1.22rem;
    font-weight:700;
    letter-spacing:-0.66px;
    line-height:normal;
    color:#9A2C48;
}
#event_list .bo_notice .notice_tit {
    font-size:1.22rem;
    font-weight:700;
    letter-spacing:-0.66px;
    line-height:normal;
    flex:1;
}

#event_list .event_group {
    margin-top:20px;
}
#event_list .event_group .event_list_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap:50px;
} 
#event_list .event_group .event_list_wrapper .event_item {
    position: relative;
    margin-top:-20px;
    width:calc(33.333% - 33.333px);
}
#event_list .event_group .event_list_wrapper .event_item a {
    border:1px solid #CACACA;
    border-radius:50px;
    padding:50px;
    width:100%;
    background-color:#fff;
    display:flex;
    flex-direction:column;
    gap:30px;
}
#event_list .event_group .event_list_wrapper .event_item .event_list_text {
    display:flex;
    flex-direction:column;
    gap:20px;
    margin-bottom:84px;
}
#event_list .event_group .event_list_wrapper .event_item .event_list_title {
    font-size:1.22rem;
    font-weight:600;
    letter-spacing:-0.66px;
    line-height:normal;
    color:#9A2C48;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#event_list .event_group .event_list_wrapper .event_item .event_list_co {
    font-size:1rem;
    font-weight:400;
    line-height:133%;
    letter-spacing:-0.54px;
    color:#8E8E8E;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    min-height:86px;
} 
#event_list .event_group .event_list_wrapper .event_item a:hover {
    border-color:#9A2C48;
    background-color:#FFE6EC;
}
#event_list .event_group .event_list_wrapper .event_item a:hover .event_list_co {
    color:#222;
}

#event_like_btn {
    border-radius: 30px;
    border: 2px solid #000;
    background-color: #FF7E92;
    box-shadow:-5px -5px 1px 0px #F6697F inset;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 20px;
    height:54px;
    position:absolute;
    left:50%;
    bottom:50px;
    transform:translateX(-50%);
    width:calc(100% - 100px);
    
}
#event_like_btn .event_like_ti {
    font-size:1rem;
    font-weight:600;
    line-height:normal;
    letter-spacing:-0.54px;
}
#event_like_btn .event_like_count {
    font-size:1.33rem;
    font-weight:600;
    letter-spacing:-0.72px;
    line-height:normal;
    display:flex;
    align-items:flex-end;
}
#event_like_btn .event_like_count span {
    font-size:1rem;
    font-weight:700;
    line-height:normal;
    letter-spacing:-0.54px;
}
/* 좋아요 클릭햇거나 이미 클릭한 경우 하트 색상 */
#event_like_btn {
    cursor:pointer;
}
#event_like_btn.sel .event_like_icon svg path:first-child {
	fill : #F14144;
}
#event_like_btn.sel .event_like_icon svg path:nth-child(2) {
	fill : #8B000C;
}

#event_join_btn {
    width:200px;
    height:60px;
    margin:20px auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #9A2C48;
    background-color:#9A2C48;
    border-radius:999px;
    font-size:1.33rem;
    font-weight:700;
    line-height:166%;
    color:#fff;
    text-align:center;
}
#event_join_btn:hover {
    background-color:#fff;
    color:#9A2C48;
}

@media (max-width:1440px) {
    #event_info .event_info_wrap {
        gap:30px;
    }
    #event_info .event_info_wrap .info_box {
        padding:0 30px;
        height:200px;
    }
    #event_info .event_info_wrap .info_box .info_icon svg {
        width:50px;
        height:50px;
    }

    #event_list .event_group {
        margin-top:0;
    }
    #event_list .event_group .event_list_wrapper {
        gap:30px;
    }
    #event_list .event_group .event_list_wrapper .event_item {
        margin-top:0;
        width:calc(33.333% - 20px);
    }
}
@media (max-width:1200px) {
    #event_info .event_info_wrap {
        padding:30px;
    }
    #event_info .event_info_wrap .info_box {
        flex-direction:column;
        align-items:center;
        justify-content: center;
    }
    #event_info .event_info_wrap .info_box .info_text {
        flex:none;
    }
    #event_info .event_info_wrap .info_box .info_text .info_ti {
        align-self:center;
    }
    #event_info .event_info_wrap .info_box .info_text .info_co {
        font-size:0.88rem;
    }
    #event_list .bo_notice {
        padding:20px 30px;
    }
  
    #event_list .event_group .event_list_wrapper .event_item a {
        padding:30px;
    }
    #event_list .event_group .event_list_wrapper .event_item .event_list_text {
        margin-bottom:75px;
    }
    #event_like_btn {
        width:calc(100% - 60px);
        bottom:30px;
    }
}
@media (max-width:1024px) {
    #event_list .event_group .event_list_wrapper .event_item a {
        border-radius:30px;
    }
}
@media (max-width:991px) {

    #event_info .event_info_wrap .info_box {
        border-radius:30px;
        padding:30px;
        height:auto;
    }

    #event_like_btn {
        padding:0 10px;
    }
    #event_like_btn .event_like_icon svg {
        width:28px;
        height:27px;
    }
    
}
@media (max-width:768px) {
    #event_info .event_info_wrap {
        flex-direction:column;
    }
    #event_info .event_info_wrap .info_box .info_icon svg {
        width:40px;
        height:40px;
    }

    #event_list .bo_notice {
        padding:20px;
        gap:10px;
    }
    #event_list .bo_notice .notice_icon svg {
        width:40px;
        height:40px;
    }
    #event_list .event_group .event_list_wrapper .event_item {
        width:calc(50% - 15px);
    }
}
@media (max-width:640px) {

    #event_list .bo_notice {
        padding: 10px 15px;
    }
    #event_list .bo_notice .notice_tit {
        font-size:0.94rem;
    }
    #event_list .bo_notice .notice_icon svg {
        width:30px;
        height:30px;
    }

    #event_list .event_group .event_list_wrapper {
        gap:10px;
    }
    #event_list .event_group .event_list_wrapper .event_item {
        width:calc(50% - 5px);
    }
    #event_list .event_group .event_list_wrapper .event_item a {
        padding:20px;
    }
    #event_list .event_group .event_list_wrapper .event_item .event_list_title {
        font-size:1rem;
    }
    #event_list .event_group .event_list_wrapper .event_item .event_list_text {
        margin-bottom:50px;
        gap:10px;
    }
    #event_list .event_group .event_list_wrapper .event_item .event_list_co {
        font-size:0.88rem;
        min-height:75px;
    }
    #event_like_btn {
        width:94%;
        height:42px;
    }
    #event_like_btn .event_like_ti,
    #event_like_btn .event_like_count,
    #event_like_btn .event_like_count span {
        font-size:0.94rem;
    }

}
@media (max-width:480px) {
    #event_list .bo_notice .notice_cate {
        display:none;
    }

 

    

    #event_like_btn {
        gap: 5px;
        bottom: 5px;
        padding: 5px; 
    }
  
    #event_like_btn .event_like_icon svg {
        width:25px;
        height:24px;
    }
}
@media (max-width:320px) {}