/*-------- 서브페이지 스타일 --------*/

/*-- 이벤트 페이지 공통 --*/
.b_event_sec {padding-top:30px;}
.b_event_sec .b_tit_box h2{color:#014d9e; letter-spacing: 0px; margin-bottom:15px; }
.b_event_sec .b_tit_box p{line-height:1.3;}
.b_event_sec .b_slide_wrap{background-color: #014d9e; overflow:hidden; padding-bottom: 40px;}
.b_event_sec .b_slide_wrap h3{background-color:#00346b; color:#fff; width:250px; padding:10px 20px; margin: 0 auto; margin-bottom:30px; border-radius:0 0 20px 20px; }
.b_event_sec .b_gift_slide {width:90%; margin:0 auto; }
.b_event_sec .b_gift_slide p{text-align:center; margin-top:10px; color:#fff; font-size: 12px; word-break:keep-all; }
.b_event_sec .b_gift_slide figure{border-radius: 50%; background-color: #fff; aspect-ratio: 1 / 1; display:flex; align-items:center; justify-content:center; box-shadow: 0 0 20px rgba(0, 0, 0, .05);}
.b_event_sec .b_gift_slide img{display:block; max-width:100%; width:150px; margin:0 auto; }



/*@media screen and (max-width:760px){ */
	.b_event_sec .b_slide_wrap{padding-bottom: 20px;}
	.b_event_sec .b_slide_wrap h3{width:180px; margin-bottom: 15px;}
	.b_event_sec .b_gift_slide img{width: 70px;}
/*}*/


/*-- 이벤트① to-Pick 미션 박스 페이지 --*/
.b_event_sec01 .b_gift_box{width:100%; display:flex; align-items:center; justify-content:center; position:relative; /*max-width: 300px; aspect-ratio: 1 / 1; */margin: 20px auto 30px; }
.b_event_sec01 .b_gift_box .b_open_btn{display:block; padding:10px 20px; background-color:rgba(0,0,0,.5); border-radius:30px; color:#fff;}
.b_event_sec01 .bg_gift{position:absolute; left:50%; top:0; z-index:-1; transform:translateX(-50%); }

.b_event_sec01 .b_gift_box{max-width:unset; aspect-ratio:unset; width: fit-content;}
.b_event_sec01 .b_gift_box .giftbox_top{position:absolute; left:0; top:0; z-index:5;}
.b_event_sec01 .b_gift_box .b_open_btn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index: 10;}
.b_event_sec01 .b_gift_box.open{animation-name:box_scale; animation-duration: .4s; animation-iteration-count: 1; animation-timing-function: ease ;}
.b_event_sec01 .b_gift_box.open .giftbox_top{top: -20%; opacity:0; transition:top .5s ease, opacity .3s; transition-delay:.2s; }

@keyframes box_scale{ 
	0%{ 
		transform:scale(1);
	}
	50%{ 
		transform:scale(.95);
	}
	100%{ 
		transform:scale(1);
	}
}


@media screen and (max-width:760px){ 
	.b_event_sec01 .b_gift_box{max-width: 200px;}
}




.b_gift_test{}
.b_event_sec01 .b_gift_box{max-width: unset; aspect-ratio: unset; width:100%; }
.b_event_sec01 .b_gift_box figure{max-width: 300px; aspect-ratio: 1 / 1; margin: 0 auto; width:100%; position: relative;}
.b_event_sec01 .b_gift_box.open{animation-name:unset; }
.b_event_sec01 .b_gift_box.open figure {animation-name:box_scale; animation-duration: .4s; animation-iteration-count: 1; animation-timing-function: ease ;}
.b_event_sec01 .b_gift_box figure img{position:absolute; top:0;}
.b_event_sec01 .b_gift_box.open figure img{transition-delay:.2s; }
.b_event_sec01 .b_gift_box .giftbox_deco{opacity:0; position:absolute; left:0; top:0;  z-index:-1; }
.b_event_sec01 .b_gift_box.open .giftbox_deco{animation-name:deco_motion; animation-duration: .7s; animation-iteration-count: 1; animation-timing-function: ease ; animation-fill-mode:backwards ; opacity:1; animation-delay: .2s;}


.b_event_sec01 .b_gift_test .giftbox_left{left:0;}
.b_event_sec01 .b_gift_test .giftbox_right{right:0;}
.b_event_sec01 .b_gift_test.open .giftbox_left{left:-30%; opacity:0; transition:left .8s ease, opacity .3s; transition-delay:.1s;}
.b_event_sec01 .b_gift_test.open .giftbox_right{right:-30%; opacity:0; transition:right .8s ease, opacity .3s; transition-delay:.1s;}


@keyframes deco_motion{ 
	0%{ 
		transform:scale(.5);
		top:20%;
		opacity:0;
	}
	10%{ 
		
	}
	20%{ 
	opacity:1;
		top:-15%; 
	}
/*	80%{ */
/*		transform:scale(1.1);*/
/*	}*/
	100%{ 
		transform:scale(1);
		top:0;
		opacity:0;
	}
}



/*-- 팝업 공통 --*/
.b_pop_bg{position:fixed; left:0; top:0; width:100%; height:100%; z-index:20; background-color:rgba(0,0,0,.5); display:none; }
.b_pop_box{position:fixed; left:50%; transform:translateX(-50%); top:0; z-index:50; background-color:#fff; max-width:500px; width:94%; margin:0 auto; margin-top:20px; border-radius:20px; padding:30px 20px; box-shadow:0 3px 20px rgba(0,0,0,.4); display:none; }
.b_pop_box .b_tit_box{margin-bottom:20px;}
.b_pop_box .b_tit_box .b_tit_txt{letter-spacing:-1px; color:#014d9e; font-size: 18px;}
.b_pop_box .b_tit_box .b_sub_txt{margin-top:10px; display:block; }
.b_pop_box .b_btn_box{display:flex; align-items:center; justify-content: space-between; margin-top:10px; flex-wrap:wrap; row-gap:10px;}
.b_pop_box .b_btn_box .b_btn{height:50px; border-radius:5px; display:flex; align-items:center; justify-content:center; text-align: center;}
.b_pop_box .b_submit_btn{background-color: #014d9e; color:#fff; }
.b_pop_close{position:absolute; right:20px; top:20px; width:20px; height:20px; display: flex; align-items: center; justify-content: center; border: 0 !important;}
.b_pop_close img{width:14px; display:block; }

@media screen and (max-width:760px){ 
	.b_pop_box{border-radius: 10px;}
	.b_pop_box .b_btn_box .b_btn {height: 40px;}
	.b_pop_close{right: 12px; top: 12px;}
}


/*-- 이벤트① to-Pick 미션 박스 > 배트맨 신규 회원가입 팝업 --*/
.event_pop01 .b_txt_box{background-color:#f9f9f9; border:1px solid #eaeaea; border-radius:10px; padding: 20px; word-break: keep-all;}
.event_pop01 .b_txt_box p{word-break:keep-all; }
.event_pop01 .b_txt_box p b{color:red; }
.event_pop01 .b_txt_box .b_url_link{text-decoration:underline; color:#2278ec; }
.event_pop01 .b_txt_box .b_join_link{background-color:#dce7f5; padding:10px 20px; display:block; width:fit-content; margin:0 auto; margin-top:6px; border-radius:5px; }
.event_pop01 .b_id_box{margin:20px 0; display:flex; align-items:center; column-gap:10px; }
.event_pop01 .b_id_box p{width:160px; background-color:#444; color:#fff; height:40px; line-height:40px; border-radius:3px; }
.event_pop01 .b_id_box .b_input_box{width:calc(100% - 170px); }
.event_pop01 .b_id_box .b_input{height:40px; outline:0; border:1px solid #ddd; width:100%; padding:0 15px; border-radius:3px; font-size: 13px;}
.event_pop01 .b_btn_box button{width:49%; }
.event_pop01 .b_btn_box .b_change_btn{background-color:#b9b9b9; color:#fff; }

@media screen and (max-width:760px){ 
	.event_pop01 .b_id_box {margin: 10px 0;}
	.event_pop01 .b_id_box p{width: 100px;}
	.event_pop01 .b_id_box .b_input_box {width: calc(100% - 100px);}
}


/*-- 이벤트① to-Pick 미션 박스 > 참여정보 입력 팝업 --*/
.event_pop02 .b_id_box{margin-bottom: 10px; display:flex; align-items:center; column-gap:10px; }
.event_pop02 .b_id_box p{width:100px; background-color:#444; color:#fff; height:40px; line-height:40px; border-radius:3px; }
.event_pop02 .b_id_box .b_input_box{width:calc(100% - 110px); }
.event_pop02 .b_id_box .b_input{height:40px; outline:0; border:1px solid #ddd; width:100%; padding:0 15px; border-radius:3px; font-size: 13px;}
.event_pop02 .b_btn_box button{width:100%; }
.event_pop02 .b_privacy_box {margin-top:20px; }
.event_pop02 .b_privacy_box .b_txt_box{ background-color:#f9f9f9; border:1px solid #eaeaea; border-radius:10px; padding: 20px; height:150px; overflow-y:scroll; }
.event_pop02 .b_privacy_box .b_radio_wrap{display:flex; justify-content:center; column-gap:20px; margin:10px 0; }
.event_pop02 .b_privacy_box .b_radio_wrap label{display: flex; align-items: center; column-gap: 5px; font-size: 14px;}


/*-- 이벤트① to-Pick 미션 박스 > 참여 완료 팝업 --*/
.event_pop03 .b_btn_box button{width:100%; }
.event_pop03 .b_btn_box .b_half{width:49%; }
.event_pop03 .b_btn_box .b_share_btn{background-color:#dfdfdf;}
.event_pop03 .b_btn_box .b_more_btn{background-color:#ccdef4;}
.event_pop03 .b_btn_box .pop_btn{background-color:#ffd374;}
.event_pop03 .b_btn_box .b_half b{display:block; }


/*-- 이벤트① to-Pick 미션 박스 > 즉석 경품 당첨 팝업 --*/
.event_pop04 .b_top_box img{display:block; max-width:100%; width:200px; margin:0 auto;}
.event_pop04 .b_btn_box .b_btn{width:100%; }


/*-- 이벤트② 해외 to-Pick 페이지 --*/
.b_event_sec02 .b_date_wrap{background-color:#e8f2fd; border-radius:10px; padding: 20px; width:100%; margin:0 auto; max-width:500px; margin-bottom:20px; }
.b_event_sec02 .b_date_wrap h3{margin-bottom:10px; padding-bottom:10px; position:relative; }
.b_event_sec02 .b_date_wrap h3:after{content:''; width:60px; height:1px; background-color:#333; opacity:.4; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.b_event_sec02 .b_date_box {display:flex; flex-direction:column; align-items:center; row-gap:25px; }
.b_event_sec02 .b_date_box p{word-break:keep-all; }
.b_event_sec02 .b_date_box span{display:block; padding:3px 15px; background-color:#fff; border-radius:30px; width:fit-content; margin:0 auto; margin-bottom:8px; word-break:keep-all; }
.b_event_sec02 .b_cont_box .b_btn{width:100%; margin:0 auto; max-width:500px; display: block; height:50px; background-color:#111; color:#fff; border-radius:5px; }
.b_event_sec02 .b_cont_box .b_btn b{display:block; }
.b_event_sec02 .b_cont_box .b_store_btn{height: 50px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background-color:#ffd374; color:#111; width:100%; margin:10px 0 20px; }

@media screen and (max-width:500px){ 
	.b_event_sec02 .b_date_box span{padding: 3px 6px;}
}


/*-- 이벤트② 해외 to-Pick > 승부예측 팝업 --*/
#event_pop02_01{margin-top: 70px;}
#event_pop02_01 .b_store_btn{height: 50px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background-color:#ffd374; width:100%; }
#event_pop02_01 .b_match_list{margin-top:10px; overflow: hidden; max-width: 400px; margin: 0 auto; width: 96%;}
#event_pop02_01 .b_match_list ul{display:flex; align-items:center; }
#event_pop02_01 .b_match_list .b_cont_box {border-radius: 10px; overflow: hidden; border: 1px solid #ddd; width: 100%;}
#event_pop02_01 .b_match_list .b_cont_box> div{display: flex; align-items: center; padding: 10px;}
#event_pop02_01 .b_match_list .b_top_box {background-color:#333; color:#fff; padding:10px; justify-content: space-between;}
#event_pop02_01 .b_match_list .b_mid_box {padding:8px 0; flex-direction: column;}
#event_pop02_01 .b_match_list .b_mid_box .b_match{display: flex; align-items: center; justify-content: center;}
#event_pop02_01 .b_match_list .b_mid_box .b_date{color:#999; }
#event_pop02_01 .b_match_list .b_mid_box .b_date i{margin: 0 8px; font-size: 12px;}
#event_pop02_01 .b_match_list .b_mid_box .b_match img{height:45px; }
#event_pop02_01 .b_match_list .b_mid_box .b_match p{word-break:keep-all; }
#event_pop02_01 .b_match_list .b_mid_box .b_match span{margin:0 8px; }
#event_pop02_01 .b_match_list .b_mid_box .b_round b{display:block; }
#event_pop02_01 .b_match_list .b_cont_box .b_select_box {justify-content: center; padding: 0 10px 10px; column-gap: 2%;}
#event_pop02_01 .b_match_list .b_select_box label{width:32%; height:42px;  position:relative; text-align: center; font-weight:500; line-height: 1.05; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#event_pop02_01 .b_match_list .b_select_box label strong{display:block; }
#event_pop02_01 .b_match_list .b_select_box [type="radio"]{appearance: none; width:100%; vertical-align: middle; position: absolute; left: 0; top: 0; height: 100%; cursor:pointer;}
#event_pop02_01 .b_match_list .b_select_box [type="radio"]:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background-color: #fff; z-index:-1; border:1px solid #ddd; border-radius: 5px; box-sizing: border-box;}
#event_pop02_01 .b_match_list .b_select_box [type="radio"]:checked:after{border:2px solid #014d9e; background-color:#e8eff6; }
#event_pop02_01 .b_prev {left: 13px;}
#event_pop02_01 .b_next {right: 13px;}
#event_pop02_01 .b_prev img, #event_pop02_01 .b_next img{width:20px;}
#event_pop02_01 .b_prev img{transform:rotate(180deg); }
.swiper-button-next:after, .swiper-button-prev:after{display:none;}

@media screen and (max-width:760px){ 
	#event_pop02_01{margin-top: 40px;}
	#event_pop02_01 .b_store_btn{height: 40px;}
	#event_pop02_01 .b_match_list li{border-radius: 5px;}
	#event_pop02_01 .b_match_list .b_top_box{padding: 8px 0;}
	#event_pop02_01 .b_match_list .b_mid_box .b_match img {height: 30px;}
	#event_pop02_01 .b_match_list .b_mid_box .b_match span {margin: 0 4px;}
	#event_pop02_01 .b_match_list .b_select_box{padding: 0 5px;}
	#event_pop02_01 .b_prev img, #event_pop02_01 .b_next img {width: 10px;}
}
@media screen and (max-width:400px){ 
	#event_pop02_01 .b_prev {left: 0;}
	#event_pop02_01 .b_next {right: 0;}
}


/*-- 이벤트③ 스포츠토토 영수증 등록 페이지 --*/
.b_event_sec03 .b_tit_box{margin-bottom:20px; }
.b_event_sec03 .b_cont_box .b_btn{height:50px; }
.b_event_sec03 .b_date_wrap{padding: 20px 10px;}
.b_event_sec03 .b_date_box{flex-direction:row; justify-content: space-between; align-items:flex-start; }
.b_event_sec03 .b_date_box >p{width:49%; }

@media screen and (max-width:500px){ 
	.b_event_sec03 .b_date_box{flex-direction:column; row-gap: 15px;}
	.b_event_sec03 .b_date_box >p{width:100%; }
}


/*-- 이벤트③ 스포츠토토 영수증 등록 페이지 > 영수증 번호 등록하기 팝업 --*/
#event_pop03_02 .b_tit_box .b_sub_txt strong{color:#999; display:block; margin-top:10px; }
#event_pop03_02 .b_mathod_box {background-color: #e8f2fd; border-radius: 10px; padding: 20px; display:flex; align-items:center; flex-wrap:wrap;}
#event_pop03_02 .b_mathod_box .b_tit_txt{margin-bottom:10px; width:100%; }
#event_pop03_02 .b_mathod_box .b_list_box li{display:flex; align-items:flex-start; padding:5px 0 ; }
#event_pop03_02 .b_mathod_box .b_list_box li .b_num{width:20px; }
#event_pop03_02 .b_mathod_box .b_list_box li .b_cont{width:calc(100% - 20px); word-break: keep-all;}
#event_pop03_02 .b_mathod_box .b_list_box {width:80%; }
#event_pop03_02 .b_mathod_box .b_img_box {width:20%; }
#event_pop03_02 .b_mathod_box .b_img_box img {max-width:100%; display:block; }
#event_pop03_02 .b_copy_btn{background-color: #444; color:#fff; width:100%; }
#event_pop03_02 .b_number_input{display:flex; align-items:flex-start; margin-top:10px; flex-direction: column;}
#event_pop03_02 .b_number_input .b_tit_txt{margin-bottom: 10px; width: 100%;}
#event_pop03_02 .b_number_input .b_input_list{max-height:120px; overflow-y:scroll; width: 100%;}
#event_pop03_02 .b_number_input .b_input_list li{display:flex; align-items:flex-start; column-gap:5px; margin-bottom:5px; }
#event_pop03_02 .b_number_input .b_input_list li .b_input_wrap{width:calc(100% - 80px); display:flex; align-items:center; justify-content:space-between; }
#event_pop03_02 .b_number_input .b_input_list li input{width:24%; height: 30px; outline: 0; border: 1px solid #ddd; padding: 0 5px; border-radius: 3px; font-size:12px; }
#event_pop03_02 .b_number_input .b_btn{width:30px; height: 30px; border-radius:3px; border:1px solid #014d9e; display:flex; align-items:center; justify-content:center; color:#014d9e;}
#event_pop03_02 .b_number_input .b_add_box{display:flex; align-items:center; column-gap:5px;}
#event_pop03_02 .b_number_input .b_add_box span{width:calc(100% - 80px); word-break: keep-all;}
#event_pop03_02 .b_store_btn{background-color: #ffd374;}
#event_pop03_02 .b_number_input .b_regist_btn{background-color: #014d9e; color:#fff; width: 40px; }

@media screen and (max-width:500px){ 
	#event_pop03_02 .b_mathod_box{padding: 10px;}
	#event_pop03_02 .b_mathod_box .b_list_box li{padding: 2px 0;}
	#event_pop03_02 .b_mathod_box .b_list_box li .b_cont b{display:block; }
}



/*-- 이벤트②, ③ > 우리동네 판매점 찾기 팝업 --*/
#event_map_pop .b_map_box{width:100%; height:250px; border-radius: 10px;}
#event_map_pop .b_tab_list{display:flex; flex-wrap:wrap; align-items:flex-start; margin:10px 0; border-top:1px solid #ddd; }
#event_map_pop .b_tab_list li{width:20%; border-bottom:1px solid #ddd;  }
#event_map_pop .b_tab_list li a{display:flex; width:100%; height:40px; align-items:center; justify-content:center; text-align:center; font-weight:500;}
#event_map_pop .b_tab_list li.on a{font-weight:bold; background-color:#e8eff6; color:#014d9e; }
#event_map_pop .b_srh_box{display:flex; align-items:center; justify-content: space-between;}
#event_map_pop .b_srh_box button{width:80px; background-color:#014d9e; color:#fff; height:35px; line-height:35px; border-radius:3px; font-size: 14px;}
#event_map_pop .b_srh_box .b_input{width:calc(100% - 85px); height:35px; outline:0; border:1px solid #ddd; padding:0 15px; border-radius:3px; font-size: 14px;}
#event_map_pop .b_srh_list{margin-top:10px; border-top:1px solid #111; max-height: 200px; overflow-y: scroll;}
#event_map_pop .b_srh_list > ul > li {border-bottom:1px solid #ddd;}
#event_map_pop .b_srh_list .b_top_box{display:flex; align-items:center; cursor:pointer;}
#event_map_pop .b_srh_list .b_top_box .b_area{background-color:#e8eff6; color:#014d9e; width:100px; padding: 10px; }
#event_map_pop .b_srh_list .b_top_box .b_name{width:calc(100% - 100px); padding:0 15px;}
#event_map_pop .b_srh_list .b_bot_box{padding:10px 15px 10px 115px; background-color:#f9f9f9; display:none; }
#event_map_pop .b_srh_list .b_info_list li:last-child{margin-bottom:0px; display: none;}
#event_map_pop .b_srh_list .b_info_list .b_tit_txt{display:flex; align-items:center; margin-bottom:5px; } 
#event_map_pop .b_srh_list .b_info_list .b_tit_txt p{margin-right:10px; }
#event_map_pop .b_srh_list .b_info_list .b_tit_txt .b_btn{display:block; padding:3px 10px; border-radius:20px; color:#fff; background-color:#333; margin-right:5px; }
#event_map_pop .b_srh_list .b_info_list .b_tit_txt .b_btn:last-child{margin-right:0px;}
#event_map_pop .b_srh_list .b_info_list .b_cont_txt{color:#666; }
#event_map_pop .b_select_wrap{display:flex; align-items:center; margin: 10px 0;}
#event_map_pop .b_select_wrap .b_tit_txt{width:60px; }
#event_map_pop .b_select_wrap .b_box{width: calc(100% - 60px); display:flex; align-items:center; justify-content:space-between; }
#event_map_pop .b_select_wrap .b_select_box{width:calc((100% - 90px) / 2);}
#event_map_pop .b_select_wrap select{border:1px solid #ddd; border-radius:3px; height: 35px; padding: 0 5px; width:100%; font-size:13px; font-weight:400; }
#event_map_pop .b_select_wrap button{width: 80px; background-color: #014d9e; color: #fff; height: 35px; line-height: 35px; border-radius:3px; }
#event_map_pop .close_btn{border:1px solid #ddd; border-radius:3px; }
.map_wrap{padding-bottom: 4rem;}
.map_inner{height: 800px;position: relative; max-width: 1920px; width: 96%; margin: 0 auto;}

@media screen and (max-width:760px){ 
	#event_map_pop .b_map_box{height: 200px;}
	#event_map_pop .b_tab_list li a{height: 33px;}
	#event_map_pop .b_srh_list .b_bot_box {padding: 10px 15px;}
	#event_map_pop .b_srh_list .b_top_box .b_area{width: 80px;}
	#event_map_pop .b_srh_list .b_top_box .b_name{width: calc(100% - 80px); padding: 0 10px;}
}


/*-- 이벤트 별 추첨 경품안내 페이지 --*/
.b_event_gift .b_tit_box{margin-bottom:20px; }
.b_event_gift .b_cont_box{background-color:#f9f9f9; margin-top:-20px; padding-top: 20px;}
.b_event_gift .b_tab_list{display:flex; justify-content:center; align-items:center;  border:1px solid #ddd; border-radius:5px; position: relative; z-index: 5; background-color: #fff;}
.b_event_gift .b_tab_list li{width:33.333%; cursor:pointer; text-align:center; height:55px; display:flex; justify-content:center; align-items:center; }
.b_event_gift .b_tab_list li.on{background-color:#111; color:#fff; border-radius:5px;}
.b_event_gift .b_tab_list li span{word-break:keep-all; }
.b_event_gift .b_box{padding:20px 0; display:none; }
.b_event_gift .b_box.on{display:block; }
.b_event_gift .b_box h3{margin-bottom:20px; }
.b_event_gift .b_gift_list ul{display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px 2%; }
.b_event_gift .b_gift_list li{border-radius:5px; overflow:hidden; display:flex; align-items:center; flex-direction:column; background-color:#fff; text-align:center; border:1px solid #eee; padding-bottom:10px; width:32%; min-height: 205px;}
.b_event_gift .b_gift_list li figure{margin:8px 0; }
.b_event_gift .b_gift_list li img{max-width:100px; }
.b_event_gift .b_gift_list .b_rank_txt{background-color:#002e5f; color:#fff; padding: 3px 0; width:100%; }
.b_event_gift .b_gift_list .b_winner_num{padding: 2px 10px; display:block; background-color:#dd0033; color:#fff; border-radius:20px; margin-top:8px; }
.b_event_gift .b_gift_list .b_row_lank{background-color:#444; }
.b_event_gift .b_gift_list .b_gift_name {word-break:keep-all; }
.b_event_gift .b_link_btn{height: 50px; border-radius: 5px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #ffd374; margin-top:10px; }
.b_event_gift #b_box_03 .b_list_tit{margin-bottom:10px; }
.b_event_gift #b_box_03 .b_gift_list01 {margin-bottom:50px;}
.b_event_gift #b_box_03 .b_gift_list > span{display: block; margin-bottom:10px; }
.b_event_gift #b_box_03 .b_gift_list01 li{width:49%;}

@media screen and (max-width:500px){ 
	.b_event_gift .b_gift_list li{min-height: 198px;}
	.b_event_gift .b_gift_list li img {max-width: 80px;}
	.b_event_gift #b_box_03 .b_gift_list01 li{min-height: unset; }
	.b_event_gift #b_box_03 .b_gift_list01 li img{max-width: 100px;}
}



/*-- 해외 to-Pick 경기 결과 페이지 --*/
.b_event02_result .b_tit_box {margin-bottom:10px; }
.b_event02_result .b_tit_box .b_tit_txt {letter-spacing: -1px; color: #111; font-size: 18px;}
.b_event02_result .b_inner > .b_cont_box{position:relative; padding-bottom:30px; }
.b_event02_result .b_match_list{margin-top:10px; overflow: hidden; max-width: 400px; margin: 0 auto; width: 81%;}
.b_event02_result .b_match_list ul{display:flex; align-items:center; }
.b_event02_result .b_match_list .b_cont_box {border-radius: 10px; overflow: hidden; border: 1px solid #ddd; width: 100%;}
.b_event02_result .b_match_list .b_cont_box> div{display: flex; align-items: center; padding: 10px;}
.b_event02_result .b_match_list .b_top_box {background-color:#333; color:#fff; padding:10px; justify-content: space-between;}
.b_event02_result .b_match_list .b_mid_box {padding:8px 0; flex-direction: column;}
.b_event02_result .b_match_list .b_mid_box .b_match{display: flex; align-items: center; justify-content: center;}
.b_event02_result .b_match_list .b_mid_box .b_date{color:#999; }
.b_event02_result .b_match_list .b_mid_box .b_date i{margin: 0 8px; font-size: 12px;}
.b_event02_result .b_match_list .b_mid_box .b_match img{height:45px; }
.b_event02_result .b_match_list .b_mid_box .b_match p{word-break:keep-all; }
.b_event02_result .b_match_list .b_mid_box .b_match span{margin:0 8px; }
.b_event02_result .b_match_list .b_mid_box .b_round b{display:block; }
.b_event02_result .b_match_list .b_cont_box .b_select_box{justify-content:center; padding: 0 10px 10px; column-gap: 2%;}
.b_event02_result .b_match_list .b_select_box label{width:32%; height:42px; position:relative; text-align: center; font-weight:500; line-height: 1.05; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.b_event02_result .b_match_list .b_select_box label strong{display:block; }
.b_event02_result .b_match_list .b_select_box [type="radio"]{appearance: none; width:100%;  vertical-align: middle; position: absolute; left: 0; top: 0; height: 100%; cursor:pointer;}
.b_event02_result .b_match_list .b_select_box [type="radio"]:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background-color: #fff; z-index:-1; border:1px solid #ddd; border-radius: 5px; box-sizing: border-box;}
.b_event02_result .b_match_list .b_select_box [type="radio"]:checked:after{border:2px solid #014d9e; background-color:#e8eff6; }
.b_event02_result .b_prev {left: 13px;}
.b_event02_result .b_next {right: 13px;}
.b_event02_result .b_prev img, .b_event02_result .b_next img{width:20px;}
.b_event02_result .b_prev img{transform:rotate(180deg); }
.swiper-button-next:after, .swiper-button-prev:after{display:none;}

/* 탭으로 수정 */
.b_event02_result .b_match_list {width:100%; }
.b_event02_result .b_match_list ul{display:flex; flex-direction:column; row-gap:20px; width: 100%; margin-top: 20px;}
.b_event02_result .b_match_list ul li{width: 100%;}
.b_event02_result .b_tab_list{display:flex; justify-content:center; align-items:center;  border:1px solid #ddd; border-radius:5px; position: relative; z-index: 5; background-color: #fff;}
.b_event02_result .b_tab_list li{width:33.333%; cursor:pointer; text-align:center; height:40px; display:flex; justify-content:center; align-items:center; }
.b_event02_result .b_tab_list li.on{background-color:#111; color:#fff; border-radius:5px;}
.b_event02_result .b_box{display:none; }
.b_event02_result .b_box.on{display:block; }


/*-- 게시판 공통 --*/
.b_baord_sec{padding:50px 0; }
.b_baord_sec .b_tit_box{margin-bottom:40px; }


/*-- 게시판 button 공통 --*/
#bo_btn_top{margin:0; }
.b_baord_sec .b_btn_box{display:flex; justify-content:space-between; align-items:center; margin-top: 30px;}
.b_baord_sec .b_btn_box > div{display:flex; align-items:center;}
.b_baord_sec .b_btn_box .b_btn_wrap{margin-left:5px;}
.b_baord_sec .b_btn_box .b_btn_wrap:first-child{margin-left:0px;}
.b_baord_sec .b_btn_box .b_btn{display:flex; align-items:center; justify-content:center; border:1px solid #ddd; padding:7px 12px; border-radius:5px; color: #333; background-color: #fff; font-weight: 400;}
.b_baord_sec .b_btn_box .b_btn #chkall{margin-right:3px; }
.b_baord_sec .b_btn_box .b_write_btn{border:1px solid #000; color:#000; transition:.2s; }
.b_baord_sec .b_btn_box .b_write_btn:hover{background-color:#000; color:#fff; transition:.2s; }


/*-- 게시판 글쓰기 공통 --*/
.b_write_page form{max-width:1000px; margin: 0 auto; width:100%; }
.b_write_page .b_w_table{width:100%; border-top: 2px solid #111;}
.b_write_page .b_w_table td{padding:20px 0; border-bottom: 1px solid #ddd;}
.b_write_page .b_w_table .b_td_tit{width:100px; font-size: 14px;}
#bo_w .frm_file{border:0; }
.b_write_page .b_w_table #wr_content{border-radius: 3px; border: 1px solid #ddd; padding:10px; resize:none;}
.b_write_page .b_w_table #wr_content:focus{outline:0;}
.b_write_btn.b_btn_box{justify-content: center;}
.b_write_btn.b_btn_box .b_btn{padding: 15px 30px;}
.b_write_btn.b_btn_box .b_submit_btn{background-color:#000; color:#fff; cursor:pointer; font-weight: 600; }
#bo_w .bo_w_link label{height: 43px;}
.b_write_page .b_input_box{border-radius:3px; border: 1px solid #ddd; color: #555; padding: 10px 5px; background-color:#fff; font-size: 14px;}
.b_write_page .b_input_box:focus{outline:0; }
#bo_w .cke_sc{display:none;}


/*-- 게시판 리스트 공통 --*/
.b_list_page .b_area_cate{display:flex; flex-wrap:wrap; margin-bottom:30px; border-top: 1px solid #ddd; }
.b_list_page .b_area_cate li{width:20%; height:35px; border-bottom: 1px solid #ddd; }
.b_list_page .b_area_cate li a{display:flex; width:100%; height:100%; align-items:center; justify-content:center; font-size:14px; font-weight:500; }
.b_list_page .b_area_cate li #bo_cate_on{font-weight: bold; background-color: #e8eff6; color: #014d9e;}
.b_list_page .bo_list_head ul {border-top: 2px solid #111; border-bottom: 1px solid #ddd;}
.b_list_page .bo_list_head ul li{background:unset; border-bottom:0; position:relative;}
.b_list_page .bo_list_head ul li span.s-check{position:absolute; left:20px; top:50%; transform:translateY(-50%); width:auto; }
.b_list_page .bo_list_head ul li span.s-day .fa{font-size:0.938rem; opacity:.3;}
.b_list_page .bo_list_head ul li span.s-view .fa{font-size:0.938rem; opacity:.3;}
.b_list_page .bo_list ul li{position:relative; }
.b_list_page .bo_list ul li span.s-check{position:absolute; left:20px; top:50%; transform:translateY(-50%); width:auto; }
.b_list_page .bo_list ul li:hover .bo_tit a {color: #888 !important;}
.b_list_page .bo_list ul li span.s-name span{text-align:left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.b_list_page .bo_list_head ul li span.s-name {width: 65%;}
.b_list_page .bo_list ul li span.s-name {width: 65%;}
.b_list_page .bo_list_head ul li span.s-day {width: 15%;}
.b_list_page .bo_list ul li span.s-day{width:15%; }
.b_list_page #bo_cate.b_cate_box {padding:0; margin:0; border:0; margin-bottom:70px; background:unset; }
.b_list_page #bo_cate.b_cate_box .b_cate_list{display:flex; align-items:center; justify-content:center; max-width:500px; width:92%; margin:0 auto; border:1px solid #eee; border-radius:50px; overflow:hidden; }
.b_list_page #bo_cate.b_cate_box .b_cate_list li{padding:0; width:33.333%;}
.b_list_page #bo_cate.b_cate_box .b_cate_list li a{display:flex; align-items:center; justify-content:center; height:50px; width:100%; padding:0; background-color:#fff; font-weight:600; font-size:1.125rem; color:#222; }
.b_list_page #bo_cate.b_cate_box #bo_cate_on{background-color:#045949; border:0; box-shadow:none; border-radius:50px; }
.b_list_page .bo_list ul li span.s-name a{font-weight: 400;}

/*@media screen and (max-width:720px){ */
	.b_list_page .bo_list ul li span.s-check{left:0; }
	.b_list_page .bo_list ul li span.s-number, .b_ctt_list .bo_list_head ul li span.s-number{display:none;}
	.b_list_page .bo_list ul li span.s-name{width:100%; }
	.b_list_page .bo_list ul li span.s-name a{padding-left:10px; display: inline-block;}
	.b_list_page .bo_list ul li span.s-day{margin-top:5px; width:auto; margin-left:10px;}
	.b_list_page .bo_list ul li span.s-day{width:auto; display:none;}
	.b_list_page .bo_list ul li span.s-name span{text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
	.b_list_page #bo_cate.b_cate_box{margin-bottom: 40px;}
/*}*/


/*-- 판매점 등록 게시판 리스트 --*/
.b_store_list .bo_list_head ul li, .b_store_list .bo_list ul li {padding: 10px 0 !important;}
.b_store_list .bo_list_head ul li span.s-check{left: 0;}
.b_store_list .bo_list ul li span{font-size:14px; }
.b_store_list .bo_list_head ul li span{font-size:14px; }
.b_store_list .bo_list_head ul li span.s-name{width: 80% !important;}
.b_store_list .bo_list_head ul li span.s-day{display:none;}
.b_store_list .bo_list ul li span.s-number, .b_store_list .bo_list_head ul li span.s-number{display:none;}
.b_store_list .bo_list ul li span.s-name{width: 80% !important;}
.b_store_list .bo_list ul li span.s-day{display:none;}
.b_store_list .bo_list_head ul li span.s-view, .b_store_list .bo_list ul li span.s-view {width: 20% !important;}


/*-- 이벤트 퀴즈 및 만족도설문 팝업 공통 --*/
.b_quiz_pop .b_quiz_tit {background-color: #00346b; border-radius:5px; color:#fff; padding:10px; margin-bottom:5px; display:flex; align-items:flex-start; font-size:14px; word-break: keep-all;}
.b_quiz_pop .b_quiz_tit strong{width:25px;}
.b_quiz_pop .b_quiz_tit b{word-break:keep-all; width: calc(100% - 25px);}
.b_quiz_pop .quizPopList{display:flex; align-items:center; flex-wrap:wrap;  }
.b_quiz_pop .quizPopList li{width:50%; padding:5px 10px; font-weight:500; display:flex; align-items:center; font-size: 14px;}
.b_quiz_pop .quizPopList li input{margin-right:3px; }
.b_quiz_pop .quizPopList li label{word-break:keep-all; }
.b_quiz_pop05 .b_quiz_tit strong{width:28px;}
.b_quiz_pop05 .b_quiz_tit {word-break:keep-all; }
.b_quiz_pop05 .testList > li{margin-bottom:10px; }
.b_quiz_pop05 .popText-new{margin-top:10px; }
.b_quiz_pop05 .popInfo-box i{margin: 8px 0; display: inline-block;}

@media screen and (max-width:720px){ 
	.b_quiz_pop .quizPopList li{padding: 5px; }
}

.event_pop .testEnd-box {margin-bottom:10px; background-color: #e8f2fd; padding:20px; border-radius: 10px;}
.event_pop .testEnd-box > h5{margin-bottom:10px; padding-bottom:10px; position:relative; }
.event_pop .testEnd-box > h5:after{content: ''; width: 60px; height: 1px; background-color: #333; opacity: .4; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.event_pop .testEnd-box .score{color: #014d9e;}
.event_pop .testEnd-box p b{margin-top:10px; display:block; }
.event_pop .testEnd-box i{word-break:keep-all;}
.event_pop .testEnd-box a{padding: 10px 20px; width: fit-content; margin: 0 auto; border-radius: 5px; display: flex; align-items: center; justify-content: center; text-align: center; column-gap: 5px; background-color: #ffd374;}
.event_pop .testEnd-box a img{height:11px; }


/*-- 이벤트① to-Pick 미션 박스 > 미션 구성(공식 SNS 구독&팔로우) --*/
.event_01_04 .b_txt_box{padding: 20px 5px;}
.event_01_04 .popTitle-new-wrap{margin-bottom:10px; }
.event_01_04 .popLink-two {display: flex; align-items: center; justify-content: center; column-gap:10px; }
.event_01_04 .popLink-two a{border-radius:5px; background-color:#fff; border:1px solid #ddd; display: flex; align-items: center; width:fit-content; height:40px; padding:0 10px 0 5px }
.event_01_04 .popLink-two img{margin-right:5px; }
.event_01_04 .popInfo-box{display:block; margin:10px 0; }
.event_01_04 .popSocial {display:flex; align-items:flex-start; justify-content: space-between; margin:10px 0; }
.event_01_04 .popSocial li{width:49%; }
.event_01_04 .popSocial figure{border:1px solid #ddd; border-radius:5px; overflow:hidden;  }
.event_01_04 .popSocial figure img{display:block; max-width:100%; }
.event_01_04 .popSocial a img{height:11px; }
.event_01_04 input[type='file'] {display: block; width: 0; height: 0; overflow: hidden;}
.event_01_04 .b_file_box {display:flex; align-items: center; column-gap: 8px; }
.event_01_04 .b_file_box .b_label{width:100px; background-color: #444; color: #fff; height: 40px; line-height: 40px; border-radius: 3px; display:block; margin-left: -8px;}
.event_01_04 .b_file_box .file_name{width:calc(100% - 108px); padding:0 10px; display:inline-block; text-align:left; border: 1px solid #ddd; height: 40px; line-height: 40px; border-radius: 3px; }

@media screen and (max-width:460px){ 
	.event_01_04 .popLink-two{flex-direction: column; column-gap: 0; row-gap: 8px;}
	.event_01_04 .popLink-two a{width: 194px;}
	.event_01_04 .popLink-two a:first-child img{margin-right: 19px;}
	.event_01_04 .b_file_box .b_label {width: 70px;}
	.event_01_04 .b_file_box .file_name{width:calc(100% - 78px); }
}


/*-- 만족도 설문조사 팝업 --*/
#survey_pop .b_quiz_tit strong{width:unset; margin-right:5px;}
#survey_pop .surveyList{height:350px; overflow-y:scroll; }
#survey_pop .surveyList li{margin-bottom:10px; }
#survey_pop .surveyList label{margin-right:10px; word-break:keep-all; }
#survey_pop .surveyList .surveyBox {font-size: 14px; font-weight: 500; display:flex; align-items:center; flex-wrap:wrap; }
#survey_pop .b_btn_box .b_btn{width: 49%;}
#survey_pop .b_btn_box .b_change_btn{background-color: #b9b9b9; color: #fff;}
#survey_pop .surveyList .b_input_wrap{width:50%; padding: 3px 10px; display:flex; align-items: flex-start;}
#survey_pop .surveyList select{height:40px; border:1px solid #ddd; width:100%; border-radius:3px; outline:0; padding:0 3px ;}
#survey_pop .surveyList li .b_input_wrap input {margin-right: 3px; margin-top:3px;}
#survey_pop .surveyList .survey-11 .b_quiz_tit b{color: #ffae00; display: contents;margin-right:3px;}
#survey_pop .surveyList .survey-11 .b_quiz_tit strong{width: 34px;}
#survey_pop .surveyList .survey-12 input[type=text]{height: 40px; outline: 0; border: 1px solid #ddd; padding: 3px; width: 48%; margin-left: auto;}

@media screen and (max-width:500px){ 
	#survey_pop .surveyList .b_input_wrap {width: 100%;}
	#survey_pop .surveyList .survey-6 .b_quiz_tit strong, #survey_pop .surveyList .survey-8 .b_quiz_tit strong, #survey_pop .surveyList .survey-9 .b_quiz_tit strong{width: 42px;}
	#survey_pop .surveyList .survey-7 .b_quiz_tit strong{width: 28px;}
	#survey_pop .surveyList .survey-11 .b_quiz_tit strong{width: 53px;}
	#survey_pop .surveyList .survey-12 input[type=text]{width: 97.5%;}
}