@charset "euc-kr"; /* common */
.eventWrap { position: relative; } 
.eventWrap .inner { padding: 150px 0; position: relative; } 
.eventWrap .event_common { position: relative; } 
.event_common .con_tit .end::after { background-color: red; } 
.event_common .mini_tit { color: #777; margin: 25px 0; } 
.event_common .point_color { color: #3640FF; } 
.event_common .gift_item_wrap { margin-top: 60px; margin-bottom: 40px; } 
.event_common .gift_item_wrap .gift_item { display: flex; justify-content: center; align-items: center; gap: 30px; } 
.event_common .btn_shap { margin: 10px 0 55px; } 
.event_common .btn_shap a { font-size: 11px; color: #787878; font-family: 'Noto Sans KR'; border: 1px solid #787878; border-radius: 2px; padding: 1px 28px 2px; } 
.evSection.event { padding: 0; } 
.evSection.event .obj_cover .pattern_obj { top: 10%; mix-blend-mode: luminosity; } 
.event_common .step_box .evt_tit_base { font-size: 13px; color: #333; } 
.event_common .step_base_wrap { border-radius: 15px; } 
.event_common .step_base_wrap .step_info { margin-top: 0px; } 
.event_common .step_base_wrap .step_info dt { font-size: 13px; font-weight: 400; color: #333; text-indent: -17px; padding-left: 18px; } 
.event_common .step_base_wrap .step_info dd { font-size: 13px; font-weight: 400; color: #333; margin-top: 0px; padding-left: 17px; } 
.event_common .step_base_wrap .step_box { display: inline-block; text-align: left; line-height: 1.6; } 
.event_common .step_base_wrap .evt_tit_base:nth-of-type(2) { margin-top: 20px; } 
.event_common .step_base_wrap a { color: #0082ff; font-weight: 600; } 

.fullsurv .top_number_wrap { letter-spacing: -0.04em; } 
.fullsurv .top_number_wrap .number_wrap { margin-bottom: 4px; } 

/* S: [fixmenu] ·¹À̾ƿô */
.eventWrap .evSection.fix_mode { padding-top:100px; } 
.eventWrap .fix_menu { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%) translateY(25px); z-index: 2; height: fit-content; } 
.fix_menu .grad_round { background: linear-gradient(90deg, rgb(71 200 255) 0%, rgb(13 50 252) 100%); padding: 2px; border-radius: 18px; display: inline-block; } 
.fix_menu ul { width: 1080px; margin: 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 15px; background: #fff; height: 96px; } 
.fix_menu li { position: relative; flex: 1; } 
.fix_menu li i { position: absolute; top: 50%; right: -35px; transform: translateY(-50%); z-index: 2; } 
.fix_menu li a { font-size: 16px; position: relative; font-weight: 700; display: flex; justify-content: center; align-items: center; gap: 10px; } 
.fix_menu li a br { display: none; } 
.fix_menu li a:before { content:''; display:block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 40%; width: 1px; } 
.fix_menu li:last-child a:before { display:none } 
/* ÇÏ´Ü¿¡ ºÙ´Â ·ÎÁ÷ÀÏ °æ¿ì */
.fix_menu.fixed.bottom { position: fixed; bottom: 20px; /*top:auto; */ transform: translateX(-50%) translateY(-20px); } 


/* event1 */
.eventWrap .event1 { background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(34 255 202) 100%); overflow: visible; } 
.gift_list_wrap { align-items: end; max-width: 1200px; } 
.gift_list_wrap li { border-radius: 15px; } 
.gift_list_wrap li.sp_ver { width: 400px; background: linear-gradient(0deg, rgb(71 200 255) 0%, rgb(9 41 252) 100%); } 
.gift_list_wrap li.sp_ver .name { color: #3640FF; } 
.gift_list_wrap li .badge { background-color: #3640ff; } 
.gift_list_wrap li .badge_sp { position: absolute; right: 57px; top: 75px; } 

/* event2 */
.eventWrap .event2 { background: linear-gradient(0deg,rgba(255, 239, 239, 1) 0%, rgba(255, 181, 219, 1) 100%); } 
.event2 .event_winner_wrap { border-radius: 80px; width:100%; height: 80px; display: flex; align-items: center; justify-content: center; background-color: #fff; margin-bottom: 60px; } 
.event2 .slick-slider.slick-initialized { display: flex; } 
.event2 .slick-arrow { display: none !important; } 
.event2 .event_winner_wrap .box_wrap { display: flex !important; justify-content: center; gap: 30px; } 
.event2 .event_winner_wrap p { display: flex; gap:5px; } 
.event2 .event_winner_wrap .win_con { width:300px; border-bottom: 2px solid #000; padding:0 0 4px; display: flex; justify-content: center; } 
.event2 .sub_text { color: #111; opacity: 0.6; margin-bottom: 50px; } 

.event2 .roulette_base_wrap { position: relative; } 
.event2 .roulette_base_wrap .shadow_r { position: absolute; bottom: -90px; left: 50%; transform: translateX(-50%); } 
.event2 .roulette_base_wrap .roulette_wrap .roulette { box-shadow: none; } 
.event2 .roulette_base_wrap .roulette_wrap .marker { max-width: 53px; top: -3%; width: 6vmin; z-index: 1; } 
.event2 .roulette_base_wrap .roulette_wrap .startBox .start_text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; width: 100%; } 
.event2 .roulette_base_wrap .roulette_wrap .startBox .start_text .start_mini_tit { margin-bottom: 10px; } 
.event2 .roulette_base_wrap .roulette_wrap .startBox .start_text .start_main_tit { font-weight: 800; } 
.event2 .btn-base.xl.black { display: block; position: relative; margin-top: 30px; } 

.popuproulette .content_area .mg_btn_wrap .mg_btn_base { font-family: 'Noto Sans KR'; } 
.popuproulette .gift_pop_img { margin: auto; text-align: center; } 
#popupSuccess .s_info { text-align: left; } 
#popupResult .content_area .b_tit { margin-bottom: 30px; } 
#popupResult .content_area .rull_now { margin-bottom: 11px; font-weight: 500; text-align: center; } 
#popupResult .content_area .rull_now .point_color { color: var(--f-main-color); } 


/* event3 */
.eventWrap .event3 { background: linear-gradient(0deg, rgb(255 252 244) 0%, rgb(254 237 182) 100%); } 
.event3 .container_info_wrap { margin-bottom: 55px; } 
.event3 .step_base_wrap { border-radius: 20px; } 
.event3 .step_base_wrap .step_list li .box_area .label { color: #F2BA00; } 
.event3 .step_base_wrap .step_list li .box_area span.hashtag { color: #F2BA00; font-size: 12px; } 
.event3 .btn-base-wrap + .share_base_wrap { border-radius: 20px 20px 0 0; } 
.event3 .share_base_wrap .share_list li dl dt, .event3 .share_base_wrap .share_list li dl dd a { padding: 6px 2px; } 
.event3 .share_base_wrap + .regist_form_area { margin-top: 0px; background: #ffe588; border-radius: 0 0 20px 20px; } 
.event3 .input-base-wrap.ver_input-btn .input-base { border: none; } 
.event3 .regist_form_area .check_area .info { color: #777; } 
.event3 .btn-base.transparent > * { border: 1px solid #777; color: #777; } 

/* event4 */
.eventWrap .event4 { background: linear-gradient(0deg, rgb(254 255 255) 0%, rgb(202 249 255) 100%); } 

/* event5 */
.eventWrap .event5 { background: linear-gradient(0deg, rgb(252 248 255) 0%, rgb(237 210 255) 100%); } 
.evSection.event.event5 .obj_cover .pattern_obj { top: -50%; } 

.eventWrap .evtoggleWarning .inner { padding: 0; } 
.warningList .f_dash li { padding-left: 16px; } 

@media screen and (max-width: 1200px){
 .btn-base-wrap + .share_base_wrap { margin-top: 4%; } 
.eventWrap .inner { padding: 11% 0; } 
.event_common .mini_tit { margin: 2% 0; } 
.event_common .gift_item_wrap { margin-top: 6%; margin-bottom: 4%; } 
.event_common .btn_shap { margin: 2% 0 5%; } 
.event_common .step_base_wrap .step_info dt { text-indent: -3%; padding-left: 3%; } 
.event_common .step_base_wrap .step_info dd { padding-left: 4%; } 

.eventWrap .fix_menu { width: 96%; } 
.fix_menu .grad_round { width: 100%; } 
.fix_menu ul { width: 100%; padding: 0 2%; gap: 2%; } 
.fix_menu ul li:nth-child(1) .flo_img { width: 36%; } 
.fix_menu.fixed.bottom { bottom: 6vw; } 

.gift_list_wrap { max-width: 100%; } 
.gift_list_wrap li { width: calc(31% - 10px); } 
.gift_list_wrap li.sp_ver { width: 35%; } 
.gift_list_wrap li .badge_sp { right: 12%; top: 14%; width: 21%; } 

.event2 .event_winner_wrap { height: auto; padding:10px 0; gap: 10px; margin-bottom: 6%; } 
.event2 .event_winner_wrap .box_wrap { gap:0 1vmin } 
.event2 .event_winner_wrap .win_con { width: fit-content; padding: 0 clamp(5px,2.5vmin,20px); } 
.event2 .event_winner_wrap p { font-size: clamp(12px, 2.9vmin, 24px); } 
.event2 .event_winner_wrap .win_con { font-size: clamp(12px, 2.7vmin, 22px); } 
.event2 .roulette_base_wrap .roulette_wrap .startBox .start_text .start_mini_tit { margin-bottom: 0%; } 
.event2 .roulette_base_wrap .roulette_wrap .startBox { top: 50%; width: 23vmin; } 
.event2 .sub_text { margin-bottom: 6%; } 
.event2 .btn-base.xl.black { margin-top: 4%; } 
 }

@media screen and (max-width: 992px){
 .event_common .gift_item_wrap .gift_item { gap: 2%; margin: 0 8%; } 

.fix_menu ul { height: 10vw; } 
.fix_menu li a { font-size: 14px; } 
.fix_menu.fixed.bottom { bottom: 8vw; } 

.event2 .roulette_base_wrap { padding: 0 11%; } 
 }

@media screen and (max-width: 768px){
 .event_common .gift_item_wrap { width: 100%; } 

.fix_menu .grad_round { border-radius: 12px; } 
.fix_menu ul { flex-wrap: wrap; height: auto;; border-radius: 10px; gap: 3px; padding: 1% 0.5%; align-content: center; } 
.fix_menu.one_list_ver ul { padding: 0.5%;}
.fix_menu li { flex: inherit; width: 49%; background: #d5f1ff; border-radius: 5px; } 
.fix_menu.one_list_ver li { width: 100%; } 
.fix_menu ul li .flo_img { display: none; } 
.fix_menu li a { padding: 2% 0; } 
.fix_menu.fixed.bottom { bottom: 10vw; } 

.gift_list_wrap { flex-wrap: wrap; } 
.gift_list_wrap li { width: 49%; } 
.gift_list_wrap li img { padding: 0 9%; } 
.gift_list_wrap li.sp_ver { width: 100%; order: 3; } 
.gift_list_wrap li.sp_ver .img { padding: 0 30%; } 
.gift_list_wrap li .badge_sp { right: 3%; top: 5%; width: 17%; } 

.event2 .roulette_base_wrap { padding: 0 7%; } 

.event3 .btn-base-wrap + .share_base_wrap { border-radius: 10px 10px 0 0; } 
.event3 .share_base_wrap .share_list li dl dd, .event3 .share_base_wrap .share_list.col4 li dl dd { width: auto; flex: 1; } 
.event3 .share_base_wrap + .regist_form_area { border-radius: 0 0 10px 10px; } 
 }

@media screen and (max-width: 576px){
 .eventWrap .con_tit { font-size: clamp(25px, 5.1vmin, 46px); } 
.event_common .gift_item_wrap .gift_item { margin: 0 3%; } 

.eventWrap .fix_menu { bottom: -3%; } 
.fix_menu.fixed.bottom { bottom: 11vw; } 

.gift_list_wrap li { border-radius: 8px; width: 48%; } 
.gift_list_wrap li img { padding: 0 0%; } 
.gift_list_wrap li.sp_ver .img { padding: 0px 24%; } 

.event2 .event_winner_wrap { flex-direction: column; } 
.event2 .roulette_base_wrap { padding: 0 1%; } 
.event2 .roulette_base_wrap .roulette_wrap .marker { width: 8vmin; } 
.event2 .roulette_base_wrap .roulette_wrap .startBox { width: 29vmin; } 
.event2 .event_winner_wrap .box_wrap { flex-wrap: wrap; } 
.event2 .event_winner_wrap p { width: 78%; text-align: center; margin: auto; justify-content: center; } 
.popuproulette { width: 96%; } 
.popuproulette .gift_pop_img { padding: 0 18%; } 

.event3 .regist_form_area, .event3 .comment_base_wrap .comment_list, .event3 .gallery_base_wrap, .review_base_wrap, .share_base_wrap { padding: 2%; } 
.event3 .share_base_wrap .share_list li dl { gap: 3px; } 
.event3 .share_base_wrap .share_list li dl dt, .event3 .share_base_wrap .share_list li dl dd { font-size: 11px; } 
.event3 .input-base-wrap.ver_input-btn .input-base { font-size: 12px; } 
 }

@media screen and (max-width: 430px){
 .container_info.ver_circle.horizon { justify-content: flex-start; margin-left: 2%; } 
 }