/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-118865
* CODE : Dev - EV00021301 , Prod - EV00008961
* FILE : /kr/event/2026/02/27_careservice_review/eventMainCareserviceReview.jsp
* DESC : CONTSREQ-2979 26년 케어서비스리뷰 기획전 內 약관 동의 팝업 개발 요청 건
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2026/02/19				신우용				Created
************************************************************************************
**/

@charset 'UTF-8';

* {
    --width: 1480;
}

/* 참여팝업 */
#agree2_f .gray_box {
    padding: 24px;
    border-radius: 8px;
    background-color: #f4f4f4;
    font-size: 16px;
    line-height: 26px;
}

#agree2_f .gray_box>ul {
    margin: 0;
    padding: 20px 0;
}

#agree2_f .gray_box>ul>li {
    position: relative;
    padding-left: 16px;
}

#agree2_f .gray_box>ul>li::before {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px;
    height: 10px;
    margin: 0;
    border-radius: 0;
}

#agree2_f .gray_box>ul>li .list_box p {
    position: relative;
    padding-left: 11px;
    word-break: keep-all;
}

#agree2_f .gray_box>ul>li .list_box p::before {
    content: ' ';
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-top: 11px;
    margin-left: -11px;
    margin-right: 6px;
    border-radius: 50%;
    background: #000;
    vertical-align: top;
}

#agree2_f .list-number {
    margin: 20px 0;
    counter-reset: list-number;
}

#agree2_f .list-number li {
    font-size: 14px;
    counter-increment: list-number;
}

#agree2_f .list-number li:before {
    content: counter(list-number)'.';
    margin-right: 5px;
}

#agree2_f .list-number li+li {
    margin-top: 5px;
}

#agree2_f .gray_box>ul>li .list-number {
    margin: 5px 0;
}

#eventJoinCareserviceReview .form-wrap .forms .tit label .point{
    color: #ea1917;
}

@media screen and (max-width: 1460px) {
    * {
        --width: 1480;
    }
}

@media screen and (max-width: 767px) {
    * {
        --width: 390;
    }

    /* 참여팝업 */
    #agree2_f .gray_box {
        font-size: 14px;
        line-height: 22px;
    }

    #agree2_f .gray_box>ul>li::before {
        top: 6px;
    }

    #agree2_f .list-number li {
        font-size: 13px;
        line-height: 21px;
    }
}