@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */

a.buy { position: absolute; display: block; font-size: 18px; color: #fff; border-radius: 100%; width: 114px; line-height: 114px; } 
a.buy img { position: relative; top: -2px; left: 1px; } 

.evCon1 { background:#ffb401 url('https://image.megagong.net/m/2023/1116_wjsgywls1/con1_bg.jpg') no-repeat; padding: 80px 0 0; } 
.evCon1 h3 { margin: 0 -131px 0 -31px; position: relative; } 
.evCon1 h3 .home { position: absolute; display: block; left: 0; top: 16.5%; } 

.fix_bnr { background: #ff6012; position: relative; overflow: hidden; } 
.fix_bnr::before { content:''; background: #31334f; width: 500%; height: 100%; position: absolute; left: 50%; } 
.fix_bnr ul { display: flex; } 
.fix_bnr ul li { width: 50%; } 
.fix_bnr ul li a { display: block; color: #fff; font-size: 23px; padding: 26.4px 0; font-weight: 700; } 
.fix_bnr ul li:nth-child(1) a span { color: #ffd2bc; } 
.fix_bnr ul li:nth-child(2) a span { color: #d8dbff; } 

.evCon2 { background: #f6f1e4; padding: 170px 0; } 
.evCon2 .content { margin: 80px 0 0; display: flex; justify-content: space-between; align-items: center; } 
.evCon2 .content dl { width: 380px; position: relative; } 
.evCon2 .content dl::before { content: ''; width: 110px; height: 14px; position: absolute; } 
.evCon2 .content dl.org::before { background: url('https://image.megagong.net/m/2023/1116_wjsgywls1/con2_ico1_or.png') no-repeat; right: -103px; top: 98px; } 
.evCon2 .content dl.blue::before { background: url('https://image.megagong.net/m/2023/1116_wjsgywls1/con2_ico1_bl.png') no-repeat; top: 186px; left: -102px; } 
.evCon2 .content dl dt { color: #fff; font-size: 18px; padding: 18.4px 0; border-radius: 25px 25px 0 0; font-weight: 700; } 
.evCon2 .content dl.org dt { background: #ff6012; border-radius: 15px 15px 0 0; } 
.evCon2 .content dl.blue dt { background: #31334f; } 
.evCon2 .content dl dd { background: #fff; padding: 37.2px 0; min-height: 220px; border-radius: 0 0 25px 25px; } 
.evCon2 .content dl dd p { font-size: 17px; color: #2d2d2d; font-weight: 700; margin: 0 0 16px; } 
.evCon2 .content dl dd ul { display: inline-block; } 
.evCon2 .content dl dd ul li { font-size: 16px; color: #6d6d6d; text-align: left; margin: 0 0 7px; position: relative; padding-left: 24px; line-height: 1.45; } 
.evCon2 .content dl dd ul li:last-child { margin:0 0; } 
.evCon2 .content dl dd ul li::before { content: ''; width: 15px; height: 12px; position: absolute; left: 0; top: 5px; } 
.evCon2 .content dl.org dd ul li::before { background: url('https://image.megagong.net/m/2023/1116_wjsgywls1/con2_ico2_or.png') no-repeat; } 
.evCon2 .content dl.blue dd ul li::before { background: url('https://image.megagong.net/m/2023/1116_wjsgywls1/con2_ico2_bl.png') no-repeat; } 

.evCon3 { background: #ec570e; padding: 180px 0; } 
.evCon3 .con_tit { margin-bottom: 70px; } 
.evCon3 .content1 { margin: 45px 0 35px; overflow-x: auto; } 
.evCon3 .content2 { margin: 70px 0 20px -75px; position: relative; } 
.evCon3 .content2 .buy { background: #31334f; left: 162px; top: 8px; } 
.evCon3 .content3 { background: #f6f1e4; border-radius: 10px; display: flex; position: relative; font-size: 17px; } 
.evCon3 .content3 .con1 { width: 47%; padding: 0 40px; display: flex; justify-content: space-between; align-items: center; position: relative; } 
.evCon3 .content3 .con1::before { content:''; background: #f4d5c5; width: 1px; height: 80.2%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } 
.evCon3 .content3 .con1 li { background: #ec570e; color: #fff; width: 132px; line-height: 54px; border-radius: 10px; } 
.evCon3 .content3 .con2 { width: 53%; padding: 38.3px 40px; } 
.evCon3 .content3 .con2 li { text-align: left; font-weight: 700; margin: 0 0 7px; position: relative; padding-left: 25px; } 
.evCon3 .content3 .con2 li:last-child { margin:0 0; } 
.evCon3 .content3 .con2 li::before { content: ''; background: url('https://image.megagong.net/m/2023/1116_wjsgywls1/con3_ico2.png') no-repeat; width: 15px; height: 12px; position: absolute; left: 0; top: 7px; } 
.evCon3 .content3 .con2 li strong { background: #f7dac2; } 

.evCon4 { background: #212336; padding: 180px 0 160px; } 
.evCon4 .con_tit { margin-bottom: 70px; } 
.evCon4 .content .book { display: inline-block; position: relative; margin: 0 10px 0 -68px; vertical-align: bottom; top: 4px; } 
.evCon4 .content .book .buy { background: #ff6012; left: 61px; top: -70px; } 
.evCon4 .content .con4_roll { display: inline-block; width: 728px; } 
.evCon4 .content .con4_roll .slick-dots { margin: 26px 0 0; } 
.evCon4 .content .con4_roll .slick-dots li { width: 18px; height: 18px; border: 3px solid #fff; border-radius: 100%; display: inline-block; margin: 0 10px 0 0; cursor: pointer; } 
.evCon4 .content .con4_roll .slick-dots li:last-child { margin: 0 0; } 
.evCon4 .content .con4_roll .slick-dots li.slick-active { background: #fff; } 
.evCon4 .content .con4_roll .slick-dots li button { font-size: 0; } 

.evCon5 { background: #f6f1e4; padding: 180px 0 185px; } 
.evCon5 .step { margin: 70px 0 100px; display: flex; justify-content: space-between; position: relative; } 
.evCon5 .step::before { content:''; background: url('https://image.megagong.net/m/2023/1116_wjsgywls1/con5_ico2.png') no-repeat; width: 61px; height: 61px; position: absolute; left: 50%; bottom: -82px; z-index: 1; transform: translate(-50%, 0); } 
.evCon5 .step li { background: #fff; width: 200px; padding: 36.1px 0; border-radius: 20px; position: relative; } 
.evCon5 .step li::before { content:''; background: url('https://image.megagong.net/m/2023/1116_wjsgywls1/con5_ico1.png') no-repeat; width: 38px; height: 38px; position: absolute; top: 50%; right: -26px; transform: translate(0, -50%); z-index: 1; } 
.evCon5 .step li:last-child::before { display:none; } 
.evCon5 .step li .con1 { font-size: 15px; color: #fff; background: #31334f; width: 85px; line-height: 35px; margin: 0 auto; border-radius: 100px; } 
.evCon5 .step li .con2 { margin: 26px 0; font-size: 16px; font-weight: 700; width: 100%; line-height: 1.45; } 
.evCon5 .step li:nth-child(n + 3) .con2 { margin: 15px 0 14px; } 
.evCon5 .step li .con3 { font-size: 15px; color: #6d6d6d; } 
.evCon5 .step li .con3 img { display: block; margin: 0 auto 8px; } 
.evCon5 .step li.two { width: 420px; } 
.evCon5 .step li .cont { display: flex; flex-wrap: wrap; } 
.evCon5 .step li .wrap { display: flex; flex-wrap: wrap; justify-content: center; position: relative; width: 50%; } 
.evCon5 .step li .wrap:first-child::before { content:''; position: absolute; top: 10px; width: 100%; height: 100%; border: dashed #dddddd; border-width: 0 1px 0 0; } 
.evCon5 .plus { background: #fff; display: flex; border-radius: 20px; overflow: hidden; } 
.evCon5 .plus li { width: 39.8%; font-size: 17px; font-weight: 700; padding: 26px 0; position: relative; color: #31334f; } 
.evCon5 .plus li:first-child { background: #31334f; color: #fff; width: 20.4%; font-size: 20px; } 
.evCon5 .plus li:nth-child(2)::before { content:''; width: 1px; background: #d2d2d2; height: 50%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } 

.evCon6 { background: #ffc240; padding: 0 0 130px; overflow: inherit !important; overflow-x: clip !important; } 
.evCon6 .tab_base { position: relative; z-index: 1; display: flex; } 
.evCon6 .tab_base::before { content:''; background: #f6f1e4; width: 1000%; height: 100%; position: absolute; left: -500%; z-index: -1; } 
.evCon6 .tab_base li { width: 50%; background: #ded3b8; border-radius: 20px 20px 0 0; } 
.evCon6 .tab_base li a { font-size: 23px; color: #fffaef; display: block; padding: 33.9px 0; } 
.evCon6 .tab_base li.on { background: #ffc240; } 
.evCon6 .tab_base li.on a { color: #fff; } 
.evCon6 .tab_base li a .mo { display: none; } 
.evCon6 .eventVideo { margin: 128px 0 70px; } 
.evCon6 .sub_tit { position: relative; } 
.evCon6 .sub_tit::before { content:''; width: 100%; height: 1px; background: #ffe4aa; position: absolute; left: 0; top: 50%; } 
.evCon6 .sub_tit span { display: inline-block; background: #ffc240; padding: 0 30px; color: #fff; font-size: 25px; position: relative; font-weight: 700; } 
.evCon6 .con6_roll { margin: 35px 0 65px; display: flex; justify-content: space-between; } 
.lecture { padding-bottom: 0 !important; } 
.lecList { background: #fff; } 
.vodchr_banner { margin-bottom: 0; } 
.lectlist .lect_item:last-child { border-bottom: 1px solid #ccc; } 
.pocket_pop { z-index: 4; } 

.evCon7 { background: #f6f1e4; padding: 180px 0; } 
.evCon7 ul { margin: 65px 0 40px; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; } 
.evCon7 ul li { background: #fff; display: inline-block; padding: 44.5px 33.5px; border-radius: 20px; } 
.evCon7 .tiny_noti { font-size: 14px; color: #a69e8b; } 

.evCon8 { background: #ec570e; padding: 180px 0; } 
.evCon8 .con_tit i { position: absolute; top: 0; right: -70px; } 
.evCon8 .con_txt { font-size: 22px; color: #fff; font-weight: 100; margin: 30px 0 55px; } 
.evCon8 .con_txt strong { font-weight: normal; } 
.evCon8 .con_txt .mo { display: none; } 
.evCon8 .schedule { border: solid #ffab82; border-width: 1px 0; padding: 35px 0; } 
.evCon8 .schedule ul { text-align: left; padding: 0 126px; } 
.evCon8 .schedule ul li { display: inline-block; font-size: 18px; color: #fff; } 
.evCon8 .schedule ul li:nth-child(1) { margin: 0 25px 10px 0; } 
.evCon8 .schedule ul li .tit { background: #212336; display: inline-block; border-radius: 100px; padding: 7.4px 25.6px; margin-right: 10px; } 
.evCon8 .schedule ul li .tiny { font-size: 14px; color: #ffe0d1; font-weight: 200; } 
.evCon8 .schedule ul li strong { color: #ffe0d1; background: #f0793e; } 
.evCon8 .gift { margin: 80px 0 100px; display: flex; justify-content: center; gap: 40px; } 

.eventBoard .evtBoard_common .evtBoard_inner { background: #d44e0d; } 
.evtBoard_common .board_notice li { font-size: 12px; opacity: 1; } 
.eventBoard .evtBoard_common .board_notice li.chk_notice { font-size: 14px; } 

.warningList > li.w_tit { font-weight: 700; } 
.warningList > li { margin: 10px 0 0; } 
.warningList .f_dash li { color: #5e5e5e; } 
.warningList li ul li a { color: #ec570e; border-bottom: 1px solid #ec570e; margin: 0; padding: 0 0 4px; } 


@media screen and (max-width: 1200px){
 .con_tit { margin-left: -12%; margin-right: -12%; } 
 a.buy { font-size: 16px; } 
 
 .evCon1 { padding: 7% 0 0; background-size: cover; } 
 .evCon1 h3 { margin: 0 0; } 
 .evCon1 h3 .home { width: 4%; } 
 
 .fix_bnr ul li a { font-size: 19px; padding: 23px 0; } 

 .evCon2 { padding: 14% 0; } 
 .evCon2 .content { margin: 7% 0 0; display: block; } 
 .evCon2 .content dl { margin: 0 auto; width: 70%; max-width: 520px; } 
 .evCon2 .content dl::before { display: none; } 
 .evCon2 .content dl dt { font-size: 16px; padding: 15px 0; } 
 .evCon2 .content dl dd { min-height: auto; padding: 20px 0; border-radius: 0 0 15px 15px; } 
 .evCon2 .content dl dd p { font-size: 15px; } 
 .evCon2 .content dl dd ul li { font-size: 13px; } 
 .evCon2 .content .circle { margin: 3% auto; } 

 .evCon3 { padding: 15% 0; } 
 .evCon3 .con_tit { margin-bottom: 6%; } 
 .evCon3 .content1 { margin: 3% 10%; } 
 .evCon3 .content2 { margin: 6% 0 2% -12%; padding: 0 10%; } 
 .evCon3 .content2 > img { width:100%; } 
 .evCon3 .content2 .buy { left: 14%; top: auto; bottom: 0; } 
 .evCon3 .content3 { font-size: 14.5px; } 
 .evCon3 .content3 .con1 { padding: 0 2%; gap: 2%; justify-content: center; } 
 .evCon3 .content3 .con2 { padding: 30px 2%; } 

 .evCon4 { padding: 15% 0 13.5%; } 
 .evCon4 .con_tit { margin-bottom: 6%; } 
 .evCon4 .content { margin: 0 10%; } 
 .evCon4 .content .book { width: 48%; margin: 0 1% 0 -7%; } 
 .evCon4 .content .book .buy { top: auto; bottom: 0; left: 15%; } 
 .evCon4 .content .con4_roll { width: 46%; } 

 .evCon5 { padding: 15% 0; } 
 .evCon5 .step { margin: 6% auto 50px; flex-wrap: wrap; width: 700px; } 
 .evCon5 .step::before { width: 47px; height: 47px; background-size: 100%; bottom: -42px; } 
 .evCon5 .step li { width: 100% !important; display: flex; align-items: center; gap: 20px; margin: 0 auto 2%; padding: 15px 75px; } 
 .evCon5 .step li::before { display: none; } 
 .evCon5 .step li .con1 { margin: 0; } 
 .evCon5 .step li .con2 { width: 170px; } 
 .evCon5 .step li .con3 { font-size: 13px; } 
 .evCon5 .step li .con3 img { display: inline-block; margin-right: 10px; width: 90px; } 
 .evCon5 .step li .cont { display: block; } 
 .evCon5 .step li .wrap { align-items: center; gap: 20px; width: 100%; justify-content: flex-start; } 
 .evCon5 .step li .wrap:first-child { margin: 0 0 20px; } 
 .evCon5 .step li .wrap:first-child::before { border-width: 0 0 1px 0; top: 0; } 
 .evCon5 .plus { width: 700px; margin: 0 auto; } 

 .evCon6 { padding: 0 0 11%; } 
 .evCon6 .tab_base li a { font-size: 20px; padding: 28px 0; } 
 .evCon6 .eventVideo { margin: 11% 0 6%; } 
 .evCon6 .sub_tit span { font-size: 21px; } 
 .evCon6 .con6_roll { display: block; margin: 3% 6%; } 
 .evCon6 .con6_roll img { margin:0 auto; } 
 .evCon6 .con6_roll .slick-dots { margin:10px 0 0; } 
 .evCon6 .con6_roll .slick-dots li { width: 15px; height: 15px; border-radius: 100%; display: inline-block; margin: 0 7px 0 0; background: #fff; } 
 .evCon6 .con6_roll .slick-dots li:last-child { margin:0 0; } 
 .evCon6 .con6_roll .slick-dots li.slick-active { background: #ff6012; /* background: #000; */ } 
 .evCon6 .con6_roll .slick-dots li button { font-size: 0; } 

 .evCon7 { padding: 15% 0; } 
 .evCon7 ul { margin: 6% 0 3.5%; gap: 15px 1.5%; } 
 .evCon7 ul li { width: 39%; padding: 30px 10px; } 
 .evCon7 .tiny_noti { font-size: 12px; } 

 .evCon8 { padding: 15% 0; } 
 .evCon8 .con_tit i { right: 7%; width: 23%; } 
 .evCon8 .con_txt { margin: 3% 0 5%; font-size: 19px; } 
 .evCon8 .schedule ul { padding: 0 0; display: inline-block; } 
 .evCon8 .schedule ul li { font-size: 16px; display: block; margin: 5px 0 0; } 
 .evCon8 .schedule ul li:nth-child(1) { margin:0 0; } 
 .evCon8 .schedule ul li .tiny { font-size:12px; } 
 .evCon8 .gift { margin: 7% 0 9%; /* padding: 0 10%; */ } 
 }

@media screen and (max-width: 992px) { a.buy { width: 100px; line-height: 100px; } 

 .evCon3 .content2 { padding: 0 0; } 
 .evCon3 .content2 .buy { left: 9.5%; } 

 .evCon4 .content { margin:0 0; } 
 }

@media screen and (max-width: 768px){
 .evCon1 h3 .home { width: 5%; top: 13.5%; } 

 .fix_bnr ul li a { font-size: 17px; padding: 20px 0; } 

 .evCon3 .sub_tit { margin: 0 -20%; } 
 .evCon3 .content1 { margin: 3% 0; } 
 .evCon3 .content3 { display: block; padding: 15px 0; font-size: 13px; } 
 .evCon3 .content3 .con1 { margin: 0 auto; padding: 0 0; width: 100%; } 
 .evCon3 .content3 .con1::before { display: none; } 
 .evCon3 .content3 .con1 li { width: 100px; line-height: 40px; } 
 .evCon3 .content3 .con2 { padding: 15px 0 0; display: inline-block; width: auto; } 


 .evCon4 .content .book { top: -10px; } 
 .evCon4 .content .con4_roll { width: 52%; } 
 .evCon4 .content .con4_roll .slick-dots { margin: 10px 0 0; } 
 .evCon4 .content .con4_roll .slick-dots li { border-width: 2px; width: 14px; height: 14px; } 

 .evCon5 .step { width: 460px; margin: 6% auto 30px; } 
 .evCon5 .step::before { width: 30px; height: 30px; bottom: -26px; } 
 .evCon5 .step li { padding: 10px 17px 0; gap: 10px; } 
 .evCon5 .step li .con1 { font-size: 13px; line-height: 28px; width: 80px; } 
 .evCon5 .step li .con2 { font-size: 14px; width: 120px; } 
 .evCon5 .step li .con3 img { width: 75px; } 
 .evCon5 .plus { width: 460px; border-radius: 15px; } 
 .evCon5 .plus li { font-size: 15px; } 
 .evCon5 .plus li:first-child { font-size: 16px; } 

 .evCon6 .tab_base li { border-radius: 15px 15px 0 0; } 
 .evCon6 .tab_base li a { font-size: 17px; padding: 25px 0; } 
 .evCon6 .sub_tit span { font-size: 18px; padding: 0 20px; } 
 .evCon6 .con6_roll { padding: 0 12%; } 

 .evCon7 ul { gap: 7px 1.5%; } 
 .evCon7 ul li { width: 49.2%; padding: 20px 1%; } 

 .evCon8 .con_txt { font-size: 16px; } 
 .evCon8 .schedule { padding: 20px 0; } 
 .evCon8 .schedule ul li { font-size: 14px; margin: 10px 0 0; } 
 .evCon8 .schedule ul li .tit { padding: 4px 15px; margin-right: 7px; } 
 .evCon8 .schedule ul li:nth-child(3) strong { display: block; margin-left: 105px; font-size: 12px; } 
 .evCon8 .gift { padding: 0 5%; gap: 10px; flex-wrap: wrap; } 
.evCon8 .gift li { width: 47%; } 
 }

@media screen and (max-width: 576px) { 
 a.buy { font-size: 13px; width: 80px; line-height: 80px; } 

 .fix_bnr ul li a { font-size: 13px; padding: 10px 0; } 
 .fix_bnr ul li a span { display: block; } 

 .evCon2 .content dl { width: 100%; max-width: 380px; } 
 .evCon2 .content dl dt { font-size: 14px; padding: 12px 0; } 
 .evCon2 .content dl dd { padding: 12px 0; } 
 .evCon2 .content dl dd p { font-size: 13px; margin: 0 0 8px; } 
 .evCon2 .content dl dd ul li { margin: 0 0 4px; } 
 .evCon2 .content .circle { width: 170px; } 

 .evCon3 .content1 div { width: 120%; max-width: 550px; } 
 .evCon3 .content2 .buy { bottom: 3%; } 

 .evCon6 .tab_base li a { padding: 12px 0; } 
 .evCon6 .tab_base li a .mo { display:block; } 

 .evCon8 .con_txt { font-size: 14px; } 
 .evCon8 .schedule ul li { font-size: 13px; } 
 }


@media screen and (max-width:480px) { a.buy { width: 70px; line-height: 70px; } 

 .evCon3 .sub_tit { margin: 0 -30%; } 
 .evCon3 .content1 { margin: 3% -1.5%; } 

 .evCon4 .content .con4_roll { width: 57%; } 

 .evCon5 .step { width: 360px; } 
 .evCon5 .step li { padding: 8px 22px; } 
 .evCon5 .step li .con1 { font-size: 12px; width: 70px; line-height: 20px; } 
 .evCon5 .step li .con2 { font-size: 13px; width: 105px; } 
 .evCon5 .step li .con3 { font-size: 12px; width: 110px; } 
 .evCon5 .step li .con3 img { display: block; margin: 0 auto 5px; width: 58px; } 
 .evCon5 .step li .wrap:first-child { margin: 0 0 10px; padding: 0 0 10px; } 
 .evCon5 .plus { width: 360px; } 
 .evCon5 .plus li { font-size: 13px; padding: 20px 0; } 
 .evCon5 .plus li:first-child { font-size: 14px; } 

 .evCon6 .tab_base li a { font-size: 15px; } 
 .evCon6 .sub_tit span { font-size: 16px; padding: 0 10px; } 
 .evCon6 .con6_roll { padding: 0 5%; } 
 .evCon6 .con6_roll .slick-dots { margin:7px 0 0; } 

 .evCon8 .con_txt .mo { display: block; } 
 .evCon8 .schedule ul li .tit { padding: 3px 6.5px; margin-right: 4px; } 
 .evCon8 .schedule ul li:nth-child(3) strong { margin-left: 80px; } 
 .evCon8 .gift { padding: 0 0; gap: 2%; } 
 }