@charset "utf-8";@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('/share/fonts/Pretendard-Black.woff2') format('woff2'), url('/share/fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/share/fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('/share/fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/share/fonts/Pretendard-Bold.woff2') format('woff2'), url('/share/fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/share/fonts/Pretendard-SemiBold.woff2') format('woff2'), url('/share/fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/share/fonts/Pretendard-Medium.woff2') format('woff2'), url('/share/fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/share/fonts/Pretendard-Regular.woff2') format('woff2'), url('/share/fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/share/fonts/Pretendard-Light.woff2') format('woff2'), url('/share/fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/share/fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('/share/fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/share/fonts/Pretendard-Thin.woff2') format('woff2'), url('/share/fonts/Pretendard-Thin.woff') format('woff');
}


#content {padding-bottom:0}
select, input, button, textarea, button {font-family:"Pretendard", Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif;}

.bingo_challenge_evBox .lh13 {line-height:1.3em}
.bingo_challenge_evBox .lh14 {line-height:1.4em}
.bingo_challenge_evBox .lh15 {line-height:1.5em}


.bingo_challenge_evBox {position:relative; max-width:640px; min-width:320px; margin:0 auto; font-size:25px; line-height:1.3em; letter-spacing:-0.05em; color:#212329; font-family:"Pretendard", Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif; overflow:hidden}
.bingo_challenge_evBox .cont {width:100%; margin:0 auto; text-align:left; padding:0 4%}

.bingo_challenge_evBox .top_bnBox {margin-bottom:55px;}

.bingo_challenge_evBox .cl {color:#8D67FF !important}
.bingo_challenge_evBox .gray {color:#616161 !important}

@media only screen and  (max-width:768px) {
	.bingo_challenge_evBox {font-size:2.5vw;}
	.bingo_challenge_evBox .top_bnBox {margin-bottom:5.5vw;}
}

@media only screen and  (max-width:480px) {
	.bingo_challenge_evBox {font-size:3.5vw;}
	.bingo_challenge_evBox .top_bnBox {margin-bottom:6.5vw;}
}


/*탑텍스트*/
.bingo_challenge_evBox .big_tltBox .tlt01 {font-size:32px; line-height:1.2em}
.bingo_challenge_evBox .big_tltBox .tlt02 {font-size:57px; font-weight:700; line-height:1.3em; margin-top:5px}

.bingo_challenge_evBox .top_txtBox {font-size:23px}

@media only screen and  (max-width:768px) {
	.bingo_challenge_evBox .big_tltBox .tlt01 {font-size:3.2vw;}
	.bingo_challenge_evBox .big_tltBox .tlt02 {font-size:5.7vw; margin-top:0.5vw}
	
	.bingo_challenge_evBox .top_txtBox {font-size:2.3vw}
}

@media only screen and  (max-width:480px) {
	.bingo_challenge_evBox .big_tltBox .tlt01 {font-size:4.2vw;}
	.bingo_challenge_evBox .big_tltBox .tlt02 {font-size:6.7vw; margin-top:0.7vw}

	.bingo_challenge_evBox .top_txtBox {font-size:3.3vw}
}


/*버튼타입*/
.bingo_challenge_evBox .bcBtn {display:inline-block; width:430px; height:70px; line-height:70px; font-size:32px; font-weight:700; border-radius:50px; border:0;}
.bingo_challenge_evBox .bcBtn01 {border:1px solid #8D67FF; background:#fff; color:#8D67FF}
.bingo_challenge_evBox .bcBtn02 {border:1px solid #8D67FF; background:#8D67FF; color:#fff}

.bingo_challenge_evBox .bcBtn .check_icon {display:inline-block; vertical-align:top; margin-top:-3px}
.bingo_challenge_evBox .bcBtn .check_icon img {height:24px}

@media only screen and  (max-width:768px) {
	.bingo_challenge_evBox .bcBtn {width:43vw; height:7vw; line-height:7vw; font-size:3.2vw; border-radius:5vw;}

	.bingo_challenge_evBox .bcBtn .check_icon {margin-top:-0.3vw}
	.bingo_challenge_evBox .bcBtn .check_icon img {height:2.4vw}
}

@media only screen and  (max-width:480px) {
	.bingo_challenge_evBox .bcBtn {width:53vw; height:10vw; line-height:10vw; font-size:4.2vw; border-radius:6vw;}

	.bingo_challenge_evBox .bcBtn .check_icon {margin-top:-0.5vw}
	.bingo_challenge_evBox .bcBtn .check_icon img {height:3.4vw}
}


/*탑버튼*/
.bingo_challenge_evBox .top_btnBox {margin-top:40px}

@media only screen and  (max-width:768px) {
	.bingo_challenge_evBox .top_btnBox {margin-top:4vw}
}

@media only screen and  (max-width:480px) {
	.bingo_challenge_evBox .top_btnBox {margin-top:5vw}
}


/*타이틀*/
.bingo_challenge_evBox .bingo_tltBox:before {content:""; display:block; margin:0 auto 7px; width:74px; height:74px; background:url(img/bingo_tlt_icon.png) no-repeat 0 0; background-size:100% 100%;}
.bingo_challenge_evBox .bingo_tltBox {font-size:35px; font-weight:700; color:#8D67FF; margin-bottom:28px;}

@media only screen and  (max-width:768px) {
	.bingo_challenge_evBox .bingo_tltBox:before {margin-bottom:0.7vw; width:7.4vw; height:7.4vw;}
	.bingo_challenge_evBox .bingo_tltBox {font-size:3.5vw; margin-bottom:2.8vw;}
}

@media only screen and  (max-width:480px) {
	.bingo_challenge_evBox .bingo_tltBox:before {margin-bottom:0.9vw; width:8.4vw; height:8.4vw;}
	.bingo_challenge_evBox .bingo_tltBox {font-size:4.5vw; margin-bottom:3.8vw;}
}


/*탑라인*/
.bingo_challenge_evBox .top_line {border-top:1px solid #D0C0FF; margin-top:42px; padding-bottom:42px}

@media only screen and  (max-width:768px) {
	.bingo_challenge_evBox .top_line {margin-top:4.2vw; padding-bottom:4.2vw}
}

@media only screen and  (max-width:480px) {
	.bingo_challenge_evBox .top_line {margin-top:5.2vw; padding-bottom:5.2vw}
}

/*블루박스 텍스트*/
.bingo_challenge_evBox .blueBox {background:#F2F5FA; padding:28px; border-radius:14px; line-height:1.3em}

@media only screen and  (max-width:768px) {
	.bingo_challenge_evBox .blueBox {padding:2.8vw; border-radius:1.4vw;}
}

@media only screen and  (max-width:480px) {
	.bingo_challenge_evBox .blueBox {padding:3.8vw; border-radius:2.4vw;}
}


/*추가상품*/
.bingo_challenge_evBox .event_pplistUl li {display:flex; align-items:center; margin-bottom:14px}
.bingo_challenge_evBox .event_pplistUl li:last-child {margin-bottom:0}
.bingo_challenge_evBox .event_pplistUl .imgBox img {height:71px}
.bingo_challenge_evBox .event_pplistUl .txtBox {margin-left:auto; width:75%; text-align:right}

@media only screen and  (max-width:768px) {
	.bingo_challenge_evBox .event_pplistUl li {margin-bottom:1.4vw}
	.bingo_challenge_evBox .event_pplistUl .imgBox img {height:7.1vw}
}

@media only screen and  (max-width:480px) {
	.bingo_challenge_evBox .event_pplistUl li {margin-bottom:2.4vw}
	.bingo_challenge_evBox .event_pplistUl .imgBox img {height:12.1vw}
}


/*하이버프 빙고판*/
.bingo_challenge_evBox .bingo_boardBox {margin-top:30px; position:relative; width:100%; height:760px; background:url(img/bingo_board_bg.png) repeat 0 0; background-size:100% 100%}
.bingo_challenge_evBox .bingo_checkBox {padding:170px 33px 0; position:relative; text-align:left;}
.bingo_challenge_evBox .bingo_checkBox li {display:inline-block; vertical-align:middle; width:99px; height:99px; margin:0 1.5px 4px 0}
.bingo_challenge_evBox .bingo_checkBox li:nth-child(5n) {margin-right:0}
.bingo_challenge_evBox .bingo_checkBox .bingo_check {border:0; width:100%; height:100%; background:url(img/bingo_board_icon_off.png) no-repeat 0 0; background-size:100% 100%}
.bingo_challenge_evBox .bingo_checkBox .bingo_check.on {background:url(img/bingo_board_icon_on.png) no-repeat 0 0; background-size:100% 100%}


.bingo_challenge_evBox .ev_sumBox {border:1px solid #F2F5FA; padding:30px; border-radius:14px}
.bingo_challenge_evBox .ev_sumBox .ev_sum_tlt {font-weight:700; margin-bottom:14px}
.bingo_challenge_evBox .ev_sumBox .ev_sum_sumUl li {display:flex; align-items:center; margin-bottom:10px;}
.bingo_challenge_evBox .ev_sumBox .ev_sum_sumUl li:last-child {margin-bottom:0}
.bingo_challenge_evBox .ev_sumBox .ev_sum_sumUl .txt {margin-left:auto}

.bingo_challenge_evBox .bingo_fckBox span {display:inline-block; vertical-align:middle;}
.bingo_challenge_evBox .bingo_fckBox .icon img {height:42px; margin-right:5px}
.bingo_challenge_evBox .bingo_fckBox .txt {font-weight:600}

@media only screen and  (max-width:768px) {
	.bingo_challenge_evBox .bingo_checkBox li {margin:0 2.7px 4px 0}

	.bingo_challenge_evBox .ev_sumBox {padding:3vw; border-radius:1.4vw}
	.bingo_challenge_evBox .ev_sumBox .ev_sum_tlt {margin-bottom:1.4vw}
	.bingo_challenge_evBox .ev_sumBox .ev_sum_sumUl li {margin-bottom:1vw;}
	.bingo_challenge_evBox .bingo_fckBox .icon img {height:4.2vw; margin-right:0.5vw}
}

@media only screen and  (max-width:640px) {
	.bingo_challenge_evBox .bingo_boardBox {margin-top:5vw; height:117vw;}
	.bingo_challenge_evBox .bingo_checkBox {padding:26vw 5vw 0;}
	.bingo_challenge_evBox .bingo_checkBox li {width:15.5vw; height:15.5vw; margin:0 0.35vw 0.4vw 0}
}

@media only screen and  (max-width:480px) {
	.bingo_challenge_evBox .bingo_checkBox {padding:26vw 5vw 0;}
	.bingo_challenge_evBox .bingo_checkBox li {width:15.5vw; height:15.5vw;}


	.bingo_challenge_evBox .ev_sumBox {padding:4vw; border-radius:2.4vw}
	.bingo_challenge_evBox .ev_sumBox .ev_sum_tlt {margin-bottom:2.4vw}
	.bingo_challenge_evBox .ev_sumBox .ev_sum_sumUl li {margin-bottom:2vw;}
	.bingo_challenge_evBox .bingo_fckBox .icon img {height:5.2vw; margin-right:0.7vw}
}


/*모달*/
.bingo_md {display:none;}
.bingo_md .bingo_txtBox {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); max-width:530px; width:100%; padding:40px 40px 35px; background:#fff; color:#212329; border-radius:28px; text-align:center; font-family:"Pretendard", Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif; line-height:1.3em}
.bingo_md .bingo_txtBox .icon img {height:128px; margin-bottom:15px}
.bingo_md .bingo_txtBox .tlt {font-size:32px; font-weight:700; line-height:1.3em}
.bingo_md .bingo_txtBox .txt {font-size:25px; color:#616161; margin-top:10px; line-height:1.3em}
.bingo_md .bingo_txtBox .bingo_mg_close {width:100%; height:88px; border-radius:14px; background:#8D67FF; color:#fff; font-size:28px; font-weight:700; border:0; margin-top:40px}


@media only screen and  (max-width:768px) {
	.bingo_md .bingo_txtBox {max-width:53vw; padding:4vw 4vw 3.5vw; border-radius:2.8vw;}
	.bingo_md .bingo_txtBox .icon img {height:12.8vw; margin-bottom:1.5vw}
	.bingo_md .bingo_txtBox .tlt {font-size:3.2vw;}
	.bingo_md .bingo_txtBox .txt {font-size:2.5vw; margin-top:1vw;}
	.bingo_md .bingo_txtBox .bingo_mg_close {height:8.8vw; border-radius:1.4vw; font-size:2.8vw; margin-top:4vw}
}

@media only screen and  (max-width:480px) {
	.bingo_md .bingo_txtBox {max-width:80%; padding:5vw 5vw 4.5vw; border-radius:3.8vw;}
	.bingo_md .bingo_txtBox .icon img {height:15.8vw; margin-bottom:2.5vw}
	.bingo_md .bingo_txtBox .tlt {font-size:4.2vw;}
	.bingo_md .bingo_txtBox .txt {font-size:3.5vw; margin-top:2vw;}
	.bingo_md .bingo_txtBox .bingo_mg_close {height:11.8vw; border-radius:2.4vw; font-size:3.8vw; margin-top:5vw}
}


/*하단내용*/
.bingo_challenge_evBox .ft_txtBox {background:#F2F5FA; padding:70px 4% 100px; margin-top:100px; color:#616161; letter-spacing:-0.05em;}
.bingo_challenge_evBox .ft_txtBox .ft_tlt {font-weight:600; margin-bottom:15px;}
.bingo_challenge_evBox .ft_txtBox .ft_txt {font-size:21px; line-height:1.5em; word-break: keep-all;}
.bingo_challenge_evBox .ft_txtBox .ft_txt .ft_cl {color:#4A30EC !important}
.bingo_challenge_evBox .ft_txtBox a {color:#616161}

.bingo_challenge_evBox .slideBox .slide_tlt {color:#4A30EC; font-weight:600; cursor:pointer}
.bingo_challenge_evBox .slideBox .slide_tlt .arrow_icon {margin-left:5px; display:inline-block; vertical-align:middle; width:10px; height:9px; margin-top:-3px; background-size:100% 100% !important;} 
.bingo_challenge_evBox .slideBox .slide_tlt .arrow_down {background:url(img/ev_arrow_down.png) no-repeat 0 0;}
.bingo_challenge_evBox .slideBox .slide_tlt .arrow_up {background:url(img/ev_arrow_up.png) no-repeat 0 0;}
.bingo_challenge_evBox .slideBox .slide_tlt .up {display:none}
.bingo_challenge_evBox .slideBox .slide_tlt.active .up {display:block}
.bingo_challenge_evBox .slideBox .slide_tlt.active .down {display:none}
.bingo_challenge_evBox .slideBox .slide_cont {display:none}

@media only screen and  (max-width:768px) {
	/*하단내용*/
	.bingo_challenge_evBox .ft_txtBox {padding:7vw 4% 20vw; margin-top:10vw;}
	.bingo_challenge_evBox .ft_txtBox .ft_tlt {margin-bottom:1.5vw;}
	.bingo_challenge_evBox .ft_txtBox .ft_txt {font-size:2.1vw;}
	.bingo_challenge_evBox .slideBox .slide_tlt .arrow_icon {margin-left:0.5vw; width:1vw; height:0.9vw; margin-top:-0.3vw;} 
}

@media only screen and  (max-width:480px) {
	/*하단내용*/
	.bingo_challenge_evBox .ft_txtBox {padding:8vw 4% 30vw; margin-top:11vw;}
	.bingo_challenge_evBox .ft_txtBox .ft_tlt {margin-bottom:2.5vw;}
	.bingo_challenge_evBox .ft_txtBox .ft_txt {font-size:3.1vw;}
	.bingo_challenge_evBox .slideBox .slide_tlt .arrow_icon {margin-left:0.7vw; width:1.4vw; height:1.3vw; margin-top:-0.5vw;} 
}