@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2024/ */

/* settings */
:root {
    --color-primary: #9b64fd;
    --mission-color: #000;
    --mission-bg-color1: #f5f5f5;
    --mission-bg-color2: #fff;
    --mission-sdw-color: rgba(0, 0, 0, 0.1);
}
.evSection {padding: 150px 0;}
.evSection .con_tit {margin-bottom: 50px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.con_tit .end {top: -100px; right: -90px;}

.flt_inner .flt_wrap {background: #262036; border-radius: 12px; padding: 20px 18px; text-align: center;}
.flt_inner .flt_wrap .flt_tit {font-weight: 700; font-size: 14px; margin-bottom: 10px;}
.flt_inner .flt_wrap .flt_tit b {color: var(--color-primary);}
.flt_inner .top {margin-top: 5px;}
.flt_inner .top a {text-align: center;}

/* MISSION °øÅë */
.evMission {
    position: relative; z-index: 0;
    background: var(--mission-bg-color1); background: -webkit-linear-gradient(270deg, var(--mission-bg-color1) 0%, var(--mission-bg-color2) 100%); background: linear-gradient(180deg, var(--mission-bg-color1) 0%, var(--mission-bg-color2) 100%);
}
.evMission::before {content: ''; position: absolute; top: 0; left: 50%; width: 1560px; height: 100%; background-repeat: no-repeat; transform: translateX(-50%); z-index: -1;}
.evMission .con_tit {margin-bottom: 60px;}
.evMission .tx_highlight {color: var(--mission-color);}
.box_wrap {position: relative; background: var(--mission-color); padding: 40px; border-radius: 12px; box-shadow: 5px 5px 18px var(--mission-sdw-color);}
.box_wrap ul {width: fit-content; text-align: left; margin: 0 auto;}
.box_wrap ul li {position: relative; font-weight: 400; padding-left: 30px;}
.box_wrap ul li + li {margin-top: 10px;}
.box_wrap ul li::before {content: ''; position: absolute; top: 5px; left: 0; width: 20px; height: 20px; background: url(https://image.megagong.net/m/2024/1217_mission/icon_check.png) no-repeat; background-size: contain;}
.box_wrap ul li u {font-weight: 500; color: var(--color-black); text-underline-offset: 4px; text-decoration-thickness: 1px;}
.step_base_wrap {border-radius: 12px;}
.step_base_wrap .step_list li .box_area {padding: 30px 10px;}
.step_base_wrap .step_list li .box_area > .btn-base {margin-top: 20px;}
.step_base_wrap .step_list li .box_area > .btn-base a {width: 260px;}
.step_base_wrap .step_list li .box_area .btn-base-wrap {gap: 10px; margin-top: 20px;}
.step_base_wrap .step_list li .box_area .btn-base-wrap .btn-base {max-width: 220px;}
.step_base_wrap .step_list li .box_area .btn-base-wrap .btn-base a {padding: 10.5px 2px; width: 220px;}
.step_base_wrap .hashtag {color: var(--mission-color);}
.box_base {position: relative; padding: 40px; border-radius: 12px; margin-top: 40px;}
.evMission .btn-base > a span {color: var(--mission-color);}

/* evCon1 */
.evCon1 {padding: 125px 0 140px; background: #fff url(https://image.megagong.net/m/2024/1217_mission/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {width: fit-content; font-weight: 500; letter-spacing: 1.3vmin; color: #a38ed1; margin: 0 auto 110px; }
.evCon1 .sub_tit span {background: #fff; background: -webkit-linear-gradient(270deg, transparent 60%, #fff 60%); background: linear-gradient(180deg, transparent 60%, #fff 60%);}
.evCon1 h3 {text-align: left; margin-left: -10px; margin-bottom: 80px;}
.evCon1 .line_tit {margin-bottom: 45px;}
.evCon1 .line_tit i {background: #8b4aff; height: 2px;}
.evCon1 .line_tit .end {top: -35px; right: 180px; width: min(15vw, 120px); height: min(15vw, 120px); background: none;}
.evCon1 .line_tit span {padding: 0 5px;}
.evCon1 .container_info {background: none; padding: 0; display: block; width: fit-content; margin: 0 auto; font-size: 22px; letter-spacing: -0.06em;}
.evCon1 .container_info .info {justify-content: flex-start; margin: 0;}
.evCon1 .container_info .info + .info {margin-top: 5px;}
.evCon1 .container_info .info .info_title {font-weight: 500;}
.evCon1 .container_info .info .info_date .evt_con_base {margin-left: 6px;}

/* evCon2 */
.evCon2 {background: #08050f url(https://image.megagong.net/m/2024/1217_mission/con2_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon2 .mini_tit {opacity: 0.6;}
.evCon2 .count_wrap {gap: 12px;}
.evCon2 .count_wrap .item {flex: 1; background: var(--color-primary); border-radius: 20px; padding: 55px 0 50px;}
.evCon2 .count_wrap .item .ico {display: block; margin-bottom: 20px;}
.evCon2 .count_wrap .item .num {font-weight: 900; margin-top: 5px;}
.evCon2 .count_wrap .item .num span {margin-right: 5px;}
.evCon2 .count_wrap + .evt_con_base {margin: 15px 0 70px; text-align: right; opacity: 0.4;}
.evCon2 .btm_msg strong {display: block; color: var(--color-primary); margin-bottom: 45px; line-height: 1.4;}
.evCon2 .btm_msg strong::before {content: ''; display: block; width: 26px; height: 21px; background: url(https://image.megagong.net/m/2024/1217_mission/ico_quot.png) no-repeat; margin: 0 auto 15px;}
.evCon2 .btm_msg b {line-height: 1.6; opacity: 0.4;}

/* evCon3 */
.evCon3 {background: #08050f;}
.evCon3 .content_wrap .content_tit {max-width: 540px; background: var(--color-primary); border-radius: 30px; padding: 15px 0; margin: 0 auto 60px;}
.evCon3 .content_wrap ul {flex-wrap: wrap; gap: 12px;}
.evCon3 .content_wrap ul li {flex-basis: calc(33.333% - 8px); height: 360px;}
.evCon3 .content_wrap ul li a {display: flex; flex-direction: column; justify-content: center; align-items: center; height: inherit; background: #fff; border-radius: 12px;}
.evCon3 .content_wrap ul li .num {width: 60px; color: #fff; background: var(--color-primary); border-radius: 14px; padding: 3px 0 4px; margin: 50px 0 16px;}
.evCon3 .content_wrap ul li strong {line-height: 1.2;}
.evCon3 .content_wrap ul li .ico {margin: auto;}

/* evBanner */
.evBanner {padding: 40px 0; background: var(--color-primary) url(https://image.megagong.net/m/2024/1217_mission/banner_bg.png) no-repeat; background-position: 50% 50%; background-size: auto 100%;}

/* evCon4 */
.evCon4 {background: #fff;}
.evCon4 .point_box {position: relative; margin: 0 20px 60px; border-radius: 40px; overflow: hidden;}
.evCon4 .point_box > div {flex: 1;}
.evCon4 .point_box .my_point {padding: 26px 0;}
.evCon4 .point_box .my_point span {color: #fffb98;}
.evCon4 .point_box .my_app_list {position: relative;}
.evCon4 .point_box .my_app_list::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%);  width: 1px; height: 40px; background: #999; opacity: 0.3;}
.evCon4 .point_box .my_app_list a {display: block; padding: 26px 0;}
.evCon4 .point_box .my_point_dim {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.8);}
.evCon4 .point_box .my_point_dim a {color: #fffb87; margin-left: 10px;}
.evCon4 .point_list_wrap {margin: 0 40px 80px;}
.evCon4 .point_list_wrap ul {display: flex; flex-wrap: wrap; gap: 40px 20px;}
.evCon4 .point_list_wrap ul li {flex-basis: calc(33.333% - 13.333px); border-radius: 12px; box-shadow: 0 0 12px 8px rgba(0, 0, 0, 0.1); overflow: hidden;}
.evCon4 .point_list_wrap ul li .content {position: relative; display: flex; flex-direction: column; height: 290px;}
.evCon4 .point_list_wrap ul li .content .gift_result_base {top: 34px; right: 35px; width: 70px; height: 70px; line-height: 1.2;}
.evCon4 .point_list_wrap ul li .content .gift_result_base .label {font-size: 12px;}
.evCon4 .point_list_wrap ul li .content .gift_result_base .num {font-size: 16px;}
.evCon4 .point_list_wrap ul li .content .img {margin: auto;}
.evCon4 .point_list_wrap ul li .content .name {display: block; color: #999; margin-bottom: 22px;}
.evCon4 .point_list_wrap ul li .btn a {display: block; font-weight: 700; background: var(--color-primary); padding: 20px;}
.evCon4 .point_list_wrap ul li .btn a span {color: #fffb87;}
/* ÀÀ¸ðÇöȲÆ˾÷ */
.clickPop {width: 490px; font-family: 'Noto Sans KR'; padding: 30px 20px 40px; box-sizing: border-box; } 
.dim_popup.sns table tr th {color: #777; border-color: #ececec; border-bottom: none; background: #f8f8f8; padding: 15px 5px;}
.dim_popup.sns.my_point table tr td.con { text-align: center; } 
.dim_popup.sns.my_point .tbl_wrap .tb_fix {border-top: 1px solid #111;}
.dim_popup.sns.my_point .tbl_wrap .tb_frame {border-bottom-color: #111;}
.dim_popup.sns table tr td {border-color: #ececec;}
.dim_popup.sns table tr:first-child td {border-top: none;}
.dim_popup.sns table tr th:first-child,
.dim_popup.sns table tr td:first-child {border-left: none;}
.dim_popup.sns table tr th:last-child,
.dim_popup.sns table tr td:last-child {border-right: none;}
.dim_popup.sns.my_point .my_point_now {font-weight: 700; font-size: 15px; color: #3737f1; margin-bottom: 10px;} 
.dim_popup.sns.my_point .tiny_noti { margin-top: 20px; display: block; color: #777; } 
.dim_popup.sns .evt_con_base {display: inline-block; font-size: 12px; color: #777; margin-top: 10px;}
.dim_popup.sns .btnConfirm {margin-top: 20px;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.evtoggleWarning p.w_tit {color: #111; background: #d8d8d8; border-radius: 3px;}
.evtoggleWarning p.w_tit::before {content: none;}

/* mission1 */
.mission1 {
    --mission-color: #00ccde;
    --mission-bg-color1: #eefbf9;
    --mission-bg-color2: #9fe0df;
    --mission-sdw-color: rgba(0, 190, 207, 0.3);
}
.mission1::before {background-image: url(https://image.megagong.net/m/2024/1217_mission/mission1_bg.png);}
.mission1 .column_wrap {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; height: 400px;}
.mission1 .column_wrap .item {width: 50%; max-width: 340px; height: 100px;}
.mission1 .column_wrap .item + .item {border-top: 1px solid #eeeef0;}
.mission1 .column_wrap .item:nth-child(5) {border-top: none;}
.mission1 .column_wrap .item:nth-child(n+9) {display: none;}
.mission1 .column_wrap .item a {display: grid; grid-template-columns: 78px auto; align-items: center; gap: 0 10px; text-align: left; padding: 10px 15px;}
.mission1 .column_wrap .item a .timg {grid-row: 1 / 3;}
.mission1 .column_wrap .item a .info {grid-row: 2 / 3; font-size: 12px; color: #777;}
.mission1 .column_wrap .item a .tit {grid-row: 1 / 2; font-size: 15px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mission1 .column_wrap .item a .date {display: none;}

/* mission2 */
.mission2 {
    --mission-bg-color1: #f7f1ff;
    --mission-bg-color2: #dfaeff;
    --mission-color: #c166ff;
    --mission-sdw-color: rgba(193, 102, 255, 0.45);
}
.mission2::before {background-image: url(https://image.megagong.net/m/2024/1217_mission/mission2_bg.png);}
#cast_tab{display: none;}
#castsubj {display: none;}
#ngtv_slider {display: none !important;}
.mission2 .cast_wrap .inner {width: 1000px;}
.mission2 .cast_wrap .cast_slider {display: block; margin: 0 -12.5px;}
.mission2 .cast_wrap .cast_slider .slick-arrow {display: none !important;}
.mission2 .cast_wrap .cast_slider .slick-slide {margin: 0 25px;}
.mission2 .cast_wrap .cast_slider .item a {display: block; text-align: center; width: 210px;}
.mission2 .cast_wrap .cast_slider .cast_img {position: relative; display: block; margin-bottom: 20px; padding-bottom: 59.5%; overflow: hidden; background: linear-gradient(to right, #ddd 0%, rgba(0, 0, 0, 0.2) 20%, #ddd 100%); background-position: 100% 0; background-size: 200% 100%; border-radius: 3px; animation: skeleton-line 1.2s infinite; -webkit-animation: skeleton-line 1.2s infinite;}
.mission2 .cast_wrap .cast_slider .cast_img::before {content: ''; position: absolute; left: 15px; bottom: 15px; width: 24px; height: 27px; display: block; background: url(https://img.megagong.net/m/2021/0201_main_new/cast_play.png) center center no-repeat;}
.mission2 .cast_wrap .cast_slider .cast_img img {position: absolute; top: 0; left: 0; width: 100%; border-radius: 3px;}
.mission2 .cast_wrap .cast_slider .cast_img img:not([src]) {visibility: hidden !important;}
.mission2 .cast_wrap .cast_slider .cast_img .time {position: absolute; bottom: 0; right: 0; display: block; background-color: #111; color: #dedede; padding: 2px 5px; font-size: 11px; letter-spacing: 0;}
.mission2 .cast_wrap .cast_slider .point {position: relative; display: block; padding: 0; font-size: 14px; margin-bottom: 7px; line-height: 1;}
.mission2 .cast_wrap .cast_slider .point .charac {display: inline-block; font-weight: 500; background: none !important; margin-right: 5px;}
.mission2 .cast_wrap .cast_slider .point .name strong {font-weight: inherit;}
.mission2 .cast_wrap .cast_slider .tit {display: block; font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; margin-bottom: 8px; font-size: 14px; line-height: 1;}
.mission2 .cast_wrap .cast_slider .info {font-size: 12px; color: #939393; letter-spacing: 0; line-height: 1;}

/* mission3 */
.mission3 {
    --mission-bg-color2: #7bbeff;
    --mission-color: #5a94ff;
    --mission-sdw-color: rgba(27, 157, 255, 0.3);
}
.mission3::before {background-image: url(https://image.megagong.net/m/2024/1217_mission/mission3_bg.png);}
.mission3 .review_base_wrap {overflow: hidden;}

/* mission4 */
.mission4 {
    --mission-bg-color2: #ffb1ba;
    --mission-color: #ff5e91;
    --mission-sdw-color: rgba(255, 0, 81, 0.25);
}
.mission4::before {background-image: url(https://image.megagong.net/m/2024/1217_mission/mission4_bg.png);}
.mission4 .table-order li.active a {color: var(--mission-color);}
.mg_s_info li {padding-left: 15px; line-height: 1.4; margin-top: 5px;}
.mg_s_info li:before {content: '\203B';}

/* mission5 */
.mission5 {
    --mission-bg-color1: #f9ffec;
    --mission-bg-color2: #d7fba9;
    --mission-color: #00c661;
    --mission-sdw-color: rgba(116, 215, 62, 0.5);
}
.mission5::before {background-image: url(https://image.megagong.net/m/2024/1217_mission/mission5_bg.png);}
.mission5 .regist_form_area {background: #bcf189; border-radius: 12px; margin-top: 70px;}
.mission5 .regist_form_area .check_area .info {color: #777;}
.mission5 .regist_form_area .check_area .info span {color: #008240;}
.mission5 .regist_form_area .check_area .btn-base a {color: #008240; border: 1px solid;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 5%;}
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .con_tit .end {top: -45%; right: -1%;}

    /* MISSION °øÅë */
    .evMission::before {width: 110%; background-size: contain;}
    .evMission .con_tit {margin-bottom: 6%;}
    .box_wrap {padding: 30px;}
    .box_base {padding: 30px; margin-top: 4%;}

    /* evCon1 */
    .evCon1 {padding: 10% 0;}
    .evCon1 .sub_tit {letter-spacing: 1vmin; margin-bottom: 8%;}
    .evCon1 h3 {margin-left: 0; margin-bottom: 8%;}
    .evCon1 .line_tit {margin-bottom: 4%;}
    .evCon1 .line_tit .end {top: -10%; right: 10%;}
    .evCon1 .line_tit span {max-width: 60%;}
    .evCon1 .container_info {font-size:clamp(15px,2.7vmin,22px);}

    /* evBanner */
    .evBanner {padding: min(40px, 6%) 0;}

    /* evCon4 */
    .evCon4 .point_box {margin: 0 auto 6%;}
    .evCon4 .point_list_wrap {margin: 0 auto 8%;}

    /* mission1 */
    .mission1 .column_wrap .item a .tit {font-size:clamp(13px,2.0vmin,15px);}
    
    /* mission2 */
    .mission2 .cast_wrap {overflow: hidden;}
    .mission2 .cast_wrap .inner {width: 100%;}
    .mission2 .cast_wrap .cast_slider {margin: 0 -5px;}
    .mission2 .cast_wrap .cast_slider .slick-slide {margin: 0 10px;}
    .mission2 .cast_wrap .cast_slider .item a {width: auto;}
    .mission2 .cast_wrap .cast_slider .point {font-size: 12px;}
    .mission2 .cast_wrap .cast_slider .tit {font-size: 13px;}
    
    /* mission5 */
    .mission5 .regist_form_area {margin-top: 7%;}
}
@media screen and (max-width: 992px){
    /* MISSION °øÅë */
    .step_base_wrap .step_list li .box_area .btn-base-wrap .btn-base {max-width: none;}
    .step_base_wrap .step_list li .box_area .btn-base-wrap .btn-base a {width: 100%;}
    .step_base_wrap .step_list li .box_area > .btn-base a {width: 100%;}

    /* evCon2 */
    .evCon2 .count_wrap {flex-direction: column; gap: 1vmin;}
    .evCon2 .count_wrap .item {padding: 2vmin 0;}
    .evCon2 .count_wrap .item .ico {margin: 0 auto 1%; max-width: 5%;}
    .evCon2 .count_wrap .item .num {margin-top: 0;}
    .evCon2 .count_wrap + .evt_con_base {margin: 1% 0 7%;}
    .evCon2 .btm_msg strong {margin-bottom: 5%;}

    /* evCon3 */
    .evCon3 .content_wrap .content_tit {padding: 1.5vmin 0; margin-bottom: 6%;}
    .evCon3 .content_wrap ul {gap: 1vmin;}
    .evCon3 .content_wrap ul li {flex-basis: calc(33.333% - 0.666vmin); height: clamp(180px, 40vmin, 280px);}
    .evCon3 .content_wrap ul li .num {margin: 5vmin 0 2%;}
    .evCon3 .content_wrap ul li .ico {width: 36%;}

    /* evCon4 */
    .evCon4 .point_box .my_point {padding: 3vmin 0;}
    .evCon4 .point_box .my_app_list::before {height: 50%;}
    .evCon4 .point_box .my_app_list a {padding: 3vmin 0;}
    .evCon4 .point_list_wrap ul {gap: 4vmin 2vmin;}
    .evCon4 .point_list_wrap ul li {flex-basis: calc(33.333% - 1.333vmin);}
    .evCon4 .point_list_wrap ul li .content {height: clamp(190px, 38vmin, 290px);}
    .evCon4 .point_list_wrap ul li .content .gift_result_base {top: 3%; right: 3%;}
    .evCon4 .point_list_wrap ul li .content .gift_result_base .num {font-size: clamp(13px,2.1vmin,16px);}
    .evCon4 .point_list_wrap ul li .content .img {max-width: 80%; max-height: 60%;}
    .evCon4 .point_list_wrap ul li .content .name {margin-bottom: 2vmin;}
    .evCon4 .point_list_wrap ul li .btn a {padding: 2vmin;}

    /* mission1 */
    .mission1 .column_wrap {height: 320px;}
    .mission1 .column_wrap .item {height: 80px;}
    .mission1 .column_wrap .item a {grid-template-columns: 60px auto;}
}
@media screen and (max-width: 768px){
    .box_wrap {padding: 20px;}
    .box_base {padding: 20px;}
    .box_wrap ul li {padding-left: 20px;}
    .box_wrap ul li::before {width: 14px; height: 14px;}
    .step_base_wrap .step_list li .box_area {padding: 20px 10px;}

    .evCon4 .point_list_wrap ul li .content .img img {height: 100%;}

    .mission2 .cast_wrap .cast_slider {margin: 0 -2.5px;}
    .mission2 .cast_wrap .cast_slider .slick-slide {margin: 0 5px;}
    .mission2 .cast_wrap .cast_slider .cast_img {margin-bottom: 10px;}
}
@media screen and (max-width: 576px){
    .evCon2 .count_wrap .item {border-radius: 10px;}
    .evCon2 .btm_msg strong::before {width: 13px; height: 11px; background-size: contain; margin: 0 auto 1%;}

    .evCon3 .content_wrap ul li {flex-basis: calc(50% - 0.5vmin);}
    .evCon3 .content_wrap ul li .ico {width: 26%;}

    .evCon4 .point_box .my_point_dim {flex-direction: column; font-size: 14px;}
    .evCon4 .point_box .my_point_dim a {margin-left: 0;}
    .evCon4 .point_list_wrap ul li {flex-basis: calc(50% - 1vmin); border-radius: 6px;}
    .evCon4 .point_list_wrap ul li .content .gift_result_base {width: 50px; height: 50px;}

    .mission1 .column_wrap {height: auto;}
    .mission1 .column_wrap .item {width: 100%; max-width: none;}
    .mission1 .column_wrap .item a {padding: 10px 0;}

    #popupCertified .content_area .content_inner {padding: 30px 10px;}
    .mg_s_info li {font-size: 12px;}
}