@charset "euc-kr";

/* À̺¥Æ® °øÅë css - µðÀÚÀÎÆÀ°ú ÇùÀÇÇÑ ³»¿ë(Ç¥ÁؾÈ) */
:root {
    /* »ö»ó Á¤ÀÇ */
    --color-red: #ff0000;
    --color-pink: #e45c6c;
    --color-blue: #0082ff;
    --color-blue-2: #0096ff;
    --color-black: #000000;
    --color-black-2: #111111;
    --color-gray: #777777;
    --color-gray-2: #999999;
    --color-white: #ffffff;
    --color-light: #f5f5f5;
    --color-light-2: #f8f8f8;

    --border-color: #e5e5e5;
    --border-color-2: #ececec;

    --label-color: #ffffff; /* º¸´õ ¶óº§ÀÇ BG »ö»ó Á¤ÀÇ */
}

/* S: °øÅë Ä÷¯(¹è°æ, ÅؽºÆ®) */
.bg_blue { background-color:var(--color-blue); }
.bg_blue_2 { background-color:var(--color-blue-2); }
.bg_black { background-color:var(--color-black); }
.bg_black_2 { background-color:var(--color-black-2); }
.bg_white { background-color:var(--color-white); }
.bg_red { background-color:var(--color-red); }

.tx_blue { color:var(--color-blue); }
.tx_blue_2 { color:var(--color-blue-2); }
.tx_black { color:var(--color-black); }
.tx_black_2 { color:var(--color-black-2); }
.tx_white { color:var(--color-white); }
.tx_red { color:var(--color-red); }
/* E: °øÅë Ä÷¯(¹è°æ, ÅؽºÆ®) */

.con_tit .evt_mark{font-size:28px;font-weight:900;box-shadow:none;margin-bottom:30px;min-width:140px;border-radius:35px;padding: 5px 20px 6px 20px;letter-spacing: 0px;}
.con_tit .evt_mark::after{border-left:0;border-right-width:12px;margin-left:0;border-top-width:6px;bottom:-6px;} 
.con_tit .evt_mark.c_blue{color:var(--color-blue);}
.con_tit .evt_mark.c_black{color:var(--color-black-2);}
.con_tit .evt_mark.c_pink{color:var(--color-pink);}
.con_tit .evt_mark.bg_white {background-color: var(--color-white);}
.con_tit .evt_mark.bg_blue{background-color:var(--color-blue);}
.con_tit .evt_mark.bg_blue::after{border-top-color:var(--color-blue);}

