@charset "euc-kr";

/* bg url: https://img.megagong.net/m/2023/ */

/* settings */
.mo_show {display: none;}
.evSection {padding: 160px 0;}
.evSection .con_tit {margin: 0 0 70px;}
.evSection .con_tit .evt_end {position: absolute; top: 4%; right: -1%;}

/* evCon1 */
.evCon1 {background: #161616 url(https://img.megagong.net/m/2023/0118_economy/con1_bg.jpg) no-repeat; padding: 160px 0; background-size: auto 100%;}
.evCon1 .inner {width: 1180px;}
.evCon1 h3 {text-align: left; margin: 0 0 55px;}
.evCon1 h3 .sub_tit {margin: 0 0 65px;}
.evCon1 .con_box {text-align: left;}
.evCon1 p {display: inline-block; background: rgba(255, 255, 255, 0.15); color: #fff; font-size: 18px; font-weight: bold; padding: 16px 50px; border-radius: 28px;}

/* evCon2 */
.evCon2 {background: #fff;}
.evCon2 .test_wrap {margin: 0 0 150px;}
.evCon2 .test_wrap p {margin: 0 0 50px;}
.evCon2 .test_wrap .test_btn {}
.evCon2 .question_wrap {}
.evCon2 .question_wrap li {background: #fff; margin: 0 0 80px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);}
.evCon2 .question_wrap li .q_tit {background: #000; color: #fff; font-size: 24px; font-weight: bold; padding: 18px 0;}
.evCon2 .question_wrap li .q_tit span {background: #f04150; border-radius: 18px; color: #000; font-size: 19px; display: inline-block; padding: 2px 20px; margin: 0 16px 0 0;}
.evCon2 .question_wrap li .q_cont {display: flex; justify-content: space-between; padding: 50px 60px; flex-wrap: wrap;}
.evCon2 .question_wrap li .q_cont .q_stit {flex-basis: 100%; margin: 0 0 50px; font-size: 22px;}
.evCon2 .question_wrap li .q_cont p {background: #eee; border-radius: 10px; font-size: 18px; color: #222; flex-basis: calc(50% - 14px); display: flex; justify-content: center; align-items: center; height: 220px;}
.evCon2 .question_wrap li .q_cont p:last-child {margin: 0 0 0 28px; font-size: 20px; color: #f04150; font-weight: bold; position: relative;}
.evCon2 .question_wrap li .q_cont p:last-child::after {content: ''; position: absolute; top: 50%; left: 0; width: 66px; height: 68px; background: url(https://img.megagong.net/m/2023/0118_economy/con2_arrow.png) no-repeat; transform: translate(-70%, -50%);}
.evCon2 .explain_wrap {}
.evCon2 .explain_wrap .e_tit {margin: 0 0 40px; position: relative;}
.evCon2 .explain_wrap .e_tit span {display: inline-block; font-size: 32px; font-weight: bold; position: relative; z-index: 1; padding: 0 10px;}
.evCon2 .explain_wrap .e_tit span::after {content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; height: 12px; background: #fcd9dc; z-index: -1;}
.evCon2 .explain_wrap .eventVideo_list {}
.evCon2 .explain_wrap .eventVideo_list > li {width: calc(50% - 7px); max-width: 533px; margin-left: 14px;}
.evCon2 .explain_wrap .eventVideo_list > li:first-child {margin-left: 0;}
.evCon2 .explain_wrap .eventVideo_list li > p {display: inline-block; background: #f04150; border-radius: 20px; color: #fff; font-size: 18px; padding: 6px 40px; margin: 20px 0 0;}

/* evCon3 */
.evCon3 {background: #f8f8f8;}

/* evCon4 */
.evCon4 {background: #fff; position: relative;}
.evCon4::before {content: ''; position: absolute; width: 120px; height: 60px; background: url(https://img.megagong.net/m/2023/0118_economy/con4_arrow.png) no-repeat; top: 0; left: 50%; transform: translateX(-50%);}

/* evCon3, evCon4 °øÅë ¿µ¿ª */
.evCon3 .sub_tit,
.evCon4 .sub_tit {font-size: 30px; font-weight: bold; margin: 0 0 50px;}
.evCon3 .sub_tit span,
.evCon4 .sub_tit span {position: relative; z-index: 1; padding: 0 5px;}
.evCon3 .sub_tit span::after,
.evCon4 .sub_tit span::after {content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; height: 12px; background: #fcd9dc; z-index: -1;}
.lineup_info {display: flex; justify-content: space-around; align-items: center; margin: 0 0 60px;}
.lineup_info .eventVideo.video_renewal {width: 70%; max-width: 735px;}
.lineup_info .book {position: relative;}
.lineup_info .book .tea_home {position: absolute; right: 6%; top: -10%; font-size: 16px;}
.lineup_info .book .tea_home i {font-style: normal; background: #000; color: #fff; text-align: center; border-radius: 50%; margin: 0 0 0 8px; width: 22px; height: 22px; display: inline-block; font-size: 14px; line-height: 22px;}
.lineup_info .book .book_btn {position: absolute; background: #000; color: #fff; width: 60%; bottom: -2.5%; left: 60%; transform: translateX(-50%); padding: 10px 0; font-size: 18px; font-weight: bold;}
.evCon3 .comment,
.evCon4 .comment {margin: 0 auto 100px;}
.solve {}
.solve .solve_tit {position: relative; z-index: 1; margin: 0 0 30px;}
.solve .solve_tit::after {content: ''; position: absolute; border: 1px solid #000; border-bottom: none; width: 100%; height: 50%; top: 50%; left: 0; z-index: -1;}
.solve .solve_tit span {background: #f8f8f8; display: inline-block; padding: 0 20px; font-size: 26px; font-weight: bold}
.evCon4 .solve .solve_tit span {background: #fff;}
.solve .solve_wrap {display: flex; justify-content: space-between;}
.solve .solve_wrap .solve_list {background: #eee; padding: 46px 0; flex-basis: 31.333%;}
.solve .solve_wrap .solve_list .way_tit {color: #f04150; font-size: 21px; font-weight: bold; margin: 0 0 50px; position: relative;}
.solve .solve_wrap .solve_list .way_tit::after {content: ''; position: absolute; width: 80%; height: 1px; background: #d6d6d6; bottom: -25px; left: 10%}
.solve .solve_wrap .solve_list .way_cont {font-weight: 300;}
.solve .solve_wrap .solve_list .way_cont b {display: block; margin: 0 0 24px;}

/* evCon5 */
.evCon5 {background: #282828;}
.evCon5 .review_jeong {margin: 0 0 100px;}
.evCon5 .review_tit {position: relative; color: #fff; font-size: 26px; font-weight: bold; margin: 0 0 40px; z-index: 1;}
.evCon5 .review_tit::after {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #fff; z-index: -1;}
.evCon5 .review_tit span {display: inline-block; background: #282828; padding: 0 10px;}
.evCon5 .review_cont {display: flex; justify-content: space-between;}
.evCon5 .review_cont p:first-child {margin: 0 20px 0 0;}

/* evCon6 */
.evCon6 {background: #fff;}
.evCon6 .tab_base {display: flex;}
.evCon6 .tab_base li {width: 50%; background: #ccc; color: #fff; font-size: 24px; font-weight: bold; padding: 20px 0;}
.evCon6 .tab_base li.on {background: #000; color: #f04150;}
.evCon6 .tab_base li span {display: block; font-size: 16px; font-weight: 300; color: #fff;}
.evCon6 .tab_base li em {font-style: normal;}
.evCon6 .panel_base .lecture {padding-bottom: 0 !important; background: #fff;}

/* evCon7 event_review */
.evCon7 {background: #ef9a53;}
.evCon7 .con_tit {margin: 0 0 90px;}
.evCon7 .evt_info {position: relative; display: flex; justify-content: space-between; align-items: center; z-index: 1; padding: 30px 0 40px; margin: 0 0 70px;}
.evCon7 .evt_info::before {content: ''; position: absolute; width: 1000%; height: 100%; top: 0; left: -500%; background: #ffffff33; z-index: -1;}
.evCon7 .evt_info dl {font-size: 21px; font-weight: bold; text-align: left;}
.evCon7 .evt_info dl dt {display: inline-block; margin: 10px 0;}
.evCon7 .evt_info dl dt:nth-of-type(2) {letter-spacing: 3.2px;}
.evCon7 .evt_info dl dt::before {content: ''; width: 5px; height: 5px; border-radius: 50%; background: #000; display: inline-block; margin: 0 10px 0 0; vertical-align: middle;}
.evCon7 .evt_info dl dt::after {content: ''; width: 2px; height: 14px; background: #000; display: inline-block; margin: 0 16px; vertical-align: middle;}
.evCon7 .evt_info dl dd {display: inline-block; margin: 10px 0;}
.evCon7 .evt_info dl dd .tiny_noti {color: #00000080;}
.evCon7 .evt_btn a {display: inline-block; margin: 0 18px;}

/* evWarning */
.evWarning {}
.warningList li .s_tit {font-size: 15px;}
.warningList li ul li a {color: #f04150; border-bottom: 1px solid #f04150; padding: 2.5px 0;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 10% 0;}
    .evSection .con_tit {margin: 0 0 6%;}
    .evSection .con_tit .evt_end {top: 0%; right: 0%; width: 26%;}

    /* evCon1 */
    .evCon1 .inner {width: 96%;}
    .eventWrap .evCon1 {background-position: 60% 50%;}
    .evCon1 h3 {margin: 0 0 5%;}
    .evCon1 h3 .sub_tit {margin: 0 0 6%;}

    /* evCon2 */
    .evCon2 .test_wrap {margin: 0 0 8%;}
    .evCon2 .test_wrap p {margin: 0 0 4%;}
    .evCon2 .question_wrap li {margin: 0 0 6%;}
    .evCon2 .question_wrap li .q_cont {padding: 30px;}
    .evCon2 .question_wrap li .q_cont .q_stit {margin: 0 0 4%;}
    .evCon2 .explain_wrap .e_tit {margin: 0 0 4%;}
    .evCon2 .explain_wrap .eventVideo_list li > p {margin: 2% 0 0;}

    /* evCon3, evCon4 °øÅë ¿µ¿ª */
    .evCon3 .sub_tit,
    .evCon4 .sub_tit {margin: 0 0 4%;}
    .lineup_info {margin: 0 0 4%;}
    .evCon3 .comment,
    .evCon4 .comment {margin: 0 auto 8%;}
    .solve .solve_tit {margin: 0 0 2%;}
    .solve .solve_wrap .solve_list {padding: 30px 0; flex-basis: 32.333%}
    .solve .solve_wrap .solve_list .way_tit {margin: 0 0 30px;}
    .solve .solve_wrap .solve_list .way_tit::after {bottom: -15px;}
    .solve .solve_wrap .solve_llst .way_cont b {margin: 0 0 2%;}

    /* evCon5 */
    .evCon5 .review_jeong {margin: 0 0 6%;}
    .evCon5 .review_tit {margin: 0 0 2%;}

    /* evCon7 event_review */
    .evCon7 .con_tit {margin: 0 0 4%;}
    .evCon7 .evt_info {margin: 0 0 6%;}
    .evCon7 .evt_info dl {flex-basis: 55%; font-size: 18px;}
    .evCon7 .evt_info dl dt:nth-of-type(2) {letter-spacing: 2.8px;}
    .evCon7 .evt_info .evt_gift {flex-basis: 45%}
    .evCon7 .evt_btn a {margin: 0 1%;}

}
@media screen and (max-width: 992px){
    /* evCon1 */
    .evCon1 h3 {width: 70%;}
    .evCon1 p {padding: 10px 40px; font-size: 16px;}

     /* evCon2 */
    .evCon2 .question_wrap li .q_tit {font-size: 20px; padding: 10px 0;}
    .evCon2 .question_wrap li .q_tit span {font-size: 16px;}
    .evCon2 .question_wrap li .q_cont .q_stit {font-size: 18px;}
    .evCon2 .question_wrap li .q_cont p {font-size: 14px;}
    .evCon2 .question_wrap li .q_cont p:last-child {font-size: 16px;}
    .evCon2 .explain_wrap .e_tit span {font-size: 26px;}
    .evCon2 .explain_wrap .eventVideo_list li > p {font-size: 16px; padding: 4px 20px;}

    /* evCon3, evCon4 °øÅë ¿µ¿ª */
    .evCon3 .sub_tit,
    .evCon4 .sub_tit {font-size: 24px;}
    .lineup_info .book {margin: 0 0 0 -6%;}
    .lineup_info .book .tea_home {top: -6%;}
    .lineup_info .book .book_btn {bottom: 2%;}
    .solve .solve_tit span {font-size: 22px;}
    .solve .solve_wrap .solve_list .way_tit {font-size: 18px;}

    /* evCon5 */
    .evCon5 .review_tit {font-size: 24px;}
    
    /* evCon6 */
    .evCon6 .tab_base li {font-size: 20px; padding: 10px 0;}
    .evCon6 .tab_base li span {font-size: 14px;}

    /* evCon7 event_review */
    .evCon7 .evt_info dl dt::after {margin: 0 10px;}
    .evCon7 .evt_btn a {width: 40%;}
}
@media screen and (max-width: 768px){
    .evCon1 p {padding: 8px 20px; font-size: 14px;}

    .evCon2 .test_wrap .test_btn {width: 60%; margin: 0 auto;}
    .evCon2 .question_wrap li .q_tit {font-size: 18px;}
    .evCon2 .question_wrap li .q_tit span {font-size: 14px; padding: 2px 10px; margin: 0 8px 0 0;}
    .evCon2 .question_wrap li .q_cont {flex-direction: column; padding: 30px 20px;}
    .evCon2 .question_wrap li .q_cont .q_stit {font-size: 16px;}
    .evCon2 .question_wrap li .q_cont p {padding: 4% 0;}
    .evCon2 .question_wrap li .q_cont p:last-child {margin: 4% 0 0;}
    .evCon2 .question_wrap li .q_cont p:last-child::after {top: 0; left: 50%; transform: translate(-50%, -65%) rotate(90deg) scale(.6);}
    .evCon2 .explain_wrap .e_tit span {font-size: 22px;}
    .evCon2 .explain_wrap .eventVideo_list > li {width: 100%; margin: 0 auto; float: none;}
    .evCon2 .explain_wrap .eventVideo_list > li:first-child {margin: 0 auto 2%;}

    .evCon3 .sub_tit,
    .evCon4 .sub_tit {font-size: 22px;}
    .lineup_info {flex-direction: column; margin: 0 0 14%;}
    .lineup_info .eventVideo.video_renewal {width: 100%;}
    .lineup_info .book {margin: 4% 0 0 -10%;}
    .lineup_info .book .tea_home {top: -14%; right: 36%; transform: translateX(50%);}
    .lineup_info .book .book_btn {bottom: -12%; padding: 8px 0; font-size: 16px;}
    .evCon3 .comment, .evCon4 .comment {width: 80%;}
    .solve .solve_tit span {font-size: 18px;}
    .solve .solve_wrap {position: relative;}
    .solve .solve_wrap .solve_list {margin: 0 0 2%; padding: 16px 0;}
    .solve .solve_wrap .solve_list .way_cont .mo_hide {display: none;}
    .solve .solve_wrap .slick-list {padding: 0 20% 0 0;}
    .solve .solve_wrap .slick-slide {margin: 0 10px 0 0;}
    .solve .solve_wrap .slick-dots {width: 100%; position: absolute; bottom: -20px; display: flex;}
    .solve .solve_wrap .slick-dots li {flex-basis: 33.333%; height: 8px; background: #eee; padding: 0; margin: 0;}
    .solve .solve_wrap .slick-dots li.slick-active {background: #f04150;}
    .solve .solve_wrap .slick-dots li button {font-size: 0;}

    .evCon4::before {width: 60px; height: 30px; background-size: contain;}

    .evCon5 .review_jeong {margin: 0 0 10%;}
    .evCon5 .review_cont {justify-content: center;}
    .evCon5 .review_cont img {width: 100%;}
    .evCon5 .review_cont .slick-dots {display: flex; position: absolute; bottom: -20px;}
    .evCon5 .review_cont .slick-dots li button {font-size: 0; width: 10px; height: 10px; border-radius: 50%; background: #fff; margin: 0 4px;}
    .evCon5 .review_cont .slick-dots li.slick-active button {background: #f04150;}

    .evCon6 .tab_base li {font-size: 16px;}
    .evCon6 .tab_base li span, .evCon6 .tab_base li em {display: none;}

    /* evCon7 event_review */
    .evCon7 .evt_info {flex-direction: column-reverse;}
    .evCon7 .evt_info dl {font-size: 16px;}
    .evCon7 .evt_info dl dt {margin: 5px 0;}
    .evCon7 .evt_info dl dd {margin: 5px 0;}
    .evCon7 .evt_info .evt_gift {margin: 0 0 4%;}
    .evCon7 .evt_btn a {width: 48%; margin: 0 0.5%;}


}
@media screen and (max-width: 576px){
    .evCon1 p {font-size: 10px;}

    .evCon2 .question_wrap li .q_tit {font-size: 14px; padding: 6px 0;}
    .evCon2 .question_wrap li .q_tit span {font-size: 12px; padding: 0 8px;}
    .evCon2 .question_wrap li .q_cont {padding: 20px 10px;}
    .evCon2 .question_wrap li .q_cont .q_stit {font-size: 14px;}
    .evCon2 .question_wrap li .q_cont .q_stit .mo_show {display: block;}
    .evCon2 .question_wrap li .q_cont p {font-size: 12px;}
    .evCon2 .question_wrap li .q_cont p:last-child {font-size: 14px;}
    .evCon2 .explain_wrap .e_tit span {font-size: 16px;}
    .evCon2 .explain_wrap .e_tit span::after {height: 8px;}
    .evCon2 .explain_wrap .eventVideo_list li > p {font-size: 12px; padding: 2px 10px;}

    .evCon3 .sub_tit, .evCon4 .sub_tit {font-size: 16px;}
    .evCon3 .sub_tit span::after, .evCon4 .sub_tit span::after {height: 8px;}
    .lineup_info .book {width: 60%; margin: 0 0 0 -10%;}
    .lineup_info .book .tea_home {font-size: 12px; top: -10%;}
    .lineup_info .book .tea_home i {width: 16px; height: 16px; margin: 0 0 0 4px; font-size: 10px; line-height: 16px;}
    .lineup_info .book .book_btn {font-size: 12px; padding: 5px 0;}
    .solve .solve_tit span {font-size: 16px; padding: 0 8px;}
    .solve .solve_wrap .slick-list {padding: 0 10% 0 0;}
    .solve .solve_wrap .solve_list .way_tit {font-size: 14px; margin: 0 0 20px;}
    .solve .solve_wrap .solve_list .way_tit::after {bottom: -10px;}
    .solve .solve_wrap .slick-dots {bottom: -10px;}

    .evCon5 .review_tit {font-size: 16px;}

    .evCon6 .tab_base li {font-size: 12px; padding: 6px 0;}

    .evCon7 .con_tit {width: 116%; margin: 0 0 4% -8%;}
    .evSection .con_tit .evt_end {right: 6%; width: 20%;}
    .evCon7 .evt_info .evt_gift {width: 80%; margin: 0 auto 4%;}
    .evCon7 .evt_info dl {font-size: 14px;}
    .evCon7 .evt_info dl dd .tiny_noti {font-size: 10px;}
    .evCon7 .evt_info dl dt:nth-of-type(2) {letter-spacing: 2.1px;}
}

.warningList li ul li a.tp1{background-color:#000; color:#fff;}