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

/* settings */
:root {
    --color-default: #121212;
    --color-highlight: #005ad4;
}

.evSection {padding: 160px 0; color: var(--color-default);}
.evSection .con_tit {margin: 0 auto 30px;}
.evSection .con_tit h4 {font-weight: 500; font-size: 42px; letter-spacing: -0.05em;}
.evSection .con_tit h4 strong {font-weight: 900; color: var(--color-highlight);}
.evSection .con_tit .sub_tit {font-weight: 700; font-size: 24px; color: #444;}

.evSection.event .con_tit {margin: 0 auto 50px;}
.evSection.event .con_tit .end {top: -1%; right: -1%;}
.evSection.event .con_tit .label {position: relative; display: block; width: 30%; max-width: 230px; font-style: normal; font-weight: 900; font-size: 40px; color: #0c213e; background: #fff; padding: 7px 0; margin: 0 auto 60px;}
.evSection.event .con_tit .label::before {content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); border-top: 11px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent;}
.evSection.event .con_tit h4 {font-weight: 900; font-size: 56px; color: #fff;}
.evSection.event .con_tit .sub_tit {font-weight: 500; font-size: 24px; color: #378cff;}
.evSection.event .con_tit .sub_tit b {color: #fff;}

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

/* evCon1 */
.evCon1 {padding: 20px 0 220px; background: #0c1518 url(https://image.megagong.net/m/2024/0611_strong/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .slogan {gap: 104px; margin: 0 -82px 130px;}

/* evCon2 */
.evCon2 {background: #fff;}
.evCon2 .review_wrap {margin: 0 -25px; overflow: hidden;}
.evCon2 .review_wrap .swiper-wrapper {transition-timing-function: linear;}
.evCon2 .review_wrap .swiper-slide {width: calc(33.333% - 6.7px); height: auto; padding: 40px 0; border: 1px solid #d0d0d0; border-radius: 12px;}
.evCon2 .review_wrap .swiper-slide .tit {font-weight: 900; font-size: 20px; color: var(--color-highlight);}
.evCon2 .review_wrap .swiper-slide .tit::after {content: ''; display: block; width: 90%; height: 1px; background: #d0d0d0; margin: 15px auto 20px;}
.evCon2 .review_wrap .swiper-slide .tit span {display: block; width: 70%; max-width: 160px; font-weight: 300; font-size: 16px; color: #fff; background: var(--color-default); border-radius: 15px; padding: 4px 0; margin: 0 auto 6px;}
.evCon2 .review_wrap .swiper-slide p {font-weight: 300; font-size: 16px;}

/* evCon3 */
.evCon3 {background: #f2f2f3;}
.evCon3 .strategy {flex-wrap: wrap; justify-content: center; gap: 15px 13px;}
.evCon3 .strategy li {position: relative; background: #fff; border-radius: 12px;}
.evCon3 .strategy li .ico {margin: 36px 0;}
.evCon3 .strategy li .txt {font-size: 16px; margin: 0 auto 20px;}
.evCon3 .strategy li .btn {position: relative; display: block; font-size: 16px; color: #fff; background: #2c343e; padding: 8px 0; border-radius: 0 0 12px 12px;}
.evCon3 .strategy li .btn::before {content: ''; position: absolute; font-size: 16px; top: 20px; right: 20px; width: 6px; height: 10px; background: url(https://image.megagong.net/m/2024/0611_strong/con3_arrow.png) no-repeat;}
.evCon3 .strategy::after {content: ''; display: block; width: 100%; height: 0; order: 1;}
.evCon3 .strategy li:nth-child(-n+3) {order: 1;}
.evCon3 .strategy li:nth-child(n+4) {order: 2;}

.evCon3 .strategy li.law .link_bnr {position: absolute; top: -15px; right: -23px;}
.evCon3 .strategy li.law .link_bnr button {position: absolute; top: -4px; right: 0; transform: translateY(-100%); font-size: 0; width: 10px; height: 10px; background: url(https://image.megagong.net/m/2024/0611_strong/close_btn.png) no-repeat;}
.evCon3 .strategy li.law .link_bnr a {display: block;}

/* evCon4 */
.evCon4 {background: #001b3f;}
.evCon4 .evt_gift {position: relative; margin: 0 auto 80px; z-index: 1;}
.evCon4 .evt_gift::before {content: ''; position: absolute; bottom: 50px; left: 50%; width: 1300px; height: 160px; background: url(https://image.megagong.net/m/2024/0611_strong/con4_bg.png) no-repeat; transform: translate(-50%, 100%); z-index: -1; pointer-events: none;}
.evCon4 .container_info {flex-direction: column; align-items: flex-start; width: fit-content; margin: 0 auto 80px;}
.evCon4 .container_info .info {width: auto;}
.evCon4 .container_info .info .info_title {background: #378cff; width: 160px; padding: 0;}
.evCon4 .container_info .info .info_date {flex: 0 0 auto; color: #fff;}
.evCon4 .container_info .info .noti {color: #fffbc0; margin: 0; padding: 0; opacity: 1;}
.evCon4 .container_info .info div.noti {margin-top: 5px;}
.evCon4 .container_info .info div.noti a {border: 1px solid #fffbc0; border-radius: 12px; margin-left: 8px; padding: 1px 10px;}
.evCon4 .container_info .info .noti::before {content: none;}

.evCon4 .evtBoard_common {background: none;}
.evCon4 .evtBoard_common .evtBoard_inner {font-family: var(--font); padding: 0;}
.evCon4 .comment_tit {position: relative; margin: 0 auto 20px; z-index: 1;}
.evCon4 .comment_tit::before {content: ''; position: absolute; width: 100%; height: 50%; top: 50%; left: 0; border: 1px solid #fff; border-bottom: none; opacity: 0.5; z-index: -1;}
.evCon4 .comment_tit span {font-weight: 700; font-size: 24px; color: #fff; background: #001b3f; padding: 0 20px;}
.evCon4 .comment_tit span em {font-style: normal; font-size: 18px; color: #001b3f; background: #fff; padding: 0.5px 19px; margin-right: 8px; border-radius: 14px;}
.evCon4 .radio_wrap {margin: 0 auto 60px;}
.evCon4 .radio_wrap .radio_list {background: #003174; padding: 18px 40px; border-radius: 8px; margin: 0;}
.evCon4 .radio_wrap .radio_list li:last-child {margin-right: 0;}
.evCon4 .radio_wrap .radio_list + .tiny_noti {font-size: 14px; text-align: left; color: #fffbc0; margin-top: 5px;}
.evCon4 .comment_wrap {background: #003174; padding: 20px 30px; border-radius: 8px; margin: 0 auto 10px;}
.evCon4 .evtBoard_common .board_notice li {color: #fffbc0; opacity: 1;}
.evCon4 .evtBoard_common .reply .type {font-weight: 700;}
.evCon4 .evtBoard_common .reply .type.type1 {color: #547eff;}
.evCon4 .evtBoard_common .reply .type.type2 {color: #3494ff;}
.evCon4 .evtBoard_common .reply .type.type3 {color: #39c377;}
.evCon4 .evtBoard_common .reply .type.type4 {color: #d39c32;}
.evCon4 .evtBoard_common .reply .type.type5 {color: #ff9352;}
.evCon4 .evtBoard_common .reply .type.type6 {color: #34a3c7;}
.evCon4 .evtBoard_common .reply .type.type7 {color: #ff34bf;}

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

.evtoggleWarning p.w_tit i {transform: rotate(180deg) translateY(-15%);}
.evtoggleWarning.on p.w_tit i {transform: none;}

.warningList .f_dash li .f_dash {margin-left: -12px;}
.warningList .cr_red {color: #f00;}
.warningList li ul li a {margin: 0; padding: 0 0 2px; border-bottom: 1px solid #f00;}

@media screen and (max-width: 1280px){
    /* evCon1 */
    .evCon1 .slogan {gap: 10vmin; margin: 0 -2vmin 10%;}
}
@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 15% 0;}
    .evSection .con_tit {margin: 0 auto 3%;}
    .evSection .con_tit h4 {font-size: clamp(22px, 4.2vmin, 42px);}
    .evSection .con_tit .sub_tit {font-size: clamp(16px, 2.4vmin, 24px);}

    .evSection.event .con_tit {margin: 0 auto 5%;}
    .evSection.event .con_tit .label {font-size: clamp(18px, 4vmin, 40px); padding: 0.5vw 0; margin: 0 auto 5%;}
    .evSection.event .con_tit .label::before {border-top-width: 1.8vmin; border-left-width: 1.6vmin; border-right-width: 1.6vmin;}
    .evSection.event .con_tit h4 {font-size: clamp(28px, 5.6vmin, 56px);}
    .evSection.event .con_tit .sub_tit {font-size: clamp(16px, 2.4vmin, 24px);}

    /* evCon1 */
    .evCon1 {padding: 2% 0 18%;}
    .evCon1 .slogan {flex-direction: column; gap: 1.5vmin; margin: 0 auto 8%;}
    .evCon1 .slogan span img {max-height: 2.8vmin;}

    /* evCon2 */
    .evCon2 .review_wrap {margin: 0 auto;}
    .evCon2 .review_wrap .swiper-slide {width: calc(50% - 6.7px); padding: 2vw 0;}

    /* evCon3 */
    .evCon3 .strategy {gap: 3vmin 1vmin;}
    .evCon3 .strategy li {width: calc(25% - 0.75vmin);}
    .evCon3 .strategy li .ico {margin: 3vmin auto;}
    .evCon3 .strategy li .txt {margin: 0 auto 3vmin;}
    .evCon3 .strategy li.law .link_bnr {top: -2vw; right: -1vw;}

    /* evCon4 */
    .evCon4 .evt_gift {width: 80%; margin: 0 auto 8%;}
    .evCon4 .container_info {margin: 0 auto 8%;}
    .evCon4 .container_info .info .info_title {width: clamp(96px,16vmin,160px);}
    .evCon4 .comment_tit {margin: 0 auto 3%;}
    .evCon4 .comment_tit span {font-size: clamp(16px, 2.4vmin, 24px);}
    .evCon4 .comment_tit span em {font-size: clamp(14px, 2vmin, 18px); padding: 0 2vw;}
    .evCon4 .radio_wrap {margin: 0 auto 6%;}
    .evCon4 .radio_wrap .radio_list {padding: 15px 20px; display: flex;}
    .evCon4 .radio_wrap .radio_list li {flex: 1 0 auto; margin: 0;}

    .evCon4 .comment_wrap {padding: 15px 20px;}

    /* evtoggleWarning */
    .evtoggleWarning {padding: 0;}
}
@media screen and (max-width: 992px){
    /* evCon3 */
    .evCon3 .strategy::after {content: none;}
    .evCon3 .strategy li {width: calc(33.333% - 1.334vmin);}
    .evCon3 .strategy li:nth-child(1),
    .evCon3 .strategy li:nth-child(3) {margin-left: 16%;}
    .evCon3 .strategy li:nth-child(2),
    .evCon3 .strategy li:nth-child(4) {margin-right: 16%;}

    /* evCon4 */
    .evCon4 .radio_wrap .radio_list {flex-wrap: wrap; gap: 1vw 0;}
    .evCon4 .radio_wrap .radio_list li {flex: 0 0 25%;}
    .evCon4 .radio_wrap .radio_list li label {font-size: 16px;}
}
@media screen and (max-width: 768px){
    /* evCon2 */
    .evCon2 .review_wrap .swiper-slide {width: 70%; padding: 4vw 0;}
    .evCon2 .review_wrap .swiper-slide .tit {font-size: 17px;}
    .evCon2 .review_wrap .swiper-slide .tit span {font-size: 13px; padding: 2px 0; margin: 0 auto 0.5%;}
    .evCon2 .review_wrap .swiper-slide p {font-size: 14px;}

    /* evCon3 */
    .evCon3 .strategy li {width: calc(50% - 1.5vmin);}
    .evCon3 .strategy li:nth-child(1),
    .evCon3 .strategy li:nth-child(3) {margin-left: 0;}
    .evCon3 .strategy li:nth-child(2),
    .evCon3 .strategy li:nth-child(4) {margin-right: 0;}
    .evCon3 .strategy li .ico {width: 80%;}
    .evCon3 .strategy li .txt {font-size: 14px;}
    .evCon3 .strategy li .btn {font-size: 14px;}
    .evCon3 .strategy li .btn::before {top: 50%; right: 10px; transform: translateY(-50%);}
    .evCon3 .strategy li.law .link_bnr {top: 2vw; right: -5vw;}

    /* evCon4 */
    .evCon4 .radio_wrap .radio_list li:nth-child(5) {flex-grow: 1;}
    .evCon4 .radio_wrap .radio_list li label {font-size: 14px;}
    .evCon4 .radio_wrap .radio_list + .tiny_noti {font-size: 11px;}
}
@media screen and (max-width: 576px){
    /* evCon2 */
    .evCon2 .review_wrap .swiper-slide {width: 100%;}
    .evCon2 .review_wrap .swiper-slide .tit {font-size: 15px;}
    .evCon2 .review_wrap .swiper-slide p {font-size: 13px;}
    
    /* evCon3 */
    .evCon3 .strategy li .txt {font-size: 13px;}
    .evCon3 .strategy li .btn {font-size: 13px;}
    .evCon3 .strategy li.law .link_bnr {width: 34%;}

    /* evCon4 */
    .evCon4 .container_info {align-items: center;}
    .evCon4 .container_info .info {flex-direction: column; align-items: center; text-align: center;}
    .evCon4 .container_info .info div.noti a {display: block; width: fit-content; margin: 1% auto 0;}
    .evCon4 .radio_wrap .radio_list {padding: 15px 10px;}
    .evCon4 .radio_wrap .radio_list li label {font-size: 13px;}
    .evCon4 .comment_wrap {padding: 15px 10px;}
}