/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-47779
* CODE : Dev - EV00018661 , Prod - EV00006501
* FILE : /kr/event/2023/11/01_kitchen_stay/css/event.css
* DESC : LG 키친 스테이
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/10/17				정규진			    Created
************************************************************************************
**/

/* 이벤트 기본 설정 */
.mdevice {
    --width: 720;
    }
.evt-func {
    position: relative;
}
/* 참여팝업 */
#agreeReview1_f table tbody tr td {
    font-weight: bold;
}
#agree1_f table tbody tr td:last-child,
#agreeReview1_f table tbody tr td:last-child {
	font-size:20px;
  	line-height:30px;
	text-decoration: underline;
}

.event-container .hotel_item_link {
    line-height: 1.4;
}

.evt-down-area>div {
    width: 100%;
    height: 100%;
}
.evt-down-area>div a {
    width: 100%;
    height: 100%;
    display: block;
}


/* 모바일 */
@media screen and (max-width: 1379px) {
    .event-container .moreHotelBtn > button {
        width: 300px;
        height: 76px;
        flex-shrink: 0;
        border-radius: 38px;
        background: #4e4234;
        margin: auto;
        color: #fff;
        font-family: Sandoll ClairSans;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%; /* 24px */
        letter-spacing: -0.48px;
        z-index: 9;
    }
  }

@media screen and (max-width: 767px){
    /* 참여팝업 */
    #agree1_f table tbody tr td:last-child,
    #agreeReview1_f table tbody tr td:last-child {
        font-size:16px;
        line-height:24px;
    }
    .event-container .hotelListContainer {
        padding: 0px calc(27 / 720 * 100%) 40px;
    }
    .event-container .moreHotelBtn > button {
        width: 165px;
        height: 42px;
        font-size: 14px;
    }
    .event-container .hotelListContainer .page .hotel_list .hotel_Item {
        width: 170px;
    }
    .event-container .hotel_item_name {
        width: auto;
        font-size: 14px;
    }
    .event-container .hotel_item_link {
        height: auto;
        font-size: 14px;
    }
    .event-container .content2-1-btn {
        width: 255px;
        height: 44px;
    }
    .event-container .content2-3-btn > a, .event-container .content2-3-btn > button {
        width: 195px;
        height: 45px;
        transform: translate(-50%, 27%);
    }
    .event-container .content2-2-btn {
        width: 260px;
        height: 47px;
        transform: translate(-50%, -763%);
    }
}