.con_tit .evt_mark.type_b {box-shadow: inset 0 0 0 3px;background-color:var(--label-color);}
.con_tit .evt_mark.type_b::before {content: ''; display: block; position: absolute; left: 50%; bottom: -2px; width: 0; height: 0; margin-left: 3px; border-top: 5px solid #fff; border-right: 8px solid transparent; z-index: 1; border-top-color: var(--label-color); }
.con_tit .evt_mark.type_b.c_blue::after {border-top-color: var(--color-blue);}
.con_tit .evt_mark.type_b.c_white::after {border-top-color: var(--color-white);}

.con_tit .mini_tit + strong{display:block;margin-top:10px;}
.con_tit + .mini_tit{margin-top:20px;}

.con_tit .end { width: min(25vw, 200px); height: min(25vw, 200px); } 
.con_tit .end::after { background-color:var(--color-red); -webkit-mask-size: 100%; mask-size: cover; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; -webkit-mask-image: url('https://img.megagong.net/common/event_end_standard.svg'); mask-image: url('https://img.megagong.net/common/event_end_standard.svg'); } 
.con_tit .end.sale::after { background-color:var(--color-black); -webkit-mask-image: url('https://img.megagong.net/common/sale_end_standard.svg'); mask-image: url('https://img.megagong.net/common/sale_end_standard.svg'); } 
.con_tit .evt_badge { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 50px; font-weight: 700; color: #fff; background: linear-gradient(90deg, rgba(248,118,134,1) 0%, rgba(230,81,98,1) 100%); border-radius: 50%; }
.con_tit .evt_badge span { display: block; }
.con_tit .evt_badge.type-1 { width: 120px; height: 120px; left: -45px; }
.con_tit .evt_badge.type-1 span { font-size: 20px; }
.con_tit .evt_badge.type-2 { width: 170px; height: 170px; flex-direction: column; cursor: pointer; left: -100px; }
.con_tit .evt_badge.type-2 span.txt1 { font-size: 14px; font-weight: 400; }
.con_tit .evt_badge.type-2 span.txt2 { margin-top: 7px; font-size: 16px; font-weight: 700; }
.con_tit .evt_badge.type-2 span.btn { display: inline-block; background-color: #fff; font-size: 11px; color: var(--color-pink); padding: 1px 10px; border-radius: 15px; margin-top: 10px; }
.evt_badge_finish { width: min(25vw, 200px); height: min(25vw, 200px); display: block; background-color:var(--color-red); -webkit-mask-size: 100%; mask-size: cover; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; -webkit-mask-image: url('https://img.megagong.net/common/event_finish_standard.svg'); mask-image: url('https://img.megagong.net/common/event_finish_standard.svg'); position: absolute; }
.evt_badge_finish.sm { width: min(10vw, 80px); height: min(10vw, 80px); }

.container_info_wrap { margin-top: 30px; }
.container_info { font-size: 16px; }
.container_info.ver_circle { gap: 10px; flex-direction: column; align-items: flex-start; }
.container_info.ver_circle .info { width: auto; }
.container_info.ver_circle .info .info_title { background-color: var(--color-black-2);  width: 114px; font-weight: 500; line-height: 31px;padding : 0px 0px 1px 0px;/*line-height: 30px; */ height: 32px;display: flex; align-items: center; justify-content: center; }
.container_info.ver_circle .info .info_date{display: flex; align-items: center; gap: 5px 10px ; height: auto;flex-wrap: wrap;}
.container_info.ver_circle .info .info_date:has(br){padding-top: 3px;}
.container_info .info .noti { font-size: 13px; color: var(--color-gray); margin-left: 0; padding-left: 13px; font-weight: 400; }
.container_info .info .noti::before { content: '\203B'; top: 1px; }
.container_info.ver_circle.horizon { gap: 10px 30px; flex-direction: row; }

.gift_full_wrap, .gift_list_wrap { max-width: 1000px; margin: 60px auto 0; position: relative; }
.gift_list_wrap { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.gift_list_wrap li {position: relative;background-color: var(--color-white);padding: 35px 0 25px;flex-shrink: 0;border-radius: 3px;overflow: hidden;width: 320px;}
.gift_list_wrap.col4 { flex-wrap: nowrap; }
.gift_list_wrap li .badge { display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; right: 10px; top: 0; width:60px; height: 60px; border-radius: 0 0 30px 30px; padding-bottom: 7px; font-size: 14px; color: var(--color-white); background-color: var(--color-blue); }
.gift_list_wrap li .badge strong { font-size: 16px; font-weight: 700; line-height: 1; }
.gift_list_wrap li .img, .gift_list_wrap li .name{display:block;}
.gift_list_wrap li .name{font-size:14px;color:var(--color-gray);line-height:1.4;margin-top:20px;}
.gift_list_wrap li .state{font-size:14px;font-weight:500;color:var(--color-gray);}
.gift_list_wrap li .state em{font-weight:700;color:var(--color-blue);font-style:normal;}
.gift_list_wrap li .ticket{display:flex;align-items:center;font-size:16px;font-weight:500;color:var(--color-black-2);justify-content: center;gap: 6px;}
.gift_list_wrap li .ticket::before{content:'';display:block;width:44px;height:31px;background: url(https://img.megagong.net/common/ico_ticket.png) 50% 50% no-repeat;}
.gift_list_wrap li.inc_label{padding: 0;background-color: transparent;}
.gift_list_wrap li.inc_label .label{padding:13px 10px;font-size:20px;color:#fff;font-weight:900;margin-bottom:8px;background-color: #111;display:block;border-radius: 3px;}
.gift_list_wrap li.inc_label .cover{padding: 35px 0 25px;background-color: var(--color-white);border-radius: 3px;position: relative;}
.gift_list_wrap.type_apply li{padding-bottom:0;}
.gift_list_wrap.type_apply li .name {margin-top:0;}
.gift_list_wrap.type_apply li .btn-base{margin-top:30px;width:100%;}
.gift_list_wrap.type_apply li .btn-base > a{border-radius:0;width:100%;}
.gift_item_wrap { margin-top: 100px; text-align: center; }
.gift_item_wrap .gift_item { display: inline-block; position: relative; }

.eventWrap .evSection.event { background-position: 50% 0; }
.evSection.event { padding: 160px 0; position: relative; }
.evSection.event .bg_shadow { display: block; width: 100%; height: 390px; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); background-size: auto 100%; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(https://img.megagong.net/common/bg_shadow_line.png); }
.evSection.event .obj_cover { position: relative; } 
.evSection.event .obj_cover + * { position: relative; }
.evSection.event .obj_cover .partc_obj, .evSection.event .obj_cover .pattern_obj { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1200px; z-index: 0; opacity: 0.8; pointer-events: none; }
.evSection.event .obj_cover .partc_obj { mix-blend-mode: screen; } 
.evSection.event .obj_front { z-index: 1; }
.btn-base-wrap { margin-top: 40px; position: relative; }

.gift_result_base { display: flex; flex-direction: column; width: 94px; height: 94px; background-color: rgba(0, 0, 0, 0.8); position: absolute; right: -40px; top: -40px; border-radius: 50%; justify-content: center; align-items: center; color: var(--color-white); }
.gift_result_base .label { font-size: 14px; }
.gift_result_base .num { font-size: 18px; font-weight: 700; }
.gift_result_base.sm{width:80px;height:80px;}
.gift_result_base.sm .num{font-size:14px;}

.mega_card_wrap { width:460px; height: 230px; background: url(https://img.megagong.net/common/bg_card_mega_lg.png) 0 0 no-repeat; text-align: left; padding: 30px 50px 25px; display: flex; flex-direction: column; justify-content: space-between; color: var(--color-white); margin: 120px auto 0; position: relative; }
.mega_card_wrap .date { font-size: 18px; font-weight: 500; opacity: 0.6; }
.mega_card_wrap .card span, .mega_card_wrap .card strong { display: block; }
.mega_card_wrap .card .txt { font-size: 26px; font-weight: 700; }
.mega_card_wrap .card .name { font-size: 42px; font-weight: 700; }
.mega_card_wrap .card .tiny { font-size: 13px; opacity: 0.6; }
.mega_card_wrap + .btn-base-wrap { margin-top: 60px; }
.mega_card_wrap.ver_npay { background: none; padding: 0; height: auto; width: 432px; }
.mega_card_wrap.ver_npay .gift_result_base{ background-color: rgba(2, 222, 88, 0.8); }
.mega_card_wrap .tail{ text-align:center; font-size:14px; color:rgba(255, 255, 255, 0.6); margin-top: 30px; }

.evt_tit_base { font-size: 18px; font-weight: 700; color: var(--color-black); }
.evt_tit_base.primary, .evt_tit_base .primary { color: var(--color-blue); }
.evt_con_base { font-size: 16px; color: var(--color-black-2); }
.evt_tit_base + .evt_con_base { margin-top: 10px; }
.evt_con_base.sm { font-size: 14px; color: var(--color-gray); }
.evt_con_base.xs { font-size: 13px; color: var(--color-gray-2); }
.evt_tit_base + .evt_con_base.sm { margin-top: 5px; }

.step_base_wrap { padding: 30px; background-color: var(--color-white); margin-top: 40px; }
.step_base_wrap .step_con { font-size: 16px; color: var(--color-black-2); margin-top: 10px; }
.step_base_wrap .step_info { margin-top: 10px; }
.step_base_wrap .step_info dt { font-size: 16px; font-weight: 700; color: var(--color-blue); }
.step_base_wrap .step_info dd { font-size: 14px; color: var(--color-gray); margin-top: 8px; }
.step_base_wrap .step_list { display: flex; gap: 20px; width: 100%; margin-top: 20px; }
.step_base_wrap .step_list li { flex: 1; display: flex; flex-direction: column; }
.step_base_wrap .step_list li .box_area { border: 1px solid var(--border-color-2); padding: 30px; border-radius: 3px; flex-grow: 1; }
.step_base_wrap .step_list li .box_area span { display: block; }
.step_base_wrap .step_list li .box_area .label { font-size: 16px; font-weight: 700; color: var(--color-black-2); }
.step_base_wrap .step_list li .box_area .label.c_blue { color: var(--color-blue); }
.step_base_wrap .step_list li .box_area .ico { margin-top: 15px; }
.step_base_wrap .step_list li .box_area .txt { font-size: 16px; color: var(--color-black-2); margin-top: 10px; }
.step_base_wrap .step_list li .box_area + .btn-base { margin-top: 15px; width: 100%; }
.step_base_wrap .step_list li .box_area + .btn-base > * { width:100%; }
.step_base_wrap .step_warning { font-size: 13px; color: #999; margin-top: 10px; text-align: left; }
.step_base_wrap .hashtag { font-size: 13px; color: var(--color-blue); display: block; margin-top: 8px; }

.regist_form_area, .comment_base_wrap .comment_list, .gallery_base_wrap, .review_base_wrap, .share_base_wrap { padding: 30px 40px; border-radius: 3px; color:#000}

.regist_form_area { background-color: var(--color-blue); }
.regist_form_area .check_area { display: flex; justify-content: space-between; margin-top: 8px; gap: 10px; align-items: flex-start; padding-right: 25px; }
.regist_form_area .check_area.pr0 { padding-right: 0; }
.regist_form_area .check_area .info { font-size: 13px; color: var(--color-white); opacity: 0.6; text-align: left; }
.regist_form_area .check_area .check-base label { color: var(--color-white); font-weight: 400; }
.regist_form_area .check_area > .btn-base{flex-shrink:0;}

.comment_base_wrap .comment_list { background-color: var(--color-white); margin-top: 6px; }
.comment_base_wrap .comment_list .paging { text-align: center; }

.gallery_base_wrap { background-color: var(--color-white); position: relative; }
.gallery_base_wrap .table-order { position: absolute; right: 40px; top: 40px; }
.gallery_base_wrap .gallery_list { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 20px; }
.gallery_base_wrap .gallery_list > li { padding: 10px; border-radius: 3px; border:1px solid var(--border-color-2); width: calc(33.333% - 13.333px); }
.gallery_base_wrap .gallery_list > li .img { border:1px solid var(--border-color); background-color: var(--color-light); padding:0 0 63.235% 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.gallery_base_wrap .gallery_list > li .con { font-size: 15px; color: var(--color-black-2); text-align: left; margin-top: 15px; height: 170px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8;-webkit-box-orient: vertical; overflow: hidden; }
.gallery_base_wrap .gallery_list > li .bottom_area { display: flex; justify-content: space-between; margin-top: 10px; flex-wrap: wrap; }
.gallery_base_wrap .gallery_list > li .bottom_area .author { display: flex; }
.gallery_base_wrap .gallery_list > li .bottom_area .author li { font-size: 15px; color: var(--color-black-2); padding-left: 18px; margin-left: 17px; position: relative; }
.gallery_base_wrap .gallery_list > li .bottom_area .author li:first-child { padding-left: 0; margin-left: 0; }
.gallery_base_wrap .gallery_list > li .bottom_area .author li::before { content: ''; display: inline-block; width: 1px; height: 12px; background-color: var(--border-color-2); position: absolute; left : 0; top: 6px; }
.gallery_base_wrap .gallery_list > li .bottom_area .author li:first-child::before { display: none; }
.gallery_base_wrap .paging { text-align: center; }
.gallery_base_wrap .no-data-base { border: 1px solid #ececec; margin-top: 30px; }

.review_base_wrap { background-color: var(--color-white); position: relative; }
.review_base_wrap .board-list-wrap { margin-top: 20px; }
.review_base_wrap .paging { text-align: center; }

.share_base_wrap { background-color: var(--color-white); position: relative; }
.btn-base-wrap + .share_base_wrap { margin-top: 60px; }
.share_base_wrap + .regist_form_area { margin-top: 6px; }
.share_base_wrap .share_list li { margin-top: 15px; }
.share_base_wrap .share_list li:first-child { margin-top: 0; }
.share_base_wrap .share_list li dl { display: flex; gap: 8px; }
.share_base_wrap .share_list li dl dt { background-color: #111; color: #fff; width: 175px; }
.share_base_wrap .share_list li dl dd { background-color: #fff; color: #111; }
.share_base_wrap .share_list li dl dt, .share_base_wrap .share_list li dl dd { border: 1px solid #111111; border-radius: 3px; font-size: 13px; font-weight: 500; }
.share_base_wrap .share_list li dl dd { width: 157px; }
.share_base_wrap .share_list.col4 li dl dt { width: 180px; }
.share_base_wrap .share_list.col4 li dl dd { width: 197px; }
.share_base_wrap .share_list li dl dd a { display: block; }
.share_base_wrap .share_list li dl dt, .share_base_wrap .share_list li dl dd a { padding: 9px 2px }
.share_base_wrap .share_list li dl dd.blank { opacity: 0; }
.share_base_wrap .share_list li dl dd.blank a { cursor: default; }
#popupViewUrl [class*=board-list-wrap].tb_scroll { margin-top: 30px; }
#popupViewUrl .paging { text-align: center; }

.share_link_wrap { display: flex; justify-content: center; align-items: center; background: #fff; padding: 38px 0; margin-bottom: 40px; } 
.share_link_wrap li { position: relative; } 
.share_link_wrap li .share_img { margin-bottom: 10px; position: relative; padding: 0 40px; } 
.share_link_wrap li .share_img::after { content: ''; width: 1px; height: 41px; background: #e3e3e3; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); display: block; } 
.share_link_wrap li:last-child .share_img::after { display: none; } 

.click_base_wrap .click_wrap { display: flex; margin: 0 auto; max-width: 1000px; }
.click_base_wrap .click_wrap .book_area, .click_base_wrap .click_wrap .regist_area { flex: 1; display: flex; align-items: center; }
.click_base_wrap .click_wrap .book_area { justify-content: center; }
.click_base_wrap .click_wrap .count_area { background-color: #fff; padding: 30px 85px; width: 100%; position: relative; }
.click_base_wrap .click_wrap .count_area .evt_badge_finish { right: -80px; top: -80px; }
.click_base_wrap .count_area .evt_tit_base.primary { margin-top: 15px; }
.click_base_wrap .count_area .count { display: flex; border: 2px solid var(--color-black-2); border-radius: 3px; line-height: 1; margin-top: 10px; }
.click_base_wrap .count_area .count span { display: flex; font-size: 110px; font-weight: 900; color: var(--color-black-2); width: 33.333%; line-height: 1; justify-content: center; align-items: center; border-left: 2px solid var(--color-black-2); padding: 10px 0 20px; }
.click_base_wrap .count_area .count span:first-child { border-left: 0; }
.click_base_wrap .count_area .btn-base.xl { margin-top: 20px; }
.click_base_wrap .count_area .btn-base.xl, 
.click_base_wrap .count_area .btn-base.xl > *{width:100%;}
.click_base_wrap .count_area .evt_con_base.xs { margin-top:10px; }
.click_base_wrap .count_area .evt_con_base.xs + .btn-base{margin-top:10px;}

.click_base_wrap .result_wrap { padding: 30px 40px; background-color: var(--color-white); border-radius: 3px; }
.click_base_wrap .result_list { display: flex; gap: 0 8px; flex-wrap: wrap; }
.click_base_wrap .result_list li { font-size: 14px; font-weight: 700; flex: 1; border: 1px solid var(--border-color-2); border-radius: 3px; position: relative; overflow: hidden; }
.click_base_wrap .result_list li .dimm { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }
.click_base_wrap .result_list li dt, .click_base_wrap .result_list li dd { padding: 20px 10px; }
.click_base_wrap .result_list li dt { color: var(--color-gray); background-color: var(--color-light-2); border-bottom: 1px solid var(--border-color-2); }
.click_base_wrap .result_list li dd { color: var(--color-black-2); }
.click_base_wrap .result_list li .evt_badge_finish { left: 50%; top: 50%; transform: translate(-50%, -50%); }
.click_base_wrap .result_wrap .info { font-size: 13px; color: var(--color-gray-2); text-align: left; margin-top: 10px; }

.click_admin_wrap{padding: 30px 0;}
.click_admin_wrap .click_admin_title{display:flex;justify-content: center;gap: 0 30px;}
.click_admin_wrap .click_admin_title .click_title{display: flex;align-items: center; gap: 0 10px;}
.click_admin_wrap .table-base-wrap{margin-top:30px;}

.roulette_base_wrap .roulette_wrap { position: relative; }
.roulette_base_wrap .roulette_wrap .marker { position: absolute; top: -5%; left: 50%; width: 5vmin; max-width: 46px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; }
.roulette_base_wrap .roulette_wrap .roulette { width: fit-content; border-radius: 50%; -webkit-box-shadow: 0 13px 21px 0 rgba(134, 134, 134, 0.26); box-shadow: 0 13px 21px 0 rgba(134, 134, 134, 0.26); margin: 0 auto; overflow: hidden; }
.roulette_base_wrap .roulette_wrap .startBox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.roulette_base_wrap .roulette_wrap .startBox a { display: block; }

.info_base_wrap { background-color: var(--color-white); padding: 30px; border-radius: 3px; max-width: 1000px; margin-top: 60px; }
.info_base_wrap dl { display: flex; justify-content: center; gap: 0 60px; align-items: center; margin-top: 20px; }
.info_base_wrap dl dd { text-align: left; width: 270px; flex-shrink: 0; }
.info_base_wrap dl dd .tit { font-weight: 700; }
.info_base_wrap dl dd .result { font-weight: 700; }
.info_base_wrap dl dd .result em { font-weight: 900; font-style: normal; color: var(--color-blue); }
.info_base_wrap dl dd .btn-base { margin-top: 20px; }

.evtoggleWarning p.w_tit { background-color: var(--color-black-2); font-weight: 500; }
.evtoggleWarning p.w_tit i { font-style: normal; transition: transform 0.2s; margin-right: 0; position: relative; }
.evtoggleWarning.on p.w_tit i { transform: rotate(180deg) translateY(-5%); }
.warningList li { color: var(--color-gray); font-family: 'Noto Sans KR'; font-size: 13px; }
.warningList .f_dash li { padding-left: 9px; }
.warningList li .s_tit { font-size: 14px; }
.warningList li ul li a { font-size: 13px; font-weight: 700; color: var(--color-blue); padding: 0; }

.dim-base-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 2;}
.dim-base-wrap p{color:var(--color-white);}
.dim-base-wrap p a{color: var(--color-blue-2);}
.click_base_wrap .dim-base-wrap{display:flex;flex-direction: column;gap:15px 0;}

.review_swiper_base_wrap{position: relative;}
.review_swiper_base{overflow:hidden;}
.review_swiper_base .swiper-pagination{display:none;}
.review_swiper_base .swiper-wrapper{align-items: stretch;}
.review_swiper_base .swiper-slide{padding:30px;background-color:#fff;border:1px solid #eaeaf0;border-radius:10px;height:auto;}
.review_swiper_base .swiper-slide .tit{color:#111;}
.review_swiper_base .swiper-slide .desc{color:#898989;margin-top:30px;}
.review_swiper_base_wrap .swiper-button-next{transform:rotate(180deg);}
.review_swiper_base_wrap [class*=swiper-button-]:after{display:none;}
.review_swiper_base_wrap [class*=swiper-button-].type-1{width:50px;height:98px;background-color:#262626; -webkit-mask-size: 100%; mask-size: cover; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; -webkit-mask-image: url('https://img.megagong.net/common/slide_btn_arrow_type1.svg'); mask-image: url('https://img.megagong.net/common/slide_btn_arrow_type1.svg');margin-top:-49px;}
.review_swiper_base_wrap [class*=swiper-button-].type-2{width:50px;height:50px;background-color:var(--color-black);border-radius:50%;background-position:50% 50%;background-repeat:no-repeat;background-image:url(https://img.megagong.net/common/slide_btn_arrow_type2.png);margin-top:-25px;}
.review_swiper_base_wrap .swiper-button-prev{left:-120px;}
.review_swiper_base_wrap .swiper-button-next{right:-120px;}

/* pagination */
.review_swiper_base_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 15px; z-index: 2; display: none; } 
.review_swiper_base_wrap .swiper-pagination-bullet { background: #ccc; opacity: 1; width: 12px; height: 12px; transition: all .5s ease; } 
.review_swiper_base_wrap .swiper-pagination-bullet-active { background: var(--color-blue);width: 20px;border-radius: 30px;} 

/* purchase */
.purchase_base_list > li{margin-top:30px;position: relative;}
.purchase_base_list > li:first-child{margin-top:0;}
.purchase_base_list > li .purchase_detail_wrap{overflow:hidden;display:flex;border:1px solid #000;border-radius: 20px;text-align:left;background-color: var(--color-white);}
.purchase_base_list > li .purchase_detail_area{flex:1 1 auto;}
.purchase_base_list > li .purchase_detail{padding:50px 50px 40px;}
.purchase_base_list > li .purchase_btn_area{flex:0 0 150px;display: flex;flex-direction: column;}
.purchase_base_list > li .purchase_btn{display:flex;align-items: center;justify-content: center;background-color: var(--color-black-2);font-size:16px;color:#fff;font-weight:700;width: 100%;flex-grow: 1;}
.purchase_base_list > li .purchase_btn.lighter{background-color: #232323;}
.purchase_base_list > li .purchase_btn span{display:flex;gap:0 5px;align-items: center;}
.purchase_base_list > li .purchase_btn span::after{content:'';display:inline-block;width:4px;height:8px;background:url('https://img.megagong.net/common/btn_arrow.svg') 50% 50% no-repeat;}
.purchase_base_list > li .purchase_info .label{font-size:12px;font-weight:700;color:#fff;padding:5px 10px;background-color: var(--color-black-2);border-radius:28px;}
.purchase_base_list > li .purchase_info .tit{font-weight:700;color:var(--color-black-2);margin-top:10px;}
.purchase_base_list > li .purchase_info .tiny{font-size:11px;color:#999;font-weight:500;display:block;margin-top:10px;}
.purchase_base_list > li .pkg_detail{margin-top:20px;}
.purchase_base_list > li .pkg_detail .p_tit{font-size:16px;font-weight:700;color:var(--color-black-2);}
.purchase_base_list > li .pkg_detail .p_list{margin-top:15px;}
.purchase_base_list > li .pkg_detail .p_list li{padding-left: 17px; position: relative; font-size: 15px; color:var(--color-black-2);margin-top:10px;}
.purchase_base_list > li .pkg_detail .p_list li:first-child{margin-top:0;}
.purchase_base_list > li .pkg_detail .p_list li::before { content: ''; display: block; width: 12px; height: 11px; -webkit-mask-size: 100%; mask-size: cover; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; -webkit-mask-image: url('https://img.megagong.net/common/ic_pkg_arrow.svg'); mask-image: url('https://img.megagong.net/common/ic_pkg_arrow.svg'); background-color:var(--color-black-2); position: absolute; left: 0; top: 6px;} 
.purchase_base_list > li .purchase_chk {padding: 17px 50px;background-color: #ECECEC;display: flex; gap: 0 6px;align-items: center;}
.purchase_base_list > li .purchase_chk .chk-base{height: auto;display: flex;}
.purchase_base_list > li .purchase_chk .chk-base label{vertical-align: top;}
.purchase_base_list > li .purchase_chk .btn{display: inline-block; font-size: 12px; color: #777; padding: 1px 5px;border: 1px solid #777;font-family:'Noto Sans KR';flex-shrink: 0;}
.purchase_base_list > li .purchase_price {display: flex; flex-direction: column; align-items: flex-end;}
.purchase_base_list > li .purchase_price .badge{display: inline-block;background-color: #ff2c2c;padding: 5px 15px;font-size: 14px;color:#fff;font-weight:700;border-radius:20px;}
.purchase_base_list > li .purchase_price .price_area{margin-top:10px;display:flex;align-items: flex-end;gap: 0 10px;}
.purchase_base_list > li .purchase_price .price_area .before{font-size:15px;font-weight:700;color:#999;text-decoration: line-through;}
.purchase_base_list > li .purchase_price .price_area .current{font-weight:700;color:#ff2c2c;}
.purchase_base_list > li .end { width: min(22vw, 177px); height: min(22vw, 177px); display: inline-block; -webkit-mask-size: 100%; mask-size: cover; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; -webkit-mask-image: url('https://img.megagong.net/common/event_sale_end.svg'); mask-image: url('https://img.megagong.net/common/event_sale_end.svg'); background-color:var(--color-red); position: absolute; right: 99px; top: -39px; } 

@media screen and (max-width: 1400px) {
    .gift_list_wrap.col4 { flex-wrap: wrap; }
    .gift_list_wrap.col4 li {width: calc(25% - 15px);}
}

@media screen and (max-width: 1200px) {
    .evSection.event { padding: 16% 0; }
    .evSection.event .bg_shadow { display: none; }
    .evSection.event .obj_cover .partc_obj { width: 110%; } 
    .evSection.event .obj_cover .pattern_obj { width: 110%; } 
    .con_tit .evt_badge.type-1 { left: 0; top: 0; }
    .con_tit .evt_badge.type-2 { left: 0; top: -30px; }

    .regist_form_area, .comment_base_wrap .comment_list, .gallery_base_wrap, .review_base_wrap, .share_base_wrap { padding: 30px; }
    .gift_list_wrap { gap: 15px; }
    .gift_list_wrap li {width: calc(33.333% - 10px);}
    .gift_list_wrap li.inc_label .label{font-size:18px;padding:10px 5px;}
    .gift_full_wrap, .gift_list_wrap { margin-top: 6%; }
    .btn-base-wrap { margin-top: 4%; }

    .mega_card_wrap { width: 346px; height: 173px; background: url(https://img.megagong.net/common/bg_card_mega_md.png) 0 0 no-repeat; padding: 20px 40px 30px; margin-top: 12%; }
    .mega_card_wrap .date { font-size: 13px; }
    .mega_card_wrap .card .txt { font-size: 19px; }
    .mega_card_wrap .card .name { font-size: 34px; }
    .mega_card_wrap .card .tiny { display: none; }
    .mega_card_wrap.ver_npay {width: 360px;}
    .gift_result_base { width: 80px; height: 80px; }
    .gift_result_base .num { font-size: 16px; }

    .gift_item_wrap { margin-top: 10%; }
    .container_info.ver_circle .info .info_date:has(br){padding-top: 0;}

    .step_base_wrap { margin-top: 4%; }
    .step_base_wrap .step_list { gap: 15px; }

    .gallery_base_wrap .gallery_list { gap: 15px; }
    .gallery_base_wrap .gallery_list > li {width: calc(33.333% - 10px);}
    .gallery_base_wrap .gallery_list > li .bottom_area .author li { padding-left:11px; margin-left:10px; font-size: 14px; }
    .gallery_base_wrap .gallery_list > li .con { font-size: 14px;  height: 155px;}

    .click_base_wrap .click_wrap .count_area { padding: 30px 50px; }
    .click_base_wrap .click_wrap .count_area .evt_badge_finish { right: 0; }
    .click_base_wrap .count_area .count span { font-size: 80px; }
    
    .click_base_wrap .result_list { gap: 8px; }
    .click_base_wrap .result_list li { flex: none; width: calc(20% - 7px); } 


    .roulette_base_wrap .roulette_wrap .marker { -webkit-transform: translate(-50%, -10%); transform: translate(-50%, -10%); }
    .roulette_base_wrap .roulette_wrap .startBox { width: 20vmin; top: calc(50% + 3vmin); }

    .info_base_wrap { margin-top: 6%; }

    .share_base_wrap .share_list li dl dt{width:16.666%;}
    .share_base_wrap .share_list li dl dd{width:calc(16.666% - 8px);}
    .share_base_wrap .share_list.col4 li dl dt{width:20%;}
    .share_base_wrap .share_list.col4 li dl dd{width:calc(20% - 8px);}

    .share_link_wrap { padding: 3% 2%; margin-bottom: 4%; } 
    .share_link_wrap li { flex: 1; } 
    .share_link_wrap li .share_img { margin-bottom: 4%; padding: 0 0%; } 

    .review_swiper_base .swiper-pagination{display: flex;}
    .review_swiper_base_wrap [class*=swiper-button-]{display:none;}

    .purchase_base_list > li .purchase_detail{padding:40px 40px 30px;}
    .purchase_base_list > li .purchase_chk{padding:17px 40px;}
}

@media screen and (max-width: 992px) {
    .click_base_wrap .click_wrap { padding: 0; }
    .purchase_base_list > li .purchase_detail{padding:30px 30px 20px;}
    .purchase_base_list > li .purchase_chk{padding:15px 30px;}
}

@media screen and (max-width: 768px) {
    .con_tit .evt_mark { font-size: 24px; padding: 6px 10px; }
    .con_tit .evt_badge.type-1 { width: 100px; height: 100px; }
    .con_tit .evt_badge.type-1 span { font-size: 18px; }
    .con_tit .evt_badge.type-2 { width: 150px; height: 150px; }
    .con_tit .evt_badge.type-2 span.txt1 { font-size: 12px; }
    .con_tit .evt_badge.type-2 span.txt2 { font-size: 14px; }

    .evt_tit_base { font-size: 16px; }
    .evt_con_base { font-size: 14px; }

    .container_info_wrap { font-size: 18px; }
    .container_info.ver_circle .info .info_title { width: 100px; }
    .container_info { font-size: 14px; }

    .regist_form_area, .comment_base_wrap .comment_list, .gallery_base_wrap, .review_base_wrap, .share_base_wrap { padding: 20px; }

    .gift_item_wrap { width: 60%; margin: 10% auto 0; }

    .gift_list_wrap { gap: 10px; }
    .gift_list_wrap li .name { font-size: 13px; }
    .gift_list_wrap li .badge { width: 50px; height: 55px; right: 5px; }
    .gift_list_wrap li .badge strong { font-size: 14px; }
    .gift_list_wrap li.inc_label .label{font-size:16px;}
    .gift_list_wrap.type_apply li .btn-base { margin-top: 20px; }

    .mega_card_wrap { width: 255px; height: 128px; background: url(https://img.megagong.net/common/bg_card_mega_sm.png) 0 0 no-repeat; padding: 15px 30px 20px; }
    .mega_card_wrap .card .txt { font-size: 14px; }
    .mega_card_wrap .card .name { font-size: 25px; }
    .mega_card_wrap .date { font-size: 10px; }
    .mega_card_wrap.ver_npay {width: 300px;}

    .gift_result_base { width: 60px; height: 60px; right: -20px; top: -20px; }
    .gift_result_base .label { font-size: 12px; }
    .gift_result_base .num { font-size: 14px; }
    
    .gift_list_wrap li, .gift_list_wrap.col4 li { width: calc(50% - 5px); }

    .step_base_wrap { padding: 20px; }
    .step_base_wrap .step_list { gap: 10px; }
    .step_base_wrap .step_list li .box_area .label { font-size: 14px; }
    .step_base_wrap .step_list li .box_area { padding: 20px;  }
    .step_base_wrap .step_list li .box_area + .btn-base { margin-top: 10px; }
    .step_base_wrap .step_list li .box_area .txt { font-size: 14px; }
    .step_base_wrap .hashtag { font-size: 12px; margin-top: 4px; }
    .step_base_wrap .step_info dt { font-size: 14px; }
    .step_base_wrap .step_info dd { font-size: 12px; }

    .gallery_base_wrap .table-order { right: 20px; top: 50px; }
    .gallery_base_wrap .gallery_list { display: block; margin-top: 30px; }
    .gallery_base_wrap .gallery_list > li { margin-top: 10px; width: 100%; }
    .gallery_base_wrap .gallery_list > li:first-child { margin-top: 0; }

    .share_base_wrap .share_list li dl {flex-wrap: wrap;align-items: stretch;}
    .share_base_wrap .share_list li dl dt, .share_base_wrap .share_list.col4 li dl dt { width: 100%; }
    .share_base_wrap .share_list li dl dd, .share_base_wrap .share_list.col4 li dl dd {width: calc(33.333% - 5.4px);flex-shrink: 0;flex-grow: 0;display: flex;align-items: center;justify-content: center;}

    .share_link_wrap li .share_img { padding: 0 25%; } 

    .regist_form_area .check_area .info { font-size: 12px; }
    .click_base_wrap .click_wrap { display: block; margin-bottom: 30px; }
    .click_base_wrap .click_wrap .book_area { width: 70%; margin: 0 auto; }
    .click_base_wrap .result_wrap .info { font-size: 12px; }

    .info_base_wrap { padding: 20px; }
    .info_base_wrap dl { gap: 0 30px; }

    .purchase_base_list > li .pkg_detail .p_list li{font-size: 14px;margin-top:7px;}
    .purchase_base_list > li .pkg_detail .p_list li::before{top:4px;}
    .purchase_base_list > li .purchase_detail_wrap{display: block;}
    .purchase_base_list > li .purchase_detail{padding:30px;}
    .purchase_base_list > li .purchase_price{margin-top:10px;}
    .purchase_base_list > li .purchase_btn{padding: 20px;}
    .purchase_base_list > li .end{right: 30px;}
    .purchase_base_list > li .purchase_chk{padding:15px 20px;}
    .purchase_base_list > li .purchase_btn_area{flex-direction: row;}
}

@media screen and (max-width: 576px) { 
    .evSection.event .obj_cover .partc_obj { width: 180%; } 
    .con_tit .evt_mark { font-size: 20px; min-width: 120px; }
    .con_tit .evt_badge.type-1 { width: 80px; height: 80px; top:-20px}
    .con_tit .evt_badge.type-1 span { font-size: 14px; }
    .con_tit .evt_badge.type-2 { width: 130px; height: 130px; top: -40px; }
    .con_tit .evt_badge.type-2 span.txt1 { font-size: 11px; }
    .con_tit .evt_badge.type-2 span.txt2 { font-size: 13px; }
    .con_tit .evt_badge.type-2 span.btn { font-size: 10px; }
    
    .gift_list_wrap li .name { font-size: 12px; }
    .gift_list_wrap li .badge { height: 50px; font-size: 13px; }
    .gift_list_wrap li .badge strong { font-size: 13px; }
    .step_base_wrap .step_list { display: block; }
    .step_base_wrap .step_list li { margin-top: 10px; }
    .step_base_wrap .step_list li:first-child { margin-top: 0; }
    
    .gallery_base_wrap .gallery_list > li .con { -webkit-line-clamp: 4; height: 78px; }
    .gallery_base_wrap .gallery_list > li .bottom_area .author li { padding-left: 6px; margin-left: 5px; }

    .share_link_wrap { flex-wrap: wrap; } 
    .share_link_wrap li { flex: inherit; width: 25%; margin-bottom: 4%; } 
    .share_link_wrap li:nth-child(4) .share_img::after { display: none; } 
    .share_link_wrap li:nth-child(5),
    .share_link_wrap li:nth-child(6),
    .share_link_wrap li:nth-child(7) { margin-bottom: 0; } 

    .regist_form_area .check_area { display: block; text-align: right; }
    .regist_form_area .check_area > .btn-base { margin-top: 10px; }

    .click_base_wrap .click_wrap .count_area { padding: 20px; }
    .click_base_wrap .count_area .count span { font-size: 40px; padding: 10px 0 15px; }
    .click_base_wrap .result_wrap { padding: 20px; }
    .click_base_wrap .result_list li dt, .click_base_wrap .result_list li dd { padding: 10px; font-size: 12px; }

    .info_base_wrap dl { gap: 0 20px; }
    .info_base_wrap dl dt { flex-shrink: 0; width: 90px; }
    .info_base_wrap dl dd { flex-grow: 1; flex-shrink: 1; }

    .purchase_base_list > li .pkg_detail{margin-top:10px;}
    .purchase_base_list > li .pkg_detail .p_list{margin-top:10px;}
    .purchase_base_list > li .purchase_detail{padding: 20px;}
    .purchase_base_list > li .end{right: 10px; top: -20px;}
}