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

/* settings */
:root {
    --color-primary-gong: #0082FF;
    --color-primary-sobang: #E12441;
}
.evSection {padding: 150px 0;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_box {margin-top: 60px;}
.tx_primary {color: var(--color-primary-gong);}
.sobang .tx_primary {color: var(--color-primary-sobang);}
.box-base-wrap {border-radius: 10px; overflow: hidden;}
.box-base-wrap .content-box {padding: 50px 30px;}
.box-base-wrap .txt-box {display: flex; justify-content: flex-start; align-items: center; gap: 0 30px; padding: 65px 60px; background-color: #FFF;}
.box-base-wrap .txt-box .ico {flex-shrink: 0;}
.box-base-wrap .txt-box p {font-weight: 400; color: #3C3C3C; line-height: 1.6; text-align: left; letter-spacing: 0;}
.label-base {display: inline-block; font-weight: 700; border-radius: 50px;}
.label-base.tp1 {color: #FFF; background: var(--color-primary-gong); padding: 9px 50px;}
.label-base.tp2 {background: rgba(0, 130, 255, 0.20); padding: 10px 40px;}
.label-base + .label-base {margin-top: 20px;}
.sobang .label-base.tp1 {background: var(--color-primary-sobang);}
.sobang .label-base.tp2 {background: rgba(225, 36, 65, 0.20);}

.con_tit .end::after {background: #000;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

/* evCon1 */
.evCon1 {padding: 170px 0 160px; background: #000 url(https://image.megagong.net/m/2025/1218_passreport/gong/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 h3 {font-weight: 900; font-size: 110px; margin: 30px 0 50px;}
.evCon1 .sub_txt {line-height: 1.5;}
.sobang .evCon1 {background-image: url(https://image.megagong.net/m/2025/1218_passreport/sobang/con1_bg.jpg);}

/* sectionTitle */
.sectionTitle {position: relative; padding: 150px 0 60px; background: linear-gradient(180deg, #0044D5 0%, #0084FF 100%);}
.sectionTitle::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); width: 0; height: 0; border-left: 23px solid transparent; border-right: 23px solid transparent; border-top: 27px solid #0184FF;}
.sobang .sectionTitle {background: linear-gradient(180deg, #BD0A1F 0%, #E12441 100%);}
.sobang .sectionTitle::before {border-top-color: #E12441;}

/* evCon2 */
.evCon2 {background: #040404;}
.evCon2 .mini_tit {color: rgba(255, 255, 255, 0.70);}
.evCon2 .pr_metrics_swiper .swiper-slide .tit {display: block; margin-bottom: 16px;}
.evCon2 .pr_metrics_swiper .swiper-slide .img {display: block;}
.evCon2 .pr_metrics_swiper .swiper-slide .txt {font-weight: 400; color: #555; margin-top: 18px; line-height: 1.6;}
.evCon2 .swiper-pagination-bullet {background: #FFF;}
.evCon2 .pr_content_wrap + .evt_con_base {margin-top: 20px;}

/* evCon3 */
.evCon3 {background: #E3F1FF;}
.evCon3 .box-base-wrap {margin-bottom: 30px;}
.evCon3 .box-base-wrap .content-box {background: rgba(255, 255, 255, 0.60);}
.evCon3 .box-base-wrap .content-box .tit {font-weight: 600; margin: 25px auto;}
.evCon3 .box-base-wrap .content-box .txt::before {content: ''; display: block; width: 100%; max-width: 362px; height: 26px; background: url(https://image.megagong.net/m/2025/1218_passreport/gong/con3_arrow.png) no-repeat; background-size: contain; margin: 20px auto 15px;}
.evCon3 .pr_content_wrap .pr_content_swiper .swiper-slide {height: auto;}
.evCon3 .pr_content_wrap .pr_content_swiper .tit {margin-bottom: 15px;}
.sobang .evCon3 {background: #FCE0E7;}
.sobang .evCon3 .box-base-wrap .content-box .txt::before {background-image: url(https://image.megagong.net/m/2025/1218_passreport/sobang/con3_arrow.png);}

/* evCon4 */
.evCon4 {background: #FFF;}
.evCon4 .box-base-wrap {margin-bottom: 30px;}
.evCon4 .box-base-wrap .content-box {background: #F4F9FF;}
.evCon4 .box-base-wrap .content-box .tit {font-weight: 600; margin: 25px auto;}
.evCon4 .box-base-wrap .txt-box {background: #E3F1FF;}
.evCon4 .pr_content_wrap .pr_content_swiper .swiper-slide {height: auto; background: #E3F1FF;}
.evCon4 .pr_content_wrap .pr_content_swiper .tit {margin-bottom: 15px;}

/* evCon5 */
.evCon5 {background: #E3F1FF;}
.evCon5 .stats_wrap {display: flex; gap: 0 20px; margin-bottom: 30px;}
.evCon5 .stats {flex: 1; border-radius: 10px; background: rgba(255, 255, 255, 0.60); padding: 50px 10px;}
.evCon5 .stats .label-base {margin-bottom: 10px;}
.evCon5 .stats .num strong {display: inline-block;}
.evCon5 .stats .num span {display: inline-block; color: #999; margin-left: 5px;}
.evCon5 .box-base-wrap .content-box {background: rgba(255, 255, 255, 0.60);}
.evCon5 .box-base-wrap .content-box .tit {font-weight: 600; margin: 0 auto 25px;}
.sobang .evCon5 {background: #FFF;}
.sobang .evCon5 .stats {background: #FDECF1;}
.sobang .evCon5 .box-base-wrap .content-box {background: rgba(253, 236, 241, 0.30);}
.sobang .evCon5 .box-base-wrap .txt-box {background: #FDECF1;}

/* evCon6 */
.evCon6 {background: #FFF;}
.evCon6 .mini_tit {color: #777;}
.evCon6 .pr_content_wrap + .pr_content_wrap {margin-top: 50px;}
.evCon6 .pr_content_swiper .swiper-slide {background: #F4F9FF; height: auto;}
.evCon6 .pr_content_swiper .swiper-slide .label-base {margin-bottom: 30px;}
.evCon6 .pr_content_swiper .swiper-slide ul {font-weight: 400; text-align: left; line-height: 1.6;}
.evCon6 .pr_content_swiper .swiper-slide li {position: relative; padding-left: 20px;}
.evCon6 .pr_content_swiper .swiper-slide li::before {content: ''; position: absolute; top: 13px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #111;}
.sobang .evCon6 {background: #FCE0E7;}

/* evCon7 */
.evCon7 {background: #0082FF;}
.evCon7 .box-base-wrap {background: #FFF; padding: 80px; margin-bottom: 20px;}
.evCon7 .link_box_wrap + .box-base-wrap {margin-top: 60px;}
.evCon7 .box-base-wrap .txt-box {display: block; padding: 0; text-align: left; margin-bottom: 50px;}
.evCon7 .box-base-wrap .txt-box .tit {font-weight: 600; margin-bottom: 30px;}
.evCon7 .box-base-wrap .txt-box p {color: #111; letter-spacing: -0.03em;}
.evCon7 .pr_review_swiper .swiper-slide {background: #E3F1FF;}
.evCon7 .pr_review_swiper .swiper-slide .review_con {height: 104px; margin-top: 0;}
.evCon7 .link_box_wrap {display: flex; align-items: center; gap: 10px 30px; border-radius: 10px; background-color: #000; background-size: auto 100%; background-position: center center; background-repeat: no-repeat; overflow: hidden; padding: 30px;}
.evCon7 .link_box_wrap.bg1 {background-image: url(https://image.megagong.net/m/2025/1218_passreport/con7_box_bg1.png);}
.evCon7 .link_box_wrap.bg2 {background-image: url(https://image.megagong.net/m/2025/1218_passreport/con7_box_bg2.png);}
.evCon7 .link_box_wrap .txt {flex: 1; color: rgba(255, 255, 255, 0.70);}
.evCon7 .link_box_wrap .txt strong {color: #FFF;}
.evCon7 .link_box_wrap .link_box {flex-basis: 43%; min-width: 425px; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.30); background: rgba(0, 0, 0, 0.30); padding: 15px 30px;}
.evCon7 .link_box_wrap .link_box p {color: #FFF; text-align: left;}
.evCon7 .link_box_wrap .link_box .label {color: #FFF; background: var(--color-primary-gong); border-radius: 50px; padding: 6px 20px;}
.sobang .evCon7 {background: #E12441;}
.sobang .evCon7 .pr_review_swiper .swiper-slide {background: #FCE0E7;}
.sobang .evCon7 .link_box_wrap .link_box .label { background: var(--color-primary-sobang);}

/* evCon8 */
.evCon8 {background: #040404;}
.evCon8 .link_box_wrap {display: flex; flex-wrap: wrap; gap: 40px 34px; margin: 0 -60px;}
.evCon8 .link_box {flex: 1; border-radius: 25px;}
.evCon8 .link_box a {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 54px 10px; height: 100%;}
.evCon8 .link_box .s_tit {display: block;}
.evCon8 .link_box .b_tit {display: block; line-height: 1.3; margin-top: 10px;}
.evCon8 .link_box.playground {background: linear-gradient(100deg, #00B0FB 4.43%, #5B00ED 95.47%);}
.evCon8 .link_box.studylog {background: linear-gradient(100deg, #5B00ED 4.43%, #C900FB 95.47%);}
.evCon8 .link_box.mock {background: linear-gradient(100deg, #C900FB 4.43%, #ED0096 95.47%);}
.evCon8 .link_box.pass {background: url(https://image.megagong.net/m/2025/1218_passreport/con8_box_bg.png), linear-gradient(90deg, #0236FF 0%, #3C95FD 100%); background-blend-mode: multiply; background-repeat: no-repeat; background-position: 105% 55%;}
.evCon8 .link_box.pass a {padding: 30px 20px;}
.evCon8 .link_box.pass .b_tit {margin-top: 0; margin-bottom: 10px;}

/* evCon9 */
.evCon9 {background: linear-gradient(180deg, #EFF9FF 0%, #008CFF 100%), #D9D9D9;}
.evCon9 .mini_tit {color: #6E7F8C;}
.evCon9 .comment_base_wrap {margin-top: 60px;}
.sobang .evCon9 {background: linear-gradient(180deg, #EFF9FF 0%, #E12441 100%), #D9D9D9;}
.sobang .gift_list_wrap li .badge {background: #E12441;}
.sobang .regist_form_area {background: #E12441;}
.sobang .badge-base.c-blue {background: #E12441;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit + .mini_tit,
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_box {margin-top: 6%;}
    .box-base-wrap .txt-box {padding: 40px 30px;}

    /* sectionTitle */
    .sectionTitle {padding: 15% 0 5%;}

    /* evCon1 */
    .evCon1 {padding: 15% 0;}
    .evCon1 h3 {font-size: clamp(44px, 12vmin, 110px); margin: 20px 0 30px;}
    
    /* evCon7 */
    .evCon7 .box-base-wrap {padding: 40px 20px;}
    .evCon7 .pr_review_swiper .swiper-slide {padding: 30px 20px;}
    .evCon7 .pr_review_swiper .swiper-slide .review_con {height: auto;}
    
    /* evCon8 */
    .evCon8 .link_box_wrap {gap: 20px 10px; margin: 0;}
}
@media screen and (max-width: 992px){
    .evCon7 .link_box_wrap {flex-direction: column;}
    
    .evCon8 .link_box_wrap {flex-direction: column;}
    .evCon8 .link_box a {padding: 30px 20px;}
    .evCon8 .link_box .b_tit {font-size: clamp(17px,3.8vmin,33px);}
}
@media screen and (max-width: 768px){
    .label-base.tp1 {padding: 6px 20px;}
    .label-base.tp2 {padding: 8px 20px;}
    .box-base-wrap .content-box {padding: 30px 20px;}
}
@media screen and (max-width: 576px){
    .box-base-wrap .txt-box {padding: 30px 20px; gap: 0 10px;}
    .box-base-wrap .txt-box .ico {width: 15%; align-self: flex-start;}

    .sectionTitle::before {border-width: 16px 12px 0 12px;}

    .evCon5 .stats_wrap {gap: 0 10px;}
    .evCon5 .stats {padding: 30px 10px;}

    .evCon6 .pr_content_swiper .swiper-slide .label-base {margin-bottom: 10px;}

    .evCon7 .box-base-wrap .txt-box {margin-bottom: 30px;}
    .evCon7 .box-base-wrap .txt-box .tit {margin-bottom: 10px;}
    .evCon7 .link_box_wrap {padding: 30px 15px;}
    .evCon7 .link_box_wrap .link_box {width: 100%; min-width: auto; padding: 10px 5px;}

    .evCon8 .link_box {border-radius: 10px;}
    .evCon8 .link_box a {padding: 20px 10px;}
    .evCon8 .link_box.pass {background-size: contain;}
}