/**************
 common
***************/
.txt_block {display:block}
.w-610 {width: 610px;}

/* Icon + Button */
.btn-sns {
    margin-top: 2rem;
    font-size: 1.4rem;
}
.btn-sns > a {
    display: inline-block;
}
.btn-sns > a + a {
    margin-left: 2rem;
}
.btn-sns > a:before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 1rem;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.btn-sns .ico-naver:before{
    background-image: url('../image/icon/ico-naver.png');
    background-color: #1fc801;
}
.btn-sns .ico-kakao:before{
    background-image: url('../image/icon/ico-kakao.png');
    background-color: #fce700;
}

/**************
 분양회원 인증 팝업
***************/
.popup-inner-box .popup-notice-txt em {
    color: #333;
}

/**************
 로그인
***************/
.login-area .link-group{
    float: right;
    margin-top: 1.1rem;
}
.login-area .link-group:after{
    content: '';
    display: inline-block;
    clear: both;
}
.login-area .link-group ul li{
    display: inline-block;
    font-size: 1.4rem;
}
.login-area .link-group ul li + li:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    border-left: 1px solid #ddd;
    margin-left: 0.7rem;
    padding-left: 0.7rem;
    vertical-align: -1px;
}
.login-area .link-group + .btn-bottom-area{
    margin: 3rem 0 1rem;
}
.login-area .sso-login-guide{
    margin-top: 3rem;
    padding-left: 0;
}
.lotte-benefit-area{
    overflow: hidden;
    margin-bottom: -9rem;
    padding: 7rem 0;
    box-sizing: border-box;
    background: #fbfbfb;
}
.lotte-benefit-area .all-benefit-wrap {
    max-width: 128rem;
    margin: 0 auto;
    display: flex;
}
.all-benefit-wrap .tit-wrap{
    width: 30%;
}
.all-benefit-wrap .cont-wrap{
    display: flex;
    width: 70%;
    font-size: 0;
}
.all-benefit-wrap .cont-wrap ul {
    width: 100%;
}
.all-benefit-wrap .tit-wrap .tit{
    display: block;
    font-size: 3.2rem;
    color: #000;
    font-weight: normal;
    margin-top: 1.1rem;
    margin-bottom: 2rem;
    line-height: 4.4rem;
}
.all-benefit-wrap .tit-wrap .tit .point {
    position: relative;
}
.all-benefit-wrap .tit-wrap .tit .point:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.1rem;
    background: rgba(224, 32, 32, 0.22);
}
.all-benefit-wrap .tit-wrap .desc{
    margin-bottom: 2rem;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #000;
}
.all-benefit-wrap .tit-wrap .sub-desc{
    font-size: 1.6rem;
    color: #999999;
}
.all-benefit-wrap .cont-wrap li {
    display: inline-block;
    width: 30%;
    text-align: center;
    vertical-align: top;
}
.all-benefit-wrap .cont-wrap li + li {
    padding-left: 2rem;
    margin-left: 2rem;
    border-left: 1px solid #efefef;
}
.all-benefit-wrap .cont-wrap .img{
    display: block;
    width: 14rem;
    height: 14rem;
    padding-top: 2.5rem;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto;
}
.all-benefit-wrap .cont-wrap .img > i {
    display: inline-block;
    width: 9rem;
    height: 9rem;
    background-position: center;
    background-repeat: no-repeat;
}
/* .all-benefit-wrap .cont-wrap .list-01 {
    background-image: url('../image/icon/ico_list_benefit1.png');
} */
.all-benefit-wrap .cont-wrap .list-02 {
    background-image: url('../image/icon/ico_list_benefit5_90px.png');
}
.all-benefit-wrap .cont-wrap .list-03 {
    background-image: url('../image/icon/ico_list_benefit6_90px.png');
}
.all-benefit-wrap .cont-wrap .list-04 {
    background-image: url('../image/icon/ico_list_benefit7_90px.png');
}
.all-benefit-wrap .cont-wrap .tit {
    display: block;
    margin-top: 1.5rem;
    color: #000000;
    font-size: 1.8rem;
    line-height: 2.6rem;
}
.all-benefit-wrap .cont-wrap .cont{
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

/**************
 마이페이지
***************/
.my-sso .usage-btn li .ico4{
    background: url('../image/icon/ico_maypage4.png') center no-repeat;
    background-size: 32px auto;
}
.my-sso .mypage-box{
    margin-top: 30px;
}
.my-sso .date-wrap .date-none{
    padding-top: 115px;
}
.my-sso .usage-area > div.left{
    width: 62%;
}
.my-sso .usage-area > div.right{
    width: 38%;
}
.my-sso .usage-area .usage-btn{
    float: right;
}
.my-sso .usage-area .usage-btn li{
    margin-left: 0;
}
.my-sso-table { /* 0601 수정 */
    margin-top: 6rem;
}

/**************
 임직원 인증
***************/
.my-sso .custom-checkbox{
    display: block;
    margin-bottom: 20px;
    width: 40.4rem;
    margin: 30px auto 20px;
}
.my-sso .msg-box{
    padding: 50px 0;
    margin-bottom: 40px;
    text-align: center;
    background: #f5f5f5;
    line-height: 1.5;
}
.my-sso .msg-box .tit {
    font-size: 30px;
    color: #000;
}
.my-sso .msg-box .cont{
    margin-top: 20px;
    font-size: 18px;
    color: #333;
}
.my-sso .search-box.rwd.rwd-type1 .search-inner{
    margin: 0;
}
.my-sso .grid-area .colum:first-child {
    margin-right: 30px;
}

/**************
 개인정보처리방침
***************/
.clause-txt .pri-cont > .txt2 > li > ul{
    margin-top: 5px;
    margin-bottom: 10px;
}
.clause-txt .pri-cont > .txt-list > li > ul{
    margin-left: 15px
}
.private-box{
    margin-top: 40px;;
    padding: 30px 0;
    background: #f5f5f5;
}
.private-box .top {
    padding: 0 20px 0 40px;
    font-size: 19px;
    color: #333;
}
.private-box .top ul {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}
.private-box .top ul li {
    margin-top: 10px;
}
.private-box .top a {
    display: block;
    text-decoration: underline;
    font-weight: bold;
}
.private-box .bottom {
    border-top: 1px solid #ddd;
    margin: 30px 40px 0;
    padding-top: 20px;
}
.private-box h2{
    font-size: 16px;
    margin-top: 10px;
}
.private-box .sub_txt{
    font-size: 15px;
}


/* 영문 대응 */
:lang(en) .btn-sns > a{
    display: block;
}
:lang(en) .btn-sns > a + a{
    margin-left: 0;
    margin-top: 1rem;
}
:lang(en) .my-sso .usage-bottom .text{
    margin-top: 2rem;
    line-height: 1.3;
}
:lang(en) .my-sso .graph-txt li{
    position: relative;
    padding-left: 22px;
    line-height: 1.4;
}
:lang(en) .my-sso .graph-txt .dot {
    position: absolute;
    top: 0;
    left: 0;
}

/* 다국어 대응 */
.private-box .top.col2 ul {
    width: 49%;
}
.private-box .top.col2 ul + ul {
    float: right;
}
.private-box .top.col2 ul:after{
    content: '';
    display: block;
    clear: both;
}


/* tablet */
@media (max-width: 1279px){
    /* 마이페이지 */
    .my-sso .usage-area2 .usage-btn li a,
    .my-sso .usage-area .usage-btn li a{
        width: 100%;
        height: 58px;
    }
    .my-sso .usage-btn li {
        width: 49%;
    }
    .my-sso .usage-btn li:before {
        display: none;
    }
    .my-sso .usage-btn li .ico4{
        background-size: 28px auto;
        background-position: left center;
    }
    .my-sso .usage-btn li .ico5{
        background-size: 28px auto;
        background-position: left center;
    }
    .my-sso .usage-btn li .txt{
        display: flex;
        width: 30%;
        line-height: 1.38;
        flex-direction: column;
        word-break: keep-all;
    }
    .my-sso .usage-btn .ico-area{
        background-position: left center;
    }
    .my-sso .usage-btn li .ico1,.my-sso .usage-btn li .ico3{
        background-position: 6px center;
    }
	.my-sso .usage-btn li .ico1_1 {
		background-position: 8px center;
	}

	.my-sso .usage-btn li .ico2 {
		background-position: 3px center;
	}
	.my-sso .usage-btn li .ico4 {
		background-position: 4px center;
	}
	.my-sso .usage-btn li .ico5 {
        background-position: 4px center;
    }
    .my-sso .usage-btn li .ico6{
        background-position: 6px center;
    }
    .my-sso .usage-btn li .num{
        right: auto;
    }
    .my-sso .usage-btn li:not(:first-child):not(:nth-child(2)) {
        margin-top: 20px;
    }
    .my-sso .usage-btn li:nth-child(even):before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 18px;
        background: #ddd;
        position: absolute;
        left: 0;
        top: 20px;
    }
    .my-sso .usage-area > div.left{
        width: 100%;
    }
    .my-sso .usage-area > div.right{
        width: 100%;
        height: 145px;
    }

    /* 로그인 */
    .lotte-benefit-area .all-benefit-wrap {
        max-width: 102.4rem;
    }
    .all-benefit-wrap .tit-wrap,
    .all-benefit-wrap .cont-wrap {
        float:none;
    }
    .all-benefit-wrap .tit-wrap {
        padding-left: 3rem;
    }
    .all-benefit-wrap .cont-wrap {
        margin-top: 7.2rem;
    }
    .all-benefit-wrap .cont-wrap li + li {
        margin: 0;
        padding: 0;
    }

    /* 영문 대응 */
    :lang(en) .my-sso .graph-txt li{
        padding-left: 18px;
    }
    :lang(en) .my-sso .graph-txt .dot {
        top: 3px;
    }
    :lang(en) .my-sso .usage-bottom .text{
        margin-top: 0;
        line-height: normal;
    }

    :lang(en) .my-sso .usage-btn li .txt { width: 55%;        flex-direction: column;        justify-content: center;        align-items: center;        word-break: break-word;          padding: 0 2px;      max-width: 150px;}
}

