/** 이전으로 버튼 **/



/*.btn-back{*/
/*    !*width : 103px;*!*/
/*    padding-right: 8px;*/
/*    height : 40px;*/
/*    color : #fff;*/
/*    font-size : 15px;*/
/*    font-family: 'Noto Sans KR', sans-serif;*/
/*    background-color : #1c1c1c;*/
/*    margin-bottom : 40px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 8px;*/
/*}*/




/* 이벤트 */
div.event{
    padding : 16px 24px;
    background-color : #f5f5f5;
    max-width : 844px;
    width : 95%;
    position : relative;
    margin : 0 auto 60px;
    border-radius: 4px;
    display: flex;
  flex-wrap: wrap;
    row-gap: 16px;
}

.event-title{
    width: 100%;
    color : #1c1c1c;
    font-size : 20px;
    font-weight : 600;
    display : flex;
    align-items: flex-start;
    justify-content : flex-start;
}

.event-title > span.event{
    display: inline-block;
    width : 64px;
    height : 37px;
    background-color : 
    #846b64;
    color : #fff;
    font-size : 15px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    line-height : 37px;
    text-align: center;
    font-weight : 700;
    margin-right : 24px;
}

.event-title > span.title{
    flex : 1;
}

.event-content{
    width: 100%;
    font-weight : 300;
    font-size : 16px;
    color : #1c1c1c;
}

/*.event-period-price{*/
/*    width: 100%;*/
/*    display : flex;*/
/*    align-items: flex-end;*/
/*    justify-content: space-between;*/
/*}*/

.event-price{
    font-weight : 300;
}

.event-price > span{
    font-size : 20px;
    font-weight : 400;
}

.event-price .max-price{
    margin-left : 32px;
}

.event-period{
    color : #1c1c1c;
}


/* 이벤트 상세 */
/*.event-detail-wrap{*/
/*    border-top : 2px solid #1c1c1c;*/
/*    border-bottom : 2px solid #1c1c1c;*/
/*    padding-top : 20px;*/
/*    padding-bottom : 62px;*/
/*}*/

/*.event-detail-wrap > ul > li{*/
/*    border : 1px solid #b1b1b1;*/
/*    max-width : 844px;*/
/*    width : 95%; */
/*    margin : 0 auto;*/
/*    padding : 32px 16px;*/
/*    margin-bottom : 16px;*/
/*    position : relative;*/
/*}*/

.event-detail-wrap .event-detail-title{
    color : #1c1c1c;
    grid-area: title;
}

.event-detail-wrap .event-detail-sub{
    font-size : 16px;
    line-height : 19px;
    color : #767676;
    font-weight : 300;
    max-width : 602px;
    width : 95%;
    grid-area: sub;
    padding: 0;
}

.event-detail-wrap .event-detail-turn{
    display : grid;
    grid-template-columns: repeat(5, 1fr);
    gap : 16px 8px;
    max-width : 632px;
    width : 95%;
    grid-area: detail;
    border: none;
    margin: 0;
    padding: 0;
}

.event-detail-wrap .btn-turn{
    max-width : 120px;
    width : 100%;
    height : 30px;
    font-weight : 300;
    color : #1c1c1c;
    border : 1px solid rgba(0,0,0,0.7);
}

.event-detail-wrap .btn-turn.disabled{
    background-color : #efefef;
    color : #767676;
    border : 0;
}

.event-detail-wrap .event-detail-period{
    margin-bottom : 16px;
}

.event-detail-wrap .origin-price{
    color : #767676;
    font-weight: 300;
}

.event-detail-wrap .origin-price > span{
    font-weight: 400;
    text-decoration: line-through;
}

.event-detail-wrap .sales-price{
    color : #1c1c1c;
    font-size : 16px;
    font-weight : 600;
}

.event-detail-wrap .sales-price > span{
    font-size : 20px;
    font-weight : 500;
}

