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

/* settings */
.evSection .con_tit .end {top: -2%; right: 2%;}
.con_tit .end::after {background: #b9b39d;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

/* evCon1 */
.evCon1 {padding: 102px 0 78px; background: #faf9f8 url(https://image.megagong.net/m/2024/0322_review/con1_bg.jpg) no-repeat; background-position: 50% 100% !important; background-size: auto 100%;}
.evCon1 h3 {margin: 0 auto 100px;}
.evCon1 .hashtag {margin: 0 auto 190px;}
.evCon1 .gift {margin: 0 auto 45px;}
.evCon1 .btn {display: block; width: 60%; max-width: 405px; font-weight: bold; font-size: 27px; color: #fff; background: #000; padding: 26px 0; margin: 0 auto;}

/* evCon2 */
.evCon2 {padding: 125px 0 0; background: #faf9f8;}
.evCon2 .con_tit {color: #111; margin: 0 auto 80px;}
.evCon2 .con_tit h4 {font-weight: 900; font-size: 44px; margin: 0 auto 42px;}
.evCon2 .con_tit h4::before {content: '¡Ú¡Ú¡Ú¡Ú¡Ú'; display: block; font-size: 63px; letter-spacing: 0.16em; line-height: 1; color: #fece00; margin: 0 auto 60px;}
.evCon2 .con_tit .sub_tit1 {font-weight: 300; font-size: 24px; margin: 0 auto 32px;}
.evCon2 .con_tit .sub_tit2 {font-weight: bold; font-size: 30px;}
.evCon2 .tea_img {margin: 0 -74px;}

/* evCon3 */
.evCon3 {padding: 150px 0 180px; background: #fff6e4;}
.evCon3 .con_tit {margin: 0 auto 100px;}
.evCon3 .con_tit .label {position: relative; display: block; width: 30%; max-width: 252px; font-style: normal; font-weight: 900; font-size: 38px; border: 4px solid #000; padding: 4px 0 8px; margin: 0 auto 60px;}
.evCon3 .con_tit .label::before,
.evCon3 .con_tit .label::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%);}
.evCon3 .con_tit .label::before {border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #000;}
.evCon3 .con_tit .label::after {border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff6e4;}
.evCon3 .con_tit .sub_tit {font-weight: 300; font-size: 30px; margin: 0 auto 22px;}
.evCon3 .con_tit h4 {font-weight: 900; font-size: 54px;}
.evCon3 .con_tit h4 b {font-weight: 900; color: #ff9a39;}
.evCon3 .evt_wrap:not(:first-child) {padding-top: 100px;}
.evCon3 .evt_wrap .tit {position: relative; margin: 0 auto 60px; z-index: 1;}
.evCon3 .evt_wrap .tit::before {content: ''; position: absolute; width: 100%; height: 1px; background: #111; top: 50%; left: 0; z-index: -1;}
.evCon3 .evt_wrap .tit span {display: inline-block; font-weight: bold; font-size: 28px; background: #fff6e4; padding: 0 22px;}

.evCon3 .evt_wrap.info .cont {margin: 0 92px;}
.evCon3 .evt_wrap.info .cont li {display: flex; align-items: center; gap: 20px;}
.evCon3 .evt_wrap.info .cont li:not(:first-child) {margin-top: 20px;}

/* À̺¥Æ® ¾È³» */
.evCon3 .evt_wrap.info .cont li .info_tit {flex: 0 0 148px; font-weight: bold; font-size: 20px; color: #fff; background: #00a74d; border-radius: 20px; padding: 6px 0;}
.evCon3 .evt_wrap.info .cont li.multiple .info_tit {align-self: flex-start;}
.evCon3 .evt_wrap.info .cont li.multiple .info_cont {margin-top: 6px;}
.evCon3 .evt_wrap.info .cont li .info_cont {font-size: 21px; color: #222; text-align: left;}
.evCon3 .evt_wrap.info .cont li .tiny_noti {font-family: var(--font); font-size: 16px;}

/* À̺¥Æ® ÇýÅà */
.evCon3 .evt_wrap.benefit .benefit_tit {font-weight: 900; font-size: 36px; margin: 0 auto 40px;}
.evCon3 .evt_wrap.benefit .benefit_cont {flex-wrap: wrap; justify-content: center; gap: 35px 55px;}

/* °­ÀÇ ¼Ò°³ */
.evCon3 .evt_wrap.best .best_tit {margin: 0 auto 60px;}
.evCon3 .evt_wrap.best .best_tit p {font-size: 28px; margin: 0 auto 25px;}
.evCon3 .evt_wrap.best .best_tit p b {color: #00a74d;}
.evCon3 .evt_wrap.best .best_tit span {position: relative; font-size: 20px; z-index: 1;}
.evCon3 .evt_wrap.best .best_tit span::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 50%; background: #fff; z-index: -1;}
.evCon3 .evt_wrap.best .best_cont {position: relative; background: #fff; border-radius: 30px; padding: 50px 40px; overflow: hidden;}
.evCon3 .evt_wrap.best .best_cont .dimWrap {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
.evCon3 .evt_wrap.best .best_cont .dimWrap .dim {position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.8;}
.evCon3 .evt_wrap.best .best_cont .dimWrap .content {position: absolute; z-index: 1; color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.evCon3 .evt_wrap.best .best_cont .dimWrap .content .txt {font-size: 28px; margin: 0 auto 15px; font-weight: 300;}
.evCon3 .evt_wrap.best .best_cont .dimWrap .content .btn {display: block; background: #ff9a39; font-weight: 300; font-size: 18px; width: 36%; max-width: 200px; padding: 7.5px 0; margin: 0 auto;}
.evCon3 .evt_wrap.best .best_cont .lec_tit {text-align: left; font-size: 24px; font-weight: 700; position: relative; padding-left: 17px; line-height: 1; margin: 0 auto 30px;}
.evCon3 .evt_wrap.best .best_cont .lec_tit::before {content:''; background: #000; width: 5px; height: 22px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.evCon3 .evt_wrap.best .best_cont ul {border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; border-width: 1px 0; height: 265px; overflow-y: auto;}
.evCon3 .evt_wrap.best .best_cont ul li {display: flex; height: 53px; align-items: center; font-size: 16px; color: #333333; padding: 0 60px; border-bottom: 1px solid #b2b2b2;}
.evCon3 .evt_wrap.best .best_cont ul.more5 {border-bottom: 1px solid #b2b2b2;}
.evCon3 .evt_wrap.best .best_cont ul.more5 li:last-child {border-bottom: none;}
.evCon3 .evt_wrap.best .best_cont ul li .tea {flex: 0 0 180px; text-align: left; font-weight: bold;}
.evCon3 .evt_wrap.best .best_cont ul li .lec {font-weight: 300; text-align: left; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;*/}
.evCon3 .evt_wrap.best .best_cont ul li .btn {flex: 0 0 180px; font-weight: bold; font-size: 14px; color: #000; background: #fece00; margin-left: auto; padding: 5px 0;}


/* ½Ç½Ã°£ ¼ö°­Èıâ */
.evCon3 .review_area {min-height: 12vw;}
.evCon3 .review_area table tr th {color: #fff; background: #222222;}
.evCon3 .review_area table tr td {font-weight: 300; border: 1px solid rgba(0, 0, 0, 0.3);}
.evCon3 .review_area table tr th,
.evCon3 .review_area table tr td {font-size: 16px; box-sizing: border-box; padding: 17px 5px;}
.evCon3 .review_area table tr td.aL {padding: 17px 30px;}
.evCon3 .review_area table tr td a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.evCon3 .review_area table tr td a img {margin: 0; margin-right: 3px; vertical-align: middle;}
.evCon3 .review_area table tr th:first-child,
.evCon3 .review_area table tr td:first-child {border-left: none;}
.evCon3 .review_area table tr th:last-child,
.evCon3 .review_area table tr td:last-child {border-right: none;}
.evCon3 .paging {margin-top: 25px;}

/* evCon4 */
.evCon4 {padding: 65px 0 55px; background: #222222;}
.evCon4 .con_tit {font-size: 30px; color: #fff; margin: 0 auto 30px;}
.evCon4 .pass_bnr {justify-content: center; gap: 24px;}
.evCon4 .pass_bnr li {flex-basis: 500px;}
.evCon4 .pass_bnr li a {display: block; color: #fff; padding: 24px 0; border-radius: 65px;}
.evCon4 .pass_bnr li span {display: block; font-weight: 300; font-size: 16px; line-height: 1.2; margin: 0 auto 5px;}
.evCon4 .pass_bnr li b {font-size: 28px;}
.evCon4 .pass_bnr li.gong a {background: #0e6ff4;}
.evCon4 .pass_bnr li.tech a {background: #01a9c1;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0;}
.warningList li ul li a {font-size: 11px; color: #865dff; border: 1px solid #865dff; border-radius: 8px; padding: 2px 8px; margin: 0; vertical-align: text-bottom;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection .con_tit h4 {font-size: clamp();}
    .evSection .con_tit .sub_tit {font-size: clamp();}

    /* evCon1 */
    .evCon1 {padding: 8% 0 5%;}
    .evCon1 h3 {margin: 0 5% 8%;}
    .evCon1 .hashtag {margin: 0 8% 14%;}
    .evCon1 .gift {margin: 0 auto 4%;}
    .evCon1 .btn {font-size: clamp(14px, 2.8vw, 27px); padding: 3% 0;}

    /* evCon2 */
    .evCon2 {padding: 10% 0 0;}
    .evCon2 .con_tit {margin: 0 auto 6%;}
    .evCon2 .con_tit h4 {font-size: clamp(24px, 4.6vw, 44px); margin: 0 auto 3%;}
    .evCon2 .con_tit h4::before {font-size: clamp(28px, 5vw, 63px); margin: 0 auto 3%;}
    .evCon2 .con_tit .sub_tit1 {font-size: clamp(15px, 3vw, 24px); margin: 0 auto 2%;}
    .evCon2 .con_tit .sub_tit2 {font-size: clamp(17px, 3.4vw, 30px);}
    .evCon2 .tea_img {margin: 0 -4%;}

    /* evCon3 */
    .evCon3 {padding: 12% 0 14%;}
    .evCon3 .con_tit {margin: 0 auto 8%;}
    .evCon3 .con_tit .label {font-size: clamp(14px, 2.8vw, 38px); padding: 0.5vw 0 1vw; margin: 0 auto 4%;}
    .evCon3 .con_tit .sub_tit {font-size: clamp(17px, 3.4vw, 30px); margin: 0 auto 2%;}
    .evCon3 .con_tit h4 {font-size: clamp(24px, 4.6vw, 54px); letter-spacing: -0.04em;}
    .evCon3 .evt_wrap:not(:first-child) {padding-top: 8%;}
    .evCon3 .evt_wrap .tit {margin: 0 auto 4%;}
    .evCon3 .evt_wrap .tit span {font-size: clamp(17px, 3.4vw, 28px); padding: 0 2%;}

    .evCon3 .evt_wrap.info .cont {width: fit-content; min-width: 76%; margin: 0 auto;}
    .evCon3 .evt_wrap.info .cont li {gap: 1vw;}
    .evCon3 .evt_wrap.info .cont li:not(:first-child) {margin-top: 2%;}
    .evCon3 .evt_wrap.info .cont li .info_tit {font-size: clamp(13px, 2.6vw, 20px); padding: 0.2vw 0;}
    .evCon3 .evt_wrap.info .cont li.multiple .info_tit {align-self: center;}
    .evCon3 .evt_wrap.info .cont li.multiple .info_cont {margin-top: 0;}
    .evCon3 .evt_wrap.info .cont li .info_cont {font-size: clamp(13px, 2.6vw, 21px);}

    .evCon3 .evt_wrap.benefit .benefit_tit {font-size: clamp(18px, 3.6vw, 36px); margin: 0 auto 4%;}
    .evCon3 .evt_wrap.benefit .benefit_cont {gap: 4vw 2vw;}
    .evCon3 .evt_wrap.benefit .benefit_cont li:not(:last-child) {flex: 0 1 34%;}

    .evCon3 .evt_wrap.best .best_tit {margin: 0 auto 6%;}
    .evCon3 .evt_wrap.best .best_tit p {font-size: clamp(17px, 3.4vw, 28px); margin: 0 auto 2%;}
    .evCon3 .evt_wrap.best .best_tit span {font-size: clamp(13px, 2.6vw, 20px);}
    .evCon3 .evt_wrap.best .best_cont {padding: 5vw 4vw;}
    .evCon3 .evt_wrap.best .best_cont .dimWrap .content .txt {font-size: clamp(16px, 3.2vw, 28px); margin: 0 auto 4%;}
    .evCon3 .evt_wrap.best .best_cont .dimWrap .content .btn {font-size: clamp(13px, 2.6vw, 18px); padding: 1vw 0;}
    .evCon3 .evt_wrap.best .best_cont .lec_tit {font-size: clamp(15px, 3vw, 24px); padding-left: 2vw; margin: 0 auto 3%;}
    .evCon3 .evt_wrap.best .best_cont .lec_tit::before {width: clamp(2px, 0.5vmin, 5px); height: clamp(13px, 2.6vw, 22px);}
    .evCon3 .evt_wrap.best .best_cont ul li {font-size: clamp(12px, 2.4vw, 16px); padding: 0 2vw;}
    .evCon3 .evt_wrap.best .best_cont ul li .tea {flex: 0 0 22vw;}
    .evCon3 .evt_wrap.best .best_cont ul li .btn {flex: 0 0 auto; font-size: clamp(11px, 2.2vw, 14px); padding: 0.5vw 2vw;}

    .evCon3 .review_area table tr th,
    .evCon3 .review_area table tr td {font-size: 13px; padding: 11px 2px;}
    .evCon3 .review_area table tr td.aL {padding: 11px 20px;}

    /* evCon4 */
    .evCon4 {padding: 5% 0;}
    .evCon4 .con_tit {font-size: clamp(17px, 3.4vw, 30px); margin: 0 auto 4%;}
    .evCon4 .pass_bnr {gap: 2vw;}
    .evCon4 .pass_bnr li {flex: 1;}
    .evCon4 .pass_bnr li a {padding: 2vw 0;}
    .evCon4 .pass_bnr li span {font-size: clamp(12px, 2.4vw, 16px); margin: 0 auto 0.5vw;}
    .evCon4 .pass_bnr li b {font-size: clamp(15px, 3vw, 30px);}
}
@media screen and (max-width: 992px){
    .evCon3 .evt_wrap.info .cont li {flex-direction: column;}
    .evCon3 .evt_wrap.info .cont li .info_tit {flex: auto; width: 30%; max-width: 148px;}
    .evCon3 .evt_wrap.info .cont li .info_cont {text-align: center;}

    .evCon3 .evt_wrap.best .best_cont ul {height: auto; min-height: 100px; max-height: 300px;}
    .evCon3 .evt_wrap.best .best_cont ul li {height: auto; display: grid; grid-template-columns: 1fr 23vw; padding: 0.5vw 2vw; column-gap: 0.5vw;}
    .evCon3 .evt_wrap.best .best_cont ul li:last-child {border-bottom: none;}
    .evCon3 .evt_wrap.best .best_cont ul li .tea {grid-row: 1 / 2;}
    .evCon3 .evt_wrap.best .best_cont ul li .lec {grid-row: 2 / 3;}
    .evCon3 .evt_wrap.best .best_cont ul li .btn {grid-row: 1 / 3; width: 100%;}
}
@media screen and (max-width: 768px){
    .evCon3 .con_tit .label {border-width: 2px;}
    .evCon3 .con_tit .label::before {border-left-width: 9px; border-right-width: 9px; border-top-width: 9px;}
    .evCon3 .evt_wrap.info .cont li .tiny_noti {font-size: 12px;}

    .evCon3 .evt_wrap.benefit .benefit_cont li:not(:last-child) {flex: 0 1 40%;}

    .evCon3 .review_area table tr th,
    .evCon3 .review_area table tr td {font-size: 12px; padding: 7px 2px;}
    .evCon3 .review_area table tr td.aL {padding: 7px 16px;}
}
@media screen and (max-width: 576px){
    .evCon3 .review_area table tr th,
    .evCon3 .review_area table tr td {font-size: 11px; padding: 4px 2px;}
    .evCon3 .review_area table tr td.aL {padding: 4px 8px;}

    .evCon4 .pass_bnr {flex-direction: column;}
}