/* mobile */
@media (max-width:768px){
    .txt_block {display:inline;}

    /* 로그인 */
    .lotte-benefit-area {
        padding: 4rem 0 5.9rem;
        margin-bottom: -3rem;
    }
    .lotte-benefit-area .all-benefit-wrap {
        flex-direction: column;
    }
    .all-benefit-wrap .tit-wrap {
        width: 100%;
    }
    .all-benefit-wrap .cont-wrap ul {
        display: flex;
    }


    /* 20231109  로그인 하단 멤버십 영역 디자인 변경*/
    .all-benefit-wrap .cont-wrap ul.colum {
        padding: 0 25px;
        flex-direction: column;
    }

    .all-benefit-wrap .cont-wrap ul.colum li {
        display: flex;
        width: 100%;
        text-align: left;
        padding: 20px 0;
    }

    .all-benefit-wrap .cont-wrap ul.colum .img {
        text-align: center;
        margin: 0;
    }

    .all-benefit-wrap .cont-wrap li:nth-child(2n){
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
    }
    .all-benefit-wrap .cont-wrap ul.colum  .tit {
        margin-top: 0.6rem;
    }

    /* 20231109  로그인 하단 멤버십 영역 디자인 변경*/

    .all-benefit-wrap .cont-wrap {
        width: 100%;

    }
    .all-benefit-wrap .tit-wrap{
        padding-left: 2.5rem;
    }
    .all-benefit-wrap .tit-wrap .tit {
        font-size: 2.4rem;
        line-height: 3.2rem;
        margin-top: 0;
        margin-bottom: 1.5rem;
    }
    .all-benefit-wrap .tit-wrap .desc {
        margin-bottom: 1.5rem;
        font-size: 1.3rem;
        line-height: 1.9rem;
    }
    .all-benefit-wrap .tit-wrap .sub-desc {
        font-size: 1.3rem;
    }
    .all-benefit-wrap .cont-wrap {
        margin-top: 3rem;
    }

    .all-benefit-wrap .cont-wrap li + li {
        border-left: none;
    }

    .all-benefit-wrap .cont-wrap .tit{
        padding: 0 1rem;
        margin-top: 1.2rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .all-benefit-wrap .cont-wrap .cont {
        padding: 0 1rem;
        margin-top: 0.7rem;
        font-size: 1.3rem;
        line-height: 1.9rem;
    }
    .all-benefit-wrap .cont-wrap .img {
        width: 8rem;
        height: 8rem;
        padding-top: 1.4rem;
    }
    .all-benefit-wrap .cont-wrap .img > i {
        width: 5.2rem;
        height: 5.2rem;
        background-size: 5.2rem;
    }

    /* 마이페이지 */
    .my-sso .mypage-box{
        margin-top: 0;
    }
    .my-sso .date-wrap .date-none{
        margin-top: 20px;
        padding: 40px 0;
        border-top: 1px solid #ebebeb;
    }
   .my-sso-table { /* 0601 수정 */
	   margin-top: 3rem;
   }
    .mypage-box .btn-area a.icon5 { /* 비밀번호변경 아이콘 추가 */
        background: url('../image/icon/icon_mg05.png') center top no-repeat;
        padding-top:40px;
    }

    /* 개인정보처리방침 */
    .private-box {
        margin-top: 20px;
        padding: 20px 0 30px;
    }
    .private-box .top{
        padding: 0 20px;
        font-size: 16px;
    }
    .private-box .top ul,
    .private-box .top.col2 ul{
        display: block;
        width: 100%;
    }
    .private-box .bottom{
        margin: 30px 20px 0;
    }

    /* 임직원 인증 */
    .my-sso .msg-box{
        padding: 40px 20px;
        margin-bottom: 30px;
    }
    .my-sso .msg-box.mt-cnt2{
        margin-top: 0;
    }
    .my-sso .msg-box .tit{
        font-size: 20px;
    }
    .my-sso .msg-box .cont{
        margin-top: 10px;
        font-size: 13px;
    }
    .my-sso .custom-checkbox{
        width: 100%;
        margin: 20px 0 30px;
    }
    .my-sso .grid-area .colum:first-child {
        margin-right: 0;
    }
    .my-sso .search-inner .grid-area {
        padding-bottom: 0;
    }
    .my-sso .search-box.rwd .search-inner .grid-area.col-sm-push .colum{
        margin-bottom: 2rem;
    }
    .my-sso .search-box.rwd .search-inner .grid-area.col-sm-push .colum:last-child{
        margin-bottom: 0;
    }

    /* 일문 대응 */
    :lang(ja) .login-wrap .login-guide {
        text-align:left;
    }

    /* 일문, 중문 대응 */
    :lang(ja) .btn-sns > a,
    :lang(zh) .btn-sns > a{
        display: block;
    }
    :lang(ja) .btn-sns > a + a,
    :lang(zh) .btn-sns > a + a{
        margin-left: 0;
        margin-top: 1rem;
    }

    /* 다국어 대응 */
    .private-box .top.col2 ul + ul {
        float: none;
    }
}

    /* 20230912 개인정보 처리방침 라벨링 */
    .pc {display: block;}
    .mo {display: none;}
    .private-box .top-area {
        margin: 0 40px 30px;
    }
    .private-box .label-area {
        margin: 30px 40px;
        padding: 30px 0 40px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
    .private-box .label-area .box-area {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 8.6%;
    }
    .private-box .label-area .label-box {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;

    }
    .private-box .label-area .label-box li {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: calc(100% / 3.3);
        height: 185px;
        background-color: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 15px;
    }

    .private-box .label-area .label-box li .label-txt {
        color: #000;
        text-align: center;
        font-family: Noto Sans KR;
        font-size: 14px;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: -1.12px;
        margin-top: 15px;
    }
    .private-box .label-area .label-info{
        margin: 20px auto 0;
        color: #000;
        font-family: Noto Sans KR;
        font-size: 12px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.96px;
    }
    .private-box .label-area .label-detail {
        display: none;
        position: absolute;
    }
    .private-box .label-area .label-box li.on .label-detail{
        display: flex;
        flex-direction: column;
        width: 286px;
        top: 90%;
        z-index: 2;
        padding: 19px ;
        border-radius: 15px;
        border: 1px solid #E3E3E3;
        background: #F5F5F5;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    }
    .private-box .label-area .label-box li.on .label-detail .detail-tit{
        color: #000;
        font-family: Noto Sans KR;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
        letter-spacing: -1.12px;
    }
    .private-box .label-area .label-box li.on .label-detail .detail-content {
        color: #000;
        font-family: Noto Sans KR;
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -1.12px;
    }
    .private-box .label-area .label-box li.on .label-detail .detail-info {
        margin-top: 7px;
        padding-top: 8px;
        border-top: 1px solid #ddd;
        color: #686868;
        font-family: Noto Sans KR;
        font-size: 10px;
        font-weight: 350;
        line-height: 140%;
        letter-spacing: -0.8px;
    }

    .private-box .label-area .label-box li.on .label-detail .detail-info em{
        color: #DA291C;
        font-weight: 700;
        letter-spacing: -0.6px;
        text-decoration-line: underline;
    }
    .private-box .label-area .label-box li.on .label-detail .detail-content .detail-dot{
        position: relative;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }
    .private-box .label-area .label-box li.on .label-detail .detail-content .detail-dot span::before {
        position: relative;
        display: inline-block;
        content: '';
        width: 4px;
        height: 4px;
        min-width: 4px;
        background: #000;
        border-radius: 50%;
        vertical-align: 4px;
        margin: 0 6px;
    }

    :lang(en) .private-box .label-area .label-box li.on .label-detail .detail-content {
        margin-top: 15px;
    }
    :lang(en) .private-box .label-area .label-box li.on .label-detail .detail-content .detail-dot span {
        display: flex;
    }
    :lang(en) .private-box .label-area .label-box li.on .label-detail .detail-content .detail-dot span::before {
        top: 10px;
    }

    /* s 20231006 개인정보처리방침2차 */
    .new-tb {
        display: none;
    }

    button.table-button {
        position: relative;
        padding: 15px 15px;
        background-color: #da291c;
        color: #fff;
        margin-top: 20px;
    }

    /* e 20231006 개인정보처리방침2차 */

    /* 20231024 마이페이지 리워즈 배너추가 */

    .mypage-rewards-banner {position: relative;}
    .mypage-rewards-banner img{width: 100%;}
    .mypage-rewards-banner .rewards-btn {
        position: absolute;
    }
    .mypage-rewards-banner .rewards-btn a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .mypage-rewards-banner .rewards-btn.pc{
        top: 39%;
        right: 22.3%;
        width: 9.5%;
        height: 21%;
    }
    .mypage-rewards-banner .rewards-btn.mo{

    }

    /* 모바일 */

    @media (max-width:768px){
        .pc {display: none;}
        .mo {display: block;}
        .content {
            padding: 0 2.2rem;
        }
        .private-box .top-area {
            margin: 0 18px 0;
        }
        .private-box .label-area {
            margin: 18px ;
            padding: 30px 0;
        }
        .private-box .label-area .box-area {
            padding: 0;
        }
        .private-box .label-area .label-box {
            justify-content: space-between;
            gap: 18px 15px;

        }
        .private-box .label-area .label-box li {
            width: calc(100% / 2 - 7.5px);
            height: 180px;
        }
        .private-box .label-area .label-box li.on:nth-last-child(even) .label-detail {
            left: 0%
        }
        .private-box .label-area .label-box li.on:nth-last-child(odd) .label-detail {
            right: 0%
        }
        .private-box .label-area .label-info {
            font-size: 14px;
            letter-spacing: -0.1em;
        }
        .private-box .label-area .label-box .label-img img {
            width: 80px;
            height: 80px;
        }

        .private-box .label-area .label-box li.on .label-detail .detail-tit{
            font-size: 14px;
        }
        .private-box .label-area .label-box li.on .label-detail .detail-content {
            font-size: 14px;
        }
        .private-box .label-area .label-box li.on .label-detail .detail-info {
            font-size: 12px;
        }
        .private-box .label-area .label-box li.on .label-detail .detail-info {
            margin-top: 9px;
            padding-top: 10px;
        }
        .private-box .label-area .label-box li.on .label-detail .btn-icon {
            position: absolute;
            width: 1.5rem;
            height: 1.5rem;
            right: 20px;
            top: 22px;
        }
        :lang(en) .private-box .label-area .label-box li.on .label-detail .btn-icon {
            top: 24px;
        }


        :lang(en) .private-box .label-area .label-box li {
            display: block;
            height: 100%;
            min-height: 200px;
        }

        :lang(en) .private-box .label-area .label-box li:nth-last-child(-n+2) {
            min-height: 215px;
        }

        :lang(en) .private-box .label-area .label-box li .label-img {
            padding-top: 30px;
            text-align: center;

        }
        :lang(en) .private-box .label-area .label-box li .label-txt {
            word-break: keep-all;
            padding: 10px 15% 0 ;
            height: 100%;
            margin-top: 0;
        }


        button.table-button {
            padding: 10px ;
            margin-top: 10px;
        }

    }