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

:root{
    --point-color1:#007af3;
    --point-color2:#db3a4d;
    --black:#000;    
}

.evSection .txt_gradient {background: #f56800; background: -webkit-linear-gradient(45deg, #f56800 0%, #20e925 100%); background: linear-gradient(90deg, #f56800 0%, #20e925 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* settings */
.evSection {padding: 150px 0;}
.evSection .con_tit {margin-bottom: 60px;}
.evSection .con_tit h4 {font-weight: 900; line-height: 1.25; letter-spacing: -0.66px;}

.flt_inner {right: 0;}
.flt_inner.renewal li {margin-top: -1px;}
.flt_inner.renewal li.top {margin-top: 0;}

.eventWrap .ev_tit{margin: 60px 0 35px;}
.eventWrap .tit_line {position:relative;line-height: 1;display: flex;align-items: center;justify-content: center}
.eventWrap .tit_line::before {content:'';display:block;width:100%;height:1%;background: #fff;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.eventWrap .tit_line span {position:relative;border-radius:30px;line-height: 1; font-weight: 700; padding: 0 15px; color: #fff; display: inline-block;}
.gong_ver.eventWrap .tit_line span{background: var(--point-color1);}
.sobang_ver.eventWrap .tit_line span{background: var(--point-color2);}

.evSection .color_highlight{color: #ffd800;}
.evSection .w{color: #fff !important;}
.evSection .black{color: #000 !important;}
.evSection .bo{font-weight: bold !important;}
.evSection .ebo{font-weight: 900 !important;}
.evSection .me{font-weight: 500 !important;}
.evSection .nm{font-weight: 400 !important;}

.evSection .con_tit .end::after { background: rgba(0,0,0,.8); } 


/* evCon1 */
.evSection.evCon1 { background: #f1f1f1 url(https://image.megagong.net/m/2024/1107_review/con1_bg.jpg) no-repeat center/cover; padding: 60px 0 0;}
.evCon1 h3{margin: 40px 0;}
.evCon1 .period_txt{padding: 8px 41px; display: inline-block; background: #000; border-radius: 30px; margin: 0 0 70px;}

/* evCon2 */
.gong_ver .evCon2 {background: var(--point-color1);}
.sobang_ver .evCon2 {background: var(--point-color2);}
.evCon2 .con_tit .event_tag.ver_border,.evCon2 .con_tit .event_tag.ver_border::before{border-color: #fff;}
.gong_ver .evCon2 .event_tag{background: var(--point-color1);}
.sobang_ver .evCon2 .event_tag{background: var(--point-color2);}
.evCon2 .con_tit{margin: 0 0 10px;}
.evCon2 .desc{margin: 15px 0 30px;}
.gong_ver .evCon2 .desc{color: #a8d4ff;}
.sobang_ver .evCon2 .desc{color: #ffbbc3;}
.evCon2 .info_wrap{position: relative; z-index: 1; padding: 35px 0 30px;} 
.evCon2 .info_wrap::before {content: ''; position: absolute; top: 0; left: -500%; width: 1000%; height: 100%; z-index: -1;} 
.gong_ver .evCon2 .info_wrap::before { background: #268cff;}
.sobang_ver .evCon2 .info_wrap::before { background: #f45467;}
.evCon2 .container_info {position: relative; margin-left: 210px;}
.evCon2 .container_info .info .info_title {width: 135px; background: none; background: #000; color: #fff;}
.evCon2 .container_info .info .noti{margin-left: 3px; opacity: 1;}
.gong_ver .evCon2 .container_info .info .noti {color: #a8d4ff;}
.sobang_ver .evCon2 .container_info .info .noti {color: #ffbbc3;}
.evCon2 .tip_box{margin: 40px 0 0;}
.evCon2 .tip_box .point{border: 1px solid #ffd800; padding: 2px 14px; border-radius: 20px; margin-right: 10px;}
.evCon2 .gift_box{display: flex; justify-content: center; align-items: center; gap: 30px; margin: 80px 0 0;}
.evCon2 .event_step .step{height: 285px; padding: 40px 20px;}
.evCon2 .event_step .step::before{background-image: url(https://image.megagong.net/m/2024/1107_review/step_icon.png);}
.gong_ver .evCon2 .event_step .step span{color: var(--point-color1);}
.sobang_ver .evCon2 .event_step .step span{color: var(--point-color2);}
.evCon2 .event_step .step p{font-weight: 400;}
.evCon2 .event_step .step:nth-child(1) p{margin-top: 15px;}
.evCon2 .event_step .step:nth-child(2) p{margin-top: 30px;}
.evCon2 .event_step .step img{margin: 0 0 10px;}
.evCon2 .review_num_txt{margin: 7px 0 0;}
.evCon2 .name{text-decoration : underline; text-underline-offset : 5px; font-style: normal;}
.evCon2 .review_list_wrap{position: relative; background: #fff; border-top: 1px solid #000;}
.evCon2 .review_list_wrap .con_txt{height: 305px; overflow-y: auto; }
.evCon2 .review_list_wrap .con_txt::-webkit-scrollbar {width: 20px; padding: 10px;}
.evCon2 .review_list_wrap .con_txt::-webkit-scrollbar-thumb { background: #777; border: 6px solid #fff; border-radius: 10px;}
.evCon2 .review_list_wrap .con_txt::-webkit-scrollbar-track{background-color: rgba(0,0,0,0);}
.evCon2 .dimWrap{position: absolute; left: 0; top: 0; background: rgba(0,0,0,.8); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.evCon2 .dimWrap .btn{padding: 8px 41px; border-radius: 5px; background: #fff; display: inline-block; margin: 20px 0 0;}
.evCon2 .review_list .list{display: flex; align-items: center; border-bottom: 1px solid #ececec; padding: 12px 0;}
.evCon2 .review_list .list.head_txt{background: #f8f8f8; color: #777; padding: 20px 0;}
.evCon2 .review_list .list.head_txt .lec{text-align: center; width: 65%;}
.evCon2 .review_list .list .subj{width: 15%;}
.evCon2 .review_list .list .tea{width: 20%;}
.evCon2 .review_list .list .lec{width: 45%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.evCon2 .review_list .list .pop{width: 20%;}
.evCon2 .review_list .list .pop a{background: #000; display: inline-block; border-radius: 5px; padding: 8px 36px;}


/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.evSection .warningList li ul li a{ color: #0038fd; padding: 0; text-decoration: underline; } 

@media screen and (min-width: 1200px){
    .evCon2 .con_tit .event_tag{font-size: 40px; padding: 8px 0;}
}
@media screen and (max-width: 1200px){
    .evSection .con_tit .end{right:0;width:26%;}
    
    /* settings */
    .evSection {padding: 15% 0;}

    .evSection .con_tit {margin-bottom: 6%;}
    .eventWrap .ev_tit{margin: 7% 0 4%;} 
    .eventWrap .tit_line span{ padding: 0 10px;}

    .evCon1 .sub_desc{width: clamp(220px, 50vmin, 369px); margin: 0 auto;}

    .evCon2 .info_wrap{ padding: 4% 0 3%;}    
    .evCon2 .container_info{margin: 0 auto;}    
    .evCon2 .gift_box{margin: 8% 0 0;}
    .evCon2 .event_step .step img{width: clamp(110px, 30vmin, 172px);}
    
}
@media screen and (max-width: 992px){
    .evCon2 .review_list .list.head_txt .lec{width: 72%;}
    .evCon2 .review_list .list .subj{width: 18%;}
    .evCon2 .review_list .list .tea{width: 15%;}
    .evCon2 .review_list .list .lec{width: 45%; }
    .evCon2 .review_list .list .pop{width: 27%;}
}
@media screen and (max-width: 768px){

    .evSection .event_step .step span{margin-bottom: 10px;}

    .evCon1 h3{margin: 24px 7%;}

    .evCon2 .container_info .info .info_title {width: 120px; line-height: 2.2;}
    .evCon2 .container_info .info .info_date{text-align: center;}
    .evCon2 .tip_box{margin: 20px 0 0;}
    .evCon2 .tip_box .point{margin-right: 0; margin-bottom: 7px; display: inline-block;}
    .evCon2 .gift_box{flex-wrap: wrap; gap: 15px;}
    .evCon2 .gift_box li{width: 47%;}
    .evCon2 .event_step .step:nth-child(1) p{margin-top: inherit;}
    .evCon2 .event_step .step:nth-child(2) p{margin-top: inherit;}
    .evCon2 .review_list .list{padding: 13px 0;}
    .evCon2 .review_list .list.head_txt{padding: 14px 0;}
    .evCon2 .review_list .list .pop a{padding: 6px 8px;}
    .evCon2 .review_list_wrap .con_txt::-webkit-scrollbar {width: 10px; padding: 5px;}
    .evCon2 .review_list_wrap .con_txt::-webkit-scrollbar-thumb { border: 3px solid #fff;}
}
@media screen and (max-width: 576px){
    .evCon1 .period_txt{padding: 5px 20px; margin: 0 0 7%;}
    
    .evCon2 .container_info {display: block;}
    .evCon2 .container_info .info {flex-direction: column; align-items: center;}
    .evCon2 .container_info .info + .info {margin-top: 4%;}
    .evCon2 .review_list_wrap .con_txt{height: 250px;}
    .evCon2 .review_list .list .pop a{padding: 6px 4px;}
    .evCon2 .review_list .list .subj{word-break: break-all;}
    .evCon2 .dimWrap .btn{margin: 10px 0 0; padding: 5px 20px;}
}