/* 공통 */
.blind{width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
/* 공통 레이어팝업 */
html.dim{width:100%; height:100%;}
html.dim body .wrap-dim{position:fixed; left:0; top:0; width:100%; height:100%; background-color:#e7e7e7; z-index:100}

.wrap_layer_pop{display:none;  position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; z-index:500; background:url(/images/common/bg_layer.png) repeat; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; transition:0.3s ease; overflow:hidden;}
.wrap_layer_pop.open{display:block; height:100%;}
.wrap_layer_pop .dim{position:fixed; top:0; left:0; width:100%; height:100%; z-index:100}
.layer_pop{position:absolute; top:50%; left:50%; max-height:800px; overflow:auto;  background-color:#fff; box-sizing:border-box; transform: translate(-50%, -50%); box-sizing:border-box;}
.layer_pop .new00{padding:50px 30px;}
.type_confirm .new{padding-top:70px;}
.close_btn_wrap{width:1180px; margin:0 auto; position:relative;}
.close_btn_wrap .all_menu_close{
position: absolute;
    top: -130px !important;
    right: 0px !important;
    width: 70px;
    height: 70px;
    border: 1px solid #c7c8c4;
    background: none;
	}
.close_btn_wrap .all_menu_close span{display:block; width:21px; height:21px; position:relative; margin:0 auto; }
.close_btn_wrap .all_menu_close span:before{content: '';
    display: inline-block;
    background: url(/images/common/ico_zip.png) no-repeat -452px -60px;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 0px;
    left: 0px;}
@media(max-height:900px){
	.layer_pop{max-height:80%;}
}
.layer_pop.w400{width:400px}
.layer_pop.w440{width:440px}
.layer_pop.w500{width:500px}
.layer_pop.w550{width:550px}
.layer_pop.w550 .new00{padding:50px;}
.layer_pop.w560{width:560px}
.layer_pop.w830{width:830px}
.layer_pop.w830 .new00{padding:50px;}
.layer_pop.w1124{width:1124px}
/* .wrap_layer_pop .btn-close-pop{display:inline-block; position:absolute; top:20px; right:20px; width:40px; height:40px; background:url(/images/common/ico_zip.png) no-repeat -445px -52px} */
.layer_pop .header_pop{margin-bottom:30px}
.layer_pop .header_pop .txt{margin-top:24px; color:#272524; line-height:26px}
.layer_pop .tit_04{margin-bottom:20px}
.layer_pop .type_data{margin-top:24px}
.layer_pop .type_data th, .layer_pop .type_data td{font-size:13px}
.layer_pop .txt1{line-height:26px}
.layer_pop .txt1 + .txt1{margin-top:15px}
.layer_pop .btn-wrap{margin-top:40px; text-align:center}
.layer_pop .btn-wrap.typeA{margin-top:40px}
.layer_pop .section.form{padding:30px 20px 30px 20px; border-top:2px solid #312f2d; border-bottom:1px solid #d5d6d3}
.layer_pop .section.form th, .layer_pop .section.form td{padding:10px 0; color:#312f2d}
.layer_pop .section.form th{/*padding-left:30px;*/ font-weight:500; text-align:left;}
.layer_pop .form_wrap th{text-align:left;}
.layer_pop .section.form tr:last-child th,
.layer_pop .section.form tr:last-child td{padding-bottom:0}
.layer_pop .section.form td.txt_area{padding:20px 0}
.layer_pop .section{border-top:2px solid #312f2d; border-bottom:1px solid #d5d6d3}
.layer_pop .section.type_borderNone{margin-top:60px; border:0}
.layer_pop .section .form_wrap{padding:30px 20px}
.layer_pop .btn-wrap > *{min-width:180px}
.layer_pop .btn-wrap > * + *{margin-left:5px}
.layer_pop .tbl.type_data th, .layer_pop .tbl.type_data td{padding:13px 0}
.layer_pop .customer_inbox .tit_04{margin-bottom:20px}
.layer_pop .type_border + .tit_04{margin-top:50px}
.layer_pop_container > .top_txt{margin-top:30px; color:#272524;}
.layer_pop_container > .top_txt + .pop_wrap_section{margin-top:40px}
.layer_pop .top_desc{position:relative; padding:35px 0 35px 140px; background-color:#f5f5f5}
/* .layer_pop .form_wrap{padding:40px 30px; border-bottom:1px solid #d5d6d3} */

/* 공통 레이어팝업(컨펌) */
.wrap_layer_pop.type_confirm .layer_pop{text-align:center}
.wrap_layer_pop.type_confirm .layer_pop .tit{margin-bottom:25px; line-height:36px; font-size:25px; color:#272524; font-weight:500; }
.wrap_layer_pop.type_confirm .layer_pop .txt1{font-size:17px; line-height:30px; }
.wrap_layer_pop.type_confirm .layer_pop .txt2{margin-top:8px; font-size:15px; color:#585856; }
.wrap_layer_pop.type_confirm .layer_pop .btn-wrap > *{min-width:160px; padding:20px 0}
.wrap_layer_pop.type_confirm .layer_pop .new00{padding:70px 35px 50px 35px;}

/* Lotto List */
.content_wrap {
    width: 900px;
    float: right;
    z-index: 1005;
}
p {
    margin: 0 !important;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
p, li, dd {
    font-weight: 300;
    color: #767676;
    line-height: 22px;
}
[class*="content_winnum_"] .win_result {
    /* border: 1px solid #ddd; */
    background: #fff;
    text-align: center;
   /*  margin-bottom: 40px; */
    padding: 60px 60px 90px;
}
[class*="content_winnum_"] .win_result h4 {
    font-size: 28px;
    font-weight: 500;
    line-height: 1px;
}
[class*="content_winnum_"] .win_result h4 strong {
    font-weight: 500;
    color: #d43301;
}
[class*="content_winnum_"] .win_result .desc {
    margin-top: 9px;
}
.content_winnum_645 .win_result .nums {
    display: inline-block;
    /* margin-top: 26px; */
}
.content_winnum_645 .win_result .nums .num {
    float: left;
    position: relative;
}
.content_winnum_645 .win_result .nums .num ~ .num {
    margin-left: 60px;
}
.content_winnum_645 .win_result .nums .num > strong {
    position: absolute;
    left: 0;
    bottom: -30px;
    right: 0;
    font-size: 16px;
    font-weight: 600;
    color: #555;
}
.content_winnum_645 .win_result .nums .num p {
    padding: 20px;
    border-radius: 30px;
    background: #fafafa;
}
.content_winnum_645 .win_result .nums .num p span {
    float: left;
}
.content_winnum_645 .win_result .nums .num p span ~ span {
    margin-left: 20px;
}
.content_winnum_645 .win_result .nums .num p:after {
    content: "";
    display: block;
    clear: both;
}
.content_winnum_645 .win_result .nums .num.bonus:before {
    width: 20px;
    height: 4px;
    margin: -2px 0 0 -10px;
}
.content_winnum_645 .win_result .nums .num.bonus:before, .content_winnum_645 .win_result .nums .num.bonus:after {
    content: "";
    position: absolute;
    left: -30px;
    top: 50%;
    background: #999;
}
.content_winnum_645 .win_result .nums:after {
    content: "";
    display: block;
    clear: both;
}
.content_winnum_645 .win_result .nums .num.bonus:after {
    width: 4px;
    height: 20px;
    margin: -10px 0 0 -2px;
}
.content_winnum_645 .tbl_data strong {
    font-weight: 500;
}
.content_winnum_645 .tbl_data strong.length {
    font-weight: 600 !important;
    color: #777 !important;
}
.ball_645 {
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-weight: 500;
    /* text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); */
}
.ball_645.lrg {
    width: 60px;
    height: 60px;
    line-height: 56px;
    font-size: 28px;
}
.ball_645.ball1 {
    background: #fbc400;
    text-shadow: 0px 0px 3px rgba(73, 57, 0, .8);
}
.ball_645.ball2 {
    background: #69c8f2;
    text-shadow: 0px 0px 3px rgba(0, 49, 70, .8);
}
.ball_645.ball3 {
    background: #ff7272;
    text-shadow: 0px 0px 3px rgba(64, 0, 0, .8);
}
.ball_645.ball4 {
    background: #aaa;
    text-shadow: 0px 0px 3px rgba(61, 61, 61, .8);
}
.ball_645.ball5 {
    background: #b0d840;
    text-shadow: 0px 0px 3px rgba(41, 56, 0, .8);
}

.tbl_data_col tr th {
    padding: 13px 9px 15px !important;
}
.tbl_data tr th {
    padding: 13px 20px 15px !important;
    background: #f5f5f5 !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: center;
}
.tbl_data tr td {
    padding: 13px 20px 15px !important;
    font-weight: 300 !important;
    color: #767676 !important;
    line-height: 22px !important;
    background: #fff !important;
    vertical-align: middle !important;
}
.tbl_data tr th, .tbl_data tr td {
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
}
th, td {
    border-collapse: collapse !important;
}
table, th, td {
    margin: 0 !important;
    padding: 0 !important;
}
.color_key1 {
    color: #d43301 !important;
}
.tbl_data_col tr td.tar {
    text-align: right !important;
}
.tbl_data_col tr td {
    padding: 13px 9px 15px !important;
    text-align: center !important;
}
.tbl_data tr td.nobd_right {
    border-right: 0;
}
/* Lotto generator */
.h1-sub {
    font-size: 1.2rem;
}
.mt-3, .my-3 {
    margin-top: 1rem !important;
}
.py-2 strong, b {
    color: #000000 !important;
    font-weight: 500;
}
.numberCircle strong, b {
    color: #ffffff !important;
    font-weight: 500;
}
.numberCircle {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 6px 0;
    border: 2px solid;
    text-align: center;
    font: 14px Arial, sans-serif;
}

/* 기본 팝업 스타일 */
.layer_pop {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;  /* 상단 정렬 */
    align-items: flex-start;      /* 왼쪽 정렬 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 70vh;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 1000;
    width: 90%;
    max-width: 900px;
    padding: 20px;
    border-left: 3px solid #333;
    border-right: 3px solid #333;
    border-radius: 6px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    overflow-x: auto; /* 가로 스크롤 허용 */
    overflow-y: auto; /* 세로 스크롤 허용 */
    /* white-space: nowrap; */ /* 내용이 한 줄로 표시되도록 설정 */
}

/* 모바일 팝업 스타일 */
@media (max-width: 736px) {
    .layer_pop {
        width: 90%;  /* 화면 크기에 맞게 너비 100%로 설정 */
        height: 70%;  /* 자동 높이 조정 */
        padding: 10px;
        max-height: none; /* 최대 높이 제한 제거 */
        max-width: 100%; /* 최대 너비 100%로 설정 */
        margin-left: 0;
        margin-right: 0;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-radius: 6px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
        overflow-x: auto; /* 가로 스크롤 허용 */
        overflow-y: auto; /* 세로 스크롤 허용 */
        box-sizing: border-box;
        align-items: flex-start; /* 왼쪽 정렬 */
    }

    /* 부모 페이지 스크롤 비활성화 */
    body.no-scroll {
        overflow: hidden; /* 부모 페이지 스크롤 비활성화 */
        position: fixed; /* 부모 페이지 고정 */
        width: 100%; /* 부모 페이지 너비 고정 */
        height: 100%; /* 부모 페이지 높이 고정 */
    }

    /* 닫기 버튼 위치: 모바일 화면에서 왼쪽 상단 */
    .layer_pop .btn-close-pop {
        position: absolute; /* 절대 위치 */
        top: 10px; /* 화면 상단에서 10px 떨어지게 설정 */
        left: 10px; /* 화면 왼쪽에서 10px 떨어지게 설정 */
    }
}

/* 태블릿 이상 (1024px 이상) */
@media ( min-width : 1024px) {
    .layer_pop {
        width: 90%;
        max-width: 950px;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
        position: relative; /* 부모 요소에 상대적 위치 설정 */
    }
    .centered-div {
        position: absolute;
        top: 50%; /* 세로 중앙 */
        left: 50%; /* 가로 중앙 */
        transform: translate(-50%, -50%); /* 정확한 중앙 정렬 */
        width: 80%; /* 필요에 따라 width 조정 */
        max-width: 900px; /* 필요에 따라 max-width 설정 */
    }
    /* 닫기 버튼 위치: 모바일 화면에서 왼쪽 상단 */
    .layer_pop .btn-close-pop {
        position: absolute; /* 절대 위치 */
        top: 10px; /* 화면 상단에서 10px 떨어지게 설정 */
        right: 10px; /* 화면 왼쪽에서 10px 떨어지게 설정 */
    }
}

/* 테이블 스타일 */
.tbl_data {
    border-top: 1px solid #333 !important;
    table-layout: fixed !important;
    font-size: 14px !important;
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.tbl_data th, .tbl_data td {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.tbl_data th {
    background-color: #f8f8f8;
    font-weight: 600;
    color: #555;
}

.tbl_data td {
    background-color: #fff;
    color: #777;
}

/* 테이블 셀 호버 효과 */
.tbl_data tr:hover td {
    background-color: #f0f0f0;
}

/* 각 열의 너비를 명시적으로 지정 */
.tbl_data colgroup col:nth-child(5) {
    width: 180px; /* 당첨기준 열 너비 조정 */
}

.tbl_data colgroup col:nth-child(6) {
    width: 70px; /* 비고 열 너비 조정 */
}

/* 닫기 버튼 위치: 팝업 외부 우측 상단 */
.layer_pop .btn-close-pop {
    background-color: transparent; /* 배경 투명 */
    border: none; /* 테두리 제거 */
    font-size: 24px; /* X의 크기 */
    color: #333; /* X 색상 */
    cursor: pointer;
    padding: 0; /* 내부 여백 0 */
    width: 40px; /* 버튼 크기 */
    height: 40px; /* 버튼 크기 */
    border-radius: 50%; /* 원형 버튼 */
    display: flex;
    justify-content: center; /* 중앙 정렬 */
    align-items: center; /* 수직 중앙 정렬 */
    transition: background-color 0.3s ease; /* 배경색 전환 효과 */
}

/* 닫기 버튼 X 모양 표시 */
.layer_pop .btn-close-pop:before {
    content: '×'; /* X 표시 */
    font-size: 24px; /* X 크기 조정 */
    font-weight: bold; /* 굵은 X 표시 */
    color: #333; /* X 색상 */
}

.footer-mobile-hide{
    display: block;
}

.footer-mobile-hide-deps1{
    display: block;
}


/* 모바일 화면에서 footer를 숨김 */
@media only screen and (max-width: 768px) {
    .footer-mobile-hide {
        display: none;
    }
    .footer-mobile-hide-deps1 {
        display: none;
    }
}