.event-detail-wrap .discount{
    margin-left : 33px;
    font-size : 20px;
    color : 
    #b3261e;
    font-weight : 500;
}

/*.event-detail-wrap .btn-wrap{*/
/*    position : absolute;*/
/*    bottom : 115px;*/
/*    right : 48px;*/
/*}*/

.event-detail-wrap .btn-wrap > div:first-child{
    text-align: center;
}

.event-detail-wrap .btn-more{
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-size : 15px;
    color : #1c1c1c;
    text-align: center;
    text-decoration: underline;
}

/*.event-detail-wrap .btn-more .icon.search-detail{*/
/*    width : 13px;*/
/*    height : 15px;*/
/*    margin-right : 8px;*/
/*    margin-top : -2px;*/
/*}*/

.event-detail-wrap .btn-cart{
    width : 107px;
    height : 40px;
    border-radius : 40px;
    background-color : #1c1c1c;
    color : #fff;
    font-size : 16px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    margin-top : 6px;
}

@media screen and (max-width : 1016px){
    .btn-back-wrap{
        padding-left : 10px;
    }
}

@media screen and (max-width : 768px){
    .btn-back{
        font-size : 14px;
        margin-bottom: 20px;
    }

    div.event{
        padding : 16px 16px;
        margin: 0 auto 24px;
    }

    .event-title > span.event{
        font-size : 14px;
        width : 52px;
        height : 36px;
        line-height : 36px;
        margin-right : 10px;
    }
div.event {
    row-gap: 8px;
}
    .event-title{
        font-weight : 500;
        font-size : 18px;
    }

    .event-content{
        font-size : 14px;
    }

    .event-period{
        font-size : 14px;
    }

    .event-period-price{
        flex-direction: column;
        align-items: flex-start;
    }

    .event-price > span{
        font-size : 14px;
    }

    .event-period{
        margin-top : 27px;
    }

    .event-detail-wrap > ul > li{
        padding : 8px 16px;
    }
    .reservation-wrap .event-detail-wrap > ul > li{
        padding: 0;
    }
    .event-detail-wrap > ul > li label, label[for="invitationVisit"]{
        /*margin: 0 0 24px 10px;*/
        padding: 15px 10px 15px 46px;
    }
    .event-detail-wrap ul{
        /*padding: 20px 10px;*/
    }
    .event-detail-wrap ul#compDet1Ul{
        padding: 20px 0;
    }
    .event-detail-wrap .event-detail-turn{
        gap : 8px;
    }
    .event-detail-wrap > ul > li label .event-detail-turn{
        grid-template-columns: repeat(4, 1fr);
    }
    .origin-price.pc-none{
        display : inline-block;
        font-size  :8px !important;
        margin-left : 8px;
    }

    .event-detail-wrap .discount{
        margin-left : 10px;
    }

    .event-detail-wrap .btn-wrap{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        bottom: 8px;
        right: 10px;
    }

    .event-detail-wrap .btn-cart{
        margin-top : 0;
        width : 74px;
        height : 30px;
        font-size : 12px;
    }

    .event-detail-wrap .sales-price{
        font-size : 12px;
    }

    .event-detail-wrap .sales-price > span{
        font-size : 12px;
    }

    .event-detail-wrap .btn-more{
        font-size : 12px;
    }
}

@media screen and (max-width : 480px){
    .event-title{
        font-weight : 500;
        font-size : 16px;
        margin-bottom : 10px;
    }

    /*.event-detail-wrap > ul > li{*/
    /*    padding : 8px 16px;*/
    /*}*/


    .event-detail-wrap .event-detail-sub{
        font-size : 14px;
    }

    .event-detail-wrap .event-detail-turn{
        gap : 6px;
    }

    .event-detail-wrap .btn-turn{
        height : 40px;
    }
    .event-detail-wrap ul{
        /*padding: 20px 10px 20px 10px;*/
    }
}