@charset "UTF-8";
/*상세*/
.form{position: absolute;width:78%;height:4.4%;left:50%;transform: translateX(-50%); top:73.3%}
.form .code_input{width:100%;height:29.8%;border-radius:10px;border:2px solid #ececec;font-size:37px;text-align: center;font-weight:normal;}
.form .btn_chk{width:100%;height:27.9%;display: block;margin-top: 3%;}
.form .btn_list{width:100%;height:27.6%;display: block;margin-top: 2.2%;}
/*당첨이력팝업*/
.fold-wrap.info-folding-box .fold-item .fold-header{padding:30px}
.cross_line_list .list_item{display: flex;}
.cross_line_list .list_item .img_area{border-radius: 5px;border:1px solid #eff1f3;overflow: hidden;}
.cross_line_list .list_item .img_area img{width:100%;}
.cross_line_list .list_cnt{width:75%;display: flex;flex-direction: column;margin-left:20px;justify-content: space-between;}
.cross_line_list .top{width:100%;display: flex;justify-content: space-between;}
.cross_line_list .name{font-size:20px;font-weight: 500;line-height: 1.3;display: flex;text-align:left;flex-direction: column;width:80%}
.cross_line_list .name .time{font-size:16px;margin-top: 5px;}
.cross_line_list .top .grade{width:50px;height:50px;text-align: center;line-height: 50px;color:#fff;font-weight: 900;font-size: 15px;}
.cross_line_list .top .grade.red{background:url('https://stg1-img.lotteeatz.com/upload/event/RESOURCES/2024/02/20/20240220094404536_6.png') no-repeat center center;background-size: 100%;}
.cross_line_list .top .grade.yellow{background:url('https://stg1-img.lotteeatz.com/upload/event/RESOURCES/2024/02/20/20240220094409695_0.png') no-repeat center center;background-size: 100%;}
.cross_line_list .top .grade .num{font-size: 32px;}
.cross_line_list .list_cnt .btn{width:100%;display:block;border-radius: 5px;text-align: center;font-size: 16px;font-weight: 500;padding:10px}
.cross_line_list .list_cnt .btn_link{border: 1px solid #dde0e3;color:#000;background-color: #fff;}
.cross_line_list .list_cnt .btn_input{border: 1px solid #00a5b9;color:#fff;background-color: #00a5b9;}
.cross_line_list .list_cnt .btn-fold{position: relative!important;justify-content: center!important;height: auto!important;padding-right:0!important;}
.cross_line_list .list_cnt .btn-fold::after{margin-left:5px;}
.cross_line_list .user_info li{display: flex;}
.cross_line_list .user_info li + li{margin-top: 10px}
.cross_line_list .user_info .tit{font-size: 18px;color:#666;width:100px}
.cross_line_list .user_info .info{font-size: 18px;color:#000;line-height: 1.3;width:80%}
/*정보등록하기 팝업*/
.cross_line_win_popup{padding-top:0!important}
.cross_line_win_popup .cont-box{padding: 0}
.cross_line_win_popup .win_cnt{padding:20px 20px 0 20px}

@media (max-width: 1024px) {
    /*상세*/
    .form .code_input{font-size:35px}
}
@media (max-width: 890px) {
    .ui-dialog-container .ui-dialog.dialog-md{max-width: none!important;}
    /*상세*/
    .form .code_input{font-size:28px;letter-spacing: -1px;}
}
@media (max-width: 740px) {
    /*상세*/
    .form .code_input{font-size:24px;}
}
@media (max-width: 640px) {
    /*상세*/
    .form .code_input{font-size:20px;}
    /*당첨이력팝업*/
    .cross_line_list .name{font-size:16px}
    .cross_line_list .name .time{font-size: 12px;margin-top: 1%;}
    .cross_line_list .list_cnt .btn{font-size: 12px;}
    .cross_line_list .top .grade{width:40px;height:40px;line-height: 40px;}
    .cross_line_list .top .grade .num{font-size:26px}
    .cross_line_list .top .grade{font-size:12px}
    .cross_line_list .list_item .img_area{width: 110px;}
    .cross_line_list .user_info .tit{font-size:14px;width:80px}
    .cross_line_list .user_info .info{font-size:14px}
}
@media (max-width: 520px) {
    /*상세*/
    .form .code_input{border-radius:5px;font-size:16px;}
}
@media (max-width: 430px) {
    /*상세*/
    .form .code_input{font-size:14px;}
     /*당첨이력팝업*/
     .fold-wrap.info-folding-box .fold-item .fold-header{padding:15px}
     .cross_line_list .list_cnt{margin-left: 10px;}
}
@media (max-width: 375px) {
    /*상세*/
    .form .code_input{font-size:13px;border-radius:3px}
    /*당첨이력팝업*/
    .cross_line_list .list_item .img_area{width:90px}
    .cross_line_list .name{font-size:14px;letter-spacing: -1px;}
    .cross_line_list .list_cnt .btn{padding:8px}
    .cross_line_list .top .grade{width:35px;height:35px;line-height: 35px;}
    .cross_line_list .top .grade .num{font-size:22px} 
}
@media (max-width: 320px) {
    /*상세*/
    .form .code_input{font-size:12px;}
     /*당첨이력팝업*/
     .fold-wrap.info-folding-box .fold-item .fold-header{padding:15px 10px}
     .cross_line_list .list_item .img_area{width:80px}
     .cross_line_list .top .grade{width:30px;height:30px;line-height: 30px;}
     .cross_line_list .name{font-size:12px}
     .cross_line_list .list_cnt .btn{letter-spacing: -1px;font-size:11px}
     .cross_line_list .user_info .info{font-size:13px}
}
@media (max-width : 280px){
    /*당첨이력팝업*/
    .fold-wrap.info-folding-box .fold-item .fold-header{padding:15px 5px}
    .cross_line_list .top .grade{width:25px;height:25px;line-height: 25px;}
    .cross_line_list .top .grade .num{font-size:18px}
}