/* BASIC css start */
@font-face {
font-family: 'BMHANNAPro';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.0/BMHANNAPro.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-style: normal;
}

#content { padding: 0 33%; overflow-x:hidden; }
.bingo_event { background: #000; padding: 5% 0; }
.bingo_event img { width: 100%; }

.bingo_event .top_warz { background-image: url('https://mothersall.img6.kr/event_notice/root_contest/bingo_top_bg.jpg'); background-size: 100%; background-repeat: no-repeat; }
.bingo_event .top_warz .line-ban { animation: lightsaberFlicker 1s infinite alternate; background-size: 100%; background-repeat: no-repeat; padding: 8% 0;}
        @keyframes lightsaberFlicker {
            0% {
                background-image: url('https://mothersall.img6.kr/event_notice/root_contest/bingo_top_line02.jpg'); /* 첫 번째 배경 */
                filter: brightness(1);
            }
            100% {
                background-image: url('https://mothersall.img6.kr/event_notice/root_contest/bingo_top_line02.jpg'); /* 두 번째 배경 */
                filter: brightness(1.2);
            }
        }
.flowtext {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    }
.bingo_event .top_warz .line-ban p { font-family: 'BMHANNAPro'; color: #00a0e9; font-size: 1.25em; display: inline-block;
    white-space: nowrap; padding: 0 3%;
    animation: marquee 5s linear infinite; /* 애니메이션 설정 */
    }
@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.logo-container { }

.star-wars { position: relative; height: 30vh; overflow: hidden; margin-top: 10%;
      					perspective: 150px; /* 원근 효과를 위해 */
      					}
.star-wars .crawl { position: absolute; bottom: 5%; width: 100%;
      					text-align: center; transform-origin: 50% 100%; animation: crawl 10s linear infinite;
      					font-size: 2em; line-height: 2em; color: #fff100; font-weight: 600;
      					}
    @keyframes crawl {
      0% {
        transform: translateY(100%) rotateX(25deg);
      }
      100% {
        transform: translateY(-100%) rotateX(25deg);
      }
    }
    
.bingo_mid { margin: 10% 0; }
.mid_logo { margin-bottom: 5%; }

        /* 고정된 뷰포트 영역 */
        .viewport { 
            width: 100%;
            height: 60%;
            overflow: hidden; /* 영역 밖의 콘텐츠를 숨김 */
            position: relative;
        }

        /* 이미지 스타일 */
        .viewport_image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(3); /* 초기 확대 상태 */
            transition: transform 0.5s ease-out, filter 0.5s ease-out;
        }
        /* 스크롤 시 나타나는 이미지 스타일 */
        .scroll-image {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 200px; /* 이미지 너비 조절 */
            height: auto; /* 비율에 따라 높이 자동 조절 */
            opacity: 0;
            transition: opacity 0.5s ease-out;
        }  
        
.bingo_slide_bg { background-image: url('https://mothersall.img6.kr/event_notice/root_contest/bingo_slide_bg.jpg'); background-size: 100%; background-repeat: no-repeat; margin-top: 20%; }
.swiper-container { width: 100%; }
.swiper-wrapper { margin: 14% 0 15% 25%; }
.swiper-slide img { width: 100%; }


.bingo-write { background: #5886f6; padding: 5%; margin: 0 auto; }
.bingo-write img { width: 100%; }
.bingo-write .form-wrap { padding: 10% 0; }
.bingo-write .form-wrap p { text-align: center; font-weight: 500; }
.bingo-write table { width:100%; }

#addinfo_text, .addinfo_title { display: none; }
.addinfo_value { display: inline; text-align: center; }
/* 체크박스 숨김 */ input[type="checkbox"] { display: none; }
label { font-size: 1.25em; font-weight: 600; border-radius: 7px; margin: 2%; padding: 10% 0; width: 29%; background: #5980df; color: #fff; display: inline-block; text-align: center; background-image: linear-gradient(225deg, #4871d5, #7d9ce6); outline: 3px solid #577fdf; }
input[type="checkbox"]:checked + label { background: #fff; color: #3559b1; outline: 3px solid #fff100; font-weight: 600; transition: transform 0.3s, border-color 0.3s; }

.wrtbtn_dblue { display: inline-block; width: 84%; margin: 10% 8% 7%; background:#fff100; border-radius: 10px;
    color:#3559b1; font-size: 1.25em; line-height: 4em; font-weight: 600; text-align: center; }
    
    
/* 개인정보보호정책 동의 */
.privercy-contract textarea { height: 100px; width: 660px; }
.new-privercy-contract p { text-align: left; }

/* 개인정보 수집 이용 */
.privercy-contract .tbl {  width:100% !important; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; }
.privercy-contract .tbl caption { display:none; }
.privercy-contract .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; }
.privercy-contract .tbl th,
.privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px; }
.privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; }


/* BASIC css end */