@charset "euc-kr";

.main { background-image: url('https://img.megagong.net/m/2022/1206_quiz/main_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.main h3 { margin: 0 -200px; } 

.flt_inner.renewal ul { border: 4px solid #222222; border-radius: 15px; overflow: hidden; } 
.flt_inner.renewal ul li { margin-top: 0; } 


.evCon2 { padding: 160px 0; background-color: #ffd9cb; } 
.evCon2 .con_tit { margin-bottom: 60px; } 
.evCon2 .con_box { margin: 0 40px; } 
/* .evCon2 .con_box .one { margin-bottom: 120px; }  */
.evCon2 .con_box .one .eventVideo { margin-top: 60px; margin-bottom: 70px; border-radius: 15px; overflow: hidden; } 
.evCon2 .con_box .one .subheader { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evCon2 .con_box .one .subheader .line { flex: 1; height: 22px; border-top: 1px solid #222222; } 
.evCon2 .con_box .one .subheader .line:first-child { border-left: 1px solid #222222; } 
.evCon2 .con_box .one .subheader .line:last-of-type { border-right: 1px solid #222222; } 
.evCon2 .con_box .one .subheader .center { margin-top: -20px; padding: 0 17px; color: #222222; font-size: 24px; font-weight: bold; } 
.evCon2 .con_box .one .subheader .center br { display: none; } 
.evCon2 .con_box .one .subheader .center span { color: #e15712; } 
.evCon2 .con_box .one .link_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 21px; } 
.evCon2 .con_box .one .link_wrapper .link { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; height: 160px; margin-right: 20px; line-height: 1.4; color: #e15712; font-size: 24px; font-weight: 900; background-color: #fff; border-radius: 25px; border: 4px solid transparent; transition: all 0.2s; } 
.evCon2 .con_box .one .link_wrapper .link:hover { border: 4px solid #e15712; } 
.evCon2 .con_box .one .link_wrapper .link:last-of-type { margin-right: 0; } 
.evCon2 .con_box .one .link_wrapper .link span { display: inline-block; margin-bottom: 13px; color: #222222; font-size: 16px; font-weight: 400; } 
.evCon2 .con_box .two { position: relative; } 
.evCon2 .con_box .two .fin { position: absolute; top: 44px; right: 16px; z-index: 1; } 
.evCon2 .con_box .two .container_info { display: inline-flex; flex-direction: column; width: 100%; margin-top: 60px; margin-bottom: 17px; padding: 0 35px; font-size: 21px; font-weight: bold; border-radius: 0; background-color: transparent; } 
.evCon2 .con_box .two .container_info .info { width: 100%; margin-right: 0; margin-bottom: 12px; padding: 15px 0; background-color: #fff2ed; border-radius: 40px; } 
.evCon2 .con_box .two .container_info .info:last-of-type { margin-bottom: 0; } 
.evCon2 .con_box .two .container_info .info .info_title { width: 100px; text-align: left; } 
.evCon2 .con_box .two .container_info .info .info_date { min-width: 567px; text-align: left; } 
.evCon2 .con_box .two .container_info .info .info_date br { display: none; }
.evCon2 .con_box .two .tiny_noti { margin-left: 275px; margin-bottom: 25px; color: #ae928a; font-size: 15px; text-align: left; font-family: 'NotoSans KR'; letter-spacing: -1px; } 
.evCon2 .con_box .two .con2_gift { margin: 0 -270px; } 


.event { padding: 160px 0; background-color: #d2e1ff; } 
.event .inner { position: relative; } 
.event .inner .fin { position: absolute; top: 70px; right: -33px; z-index: 1; } 
.event .con_tit { margin: 0 -90px; } 
.event .info_and_gift { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 80px 40px; } 
.event .container_info { justify-content: flex-start; padding: 0 15px; color: #222222; font-size: 21px; font-weight: bold; border-radius: 0; background-color: transparent; } 
.event .container_info .info { margin-bottom: 25px; } 
.event .container_info .info:last-of-type { margin-bottom: 0; } 
.event .container_info .info .info_title { width: 100px; margin-right: 40px; text-align: left; } 
.event .container_info .info .info_title::before { left: -15px; width: 2px; height: 19px; background-color: #000000; } 
.event .container_info .info .info_title::after { display: none; } 
.event .container_info .info .noti { color: #9aa9c7; font-weight: bold; } 
.event .subheader { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.event .subheader .line { flex: 1; height: 1px; background-color: #111111; } 
.event .step_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 50px 0; } 
.event .step_wrapper .step { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; height: 200px; margin-right: 20px; border: 2px solid #222222; border-radius: 10px; } 
.event .step_wrapper .step:nth-of-type(1) a:first-of-type { margin-bottom: 10px; } 
.event .step_wrapper .step:nth-of-type(2) { position: relative; } 
.event .step_wrapper .step:nth-of-type(2)::before { position: absolute; top: 50%; right: -14px; transform: translate(0, -50%); content: ''; width: 14px; height: 18px; background-image: url('https://img.megagong.net/m/2022/1206_quiz/event_step_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.event .step_wrapper .step:last-of-type { margin-right: 0; } 
.event .step_wrapper .step .step_text { margin-top: 13px; line-height: 1.2; color: #222222; font-size: 18px; font-weight: 300; } 
.event .step_wrapper .step .step_text span { color: #4f53ff; font-weight: bold; } 
.event .step_wrapper .step .step_text p { position: relative; display: inline-block; padding-left: 10px; color: #e15712; font-size: 14px; font-weight: 300; } 
.event .step_wrapper .step .step_text p::before { position: absolute; top: 4px; left: 0; content: '*'; font-size: 14px; } 
.eventBoard .shareList { border-radius: 10px 10px 0 0; overflow: hidden; } 
.eventBoard .shareList ul li dl.sns dt { background-color: #dd58ec; } 
.eventBoard .shareList ul li dl.naver dt { background-color: #845bff; } 
.eventBoard .shareList ul li dl.daum dt { background-color: #558cfd; } 
.eventBoard .shareList ul li dl.etc dt { background-color: #7e878c; } 
.eventBoard .shareList ul li dl.sns dd,
.eventBoard .shareList ul li dl.naver dd,
.eventBoard .shareList ul li dl.daum dd,
.eventBoard .shareList ul li dl.etc dd { border: 2px solid #888888; color: #888888; } 
.evtBoard_common { background-color: #ececec; border-radius: 0 0 10px 10px; overflow: hidden; } 
.evtBoard_common .board_write .inp_wrap input[type="text"] { height: 60px; border: 2px solid #222222; } 
.evtBoard_common .board_write .inp_wrap input[type="text"]::placeholder { color: #222222; font-size: 16px; font-family: 'NotoSans KR'; } 
.evtBoard_common .info_wrap { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; } 
.evtBoard_common .info_wrap ul li { color: #666666; font-size: 14px; text-align: left; font-weight: 300; font-family: 'NotoSans KR'; text-indent: -10px; padding-left: 10px; } 
.evtBoard_common .info_wrap button { margin-right: 24px; padding: 0 12px; color: #e15712; font-size: 12px; font-weight: bold; font-family: 'NotoSans KR'; border: 1px solid #e15712; border-radius: 30px; white-space: nowrap; } 


.evtoggleWarning p.w_tit::before { background-color: #4f53ff; } 
.warningList li ul li { text-indent: -10px; padding-left: 10px; } 
.warningList li ul li a { text-indent: 0; border: 2px solid #222222; } 


[class*=mg_popup_wrap] .m_tit { font-size: 25px; font-weight: bold; } 
[class*=mg_popup_wrap] .m_tit strong.blue { font-size: 30px; } 
[class*=mg_popup_wrap] .content_area .mg_btn_wrap { margin-bottom: 30px; } 


/* Æ˾÷ */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.clickPop { width: 470px; background: #fff; padding: 30px 0 35px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; } 

/* µî·ÏÇÑ url Æ˾÷ */
.dim_popup.sns .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 30px; font-weight: bold; } 
.dim_popup.sns table { font-size: 14px; } 
.dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center; } 
.dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.dim_popup.sns table tr td.con { text-align:left } 
.dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.sns .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 


@media screen and (max-width: 1300px){
    .main h3 { margin: 0 -50px; } 
    .evCon2 .con_box .two .con2_gift { margin: 0 -119px; } 
}

@media screen and (max-width: 1200px){
    .evCon2 .con_tit > img { width: 50%; } 
    .evCon2 .con_box .two .fin,
    .event .inner .fin { width: 25vw; } 
    .event .info_and_gift > img { width: 36%; } 
}

@media (max-width: 992px){
    .clickPop { padding: 15px 0 20px; } 
    .dim_popup.sns .tit { font-size:22px } 
    .dim_popup.sns table { font-size:12px } 

    .evCon2 .con_box { margin: 0 auto; } 
    .evCon2 .con_box .one .link_wrapper .link span { font-size: 14px; } 
    .evCon2 .con_box .two .container_info { padding: 0; font-size: 18px; } 
    .evCon2 .con_box .two .container_info .info { justify-content: center; padding-left: 30px; } 
    .evCon2 .con_box .two .container_info .info .info_date { min-width: 500px; } 
    .evCon2 .con_box .two .tiny_noti { margin-left: 0; font-size: 12px; text-align: center; } 
    .evCon2 .con_box .two .con2_gift { margin: 0 -34px; } 
    .event .inner .fin { top: 3vw; right: 0; } 
    .event .info_and_gift { margin: 80px 0; } 
    .event .container_info { font-size: 18px; } 
    .event .container_info .info .info_title { margin-right: 6px; } 
    .event .container_info .info .noti { font-size: 12px; } 
    .event .step_wrapper .step { padding: 0 10px; } 
    .event .step_wrapper .step .step_text { font-size: 16px; letter-spacing: -1px; } 
    .event .step_wrapper .step .step_text p { font-size: 12px; } 
    .event .step_wrapper .step .step_text p::before { top: 2px; } 
    .evtBoard_common .info_wrap ul li { font-size: 12px; } 
}

@media (max-width: 768px){
    .evtBoard_common .info_wrap { flex-direction: column-reverse; align-items: center; justify-content: center; } 
    .evtBoard_common .info_wrap button { margin-right: 0; margin-bottom: 10px; } 

    .main h3 { margin: 0 -30px; } 

    .evCon2 { padding: 10vw 0; } 
    .evCon2 .con_box .one .subheader .center { line-height: 1.2; } 
    .evCon2 .con_box .one .subheader .center br { display: block; } 
    .evCon2 .con_box .one .link_wrapper { flex-direction: column; } 
    .evCon2 .con_box .one .link_wrapper .link { width: 100%; margin-right: 0; margin-bottom: 20px; padding: 10px 0; } 
    .evCon2 .con_box .one .link_wrapper .link:last-of-type { margin-bottom: 0; } 
    .evCon2 .con_box .two .container_info .info .info_date { width: 275px; min-width: initial; word-break: keep-all; } 
    .evCon2 .con_box .two .tiny_noti { font-size: 11px; } 

    .event { padding: 10vw 0; } 
    .event .info_and_gift { flex-direction: column-reverse; } 
    .event .info_and_gift > img { width: 50%; margin-bottom: 30px; } 
    .event .container_info .info { margin-bottom: 10px; }
    .event .step_wrapper { flex-direction: column; } 
    .event .step_wrapper .step { width: 100%; margin-right: 0; margin-bottom: 30px; padding: 30px 0; } 
    .event .step_wrapper .step > img { width: 60%; } 
    .event .step_wrapper .step:nth-of-type(2)::before { top: initial; right: initial; left: 50%; bottom: -16px; transform: translate(-50%, 0) rotate(90deg); } 
    .event .step_wrapper .step:last-of-type { margin-bottom: 0; } 
}

@media (max-width: 576px){
    .dim_popup.sns { width:90% } 

    .evCon2 .con_tit > img { width: 75%; } 
    .evCon2 .con_box .one { margin-bottom: 15vw; } 
    .evCon2 .con_box .one .subheader .center { font-size: 16px; } 
    .evCon2 .con_box .one .link_wrapper .link { font-size: 18px; } 
    .evCon2 .con_box .one .link_wrapper .link span { margin-bottom: 8px; } 
    .evCon2 .con_box .two .fin { top: 3vw; } 
    .evCon2 .con_box .two .container_info { margin-top: 30px; margin-bottom: 10px; font-size: 14px; } 
    .evCon2 .con_box .two .container_info .info .info_title { width: 78px; }
    .evCon2 .con_box .two .container_info .info .info_date br { display: inline-block; }
    .evCon2 .con_box .two .tiny_noti { font-size: 9px; } 
    .event .info_and_gift { margin: 30px 0; } 
    .event .container_info { font-size: 14px; letter-spacing: -1px; } 
    .event .container_info .info .info_title { width: 69px; } 
    .event .container_info .info .info_title::before { height: 13px; } 
    .event .container_info .info .noti { margin-left: 10px; font-size: 9px; letter-spacing: -1.5px; } 
}