@charset "euc-kr";


.main { background-color: #a4d56d; background-image: url('https://img.megagong.net/m/2022/1109_choi/main_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.main .inner { position: relative; } 
.main .inner h3 { position: absolute; top: 200px; right: 0; text-align: right; } 
.main .inner h3 > div { color: #fff; font-size: 28px; font-weight: 300; } 
.main .inner h3 > div:first-of-type { margin-bottom: 20px; } 
.main .inner h3 > div span { position: relative; display: inline-block; color: #fb6603; font-weight: bold; z-index: 1; } 
.main .inner h3 > div span::before { position: absolute; top: 52%; left: -10px; transform: translate(0, -50%); content: ''; width: 100vw; height: calc(100% - 10px); background-color: #bdf67c; opacity: 0.85; z-index: -1; } 
.main .con_box { position: relative; } 
.main .con_box .teacher { margin: 0 -120px 0 -110px; } 
.main .con_box a { position: absolute; top: 80%; left: 50%; transform: translate(-50%, -50%); width: 100%; } 


.evCon1 { padding-bottom: 150px; background-color: #a4d56d; } 
.evCon1 .con_tit { margin-bottom: 75px; } 


.evCon2 { padding-bottom: 150px; background-color: #f0f6e9; } 


.evCon3 { padding-bottom: 150px; background-color: #ffffff; } 
.evCon3 .con_tit { margin-bottom: 70px; } 
.evCon3 .con_box { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } 
.evCon3 .con_box.for_mo { display: none; } 
.evCon3 .con_box > img:nth-of-type(1),
.evCon3 .con_box > img:nth-of-type(2) { margin-bottom: 30px; } 


.evCon4 { padding-bottom: 150px; background-color: #eaf4df; } 
.evCon4 .con_tit { margin-bottom: 70px; } 
.evCon4 .con_box .tab_base { display: flex; flex-direction: row; align-items: center; justify-content: center; overflow: hidden; } 
.evCon4 .con_box .tab_base li { display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; height: 84px; color: #eaf4df; font-size: 23px; font-weight: bold; background-color: #a1b495; border: 3px solid #a1b495; border-bottom: 3px solid #000; } 
.evCon4 .con_box .tab_base li.on { position: relative; color: #000; border: 3px solid #000; border-bottom: 3px solid #fff; background-color: #fff; } 
.evCon4 .con_box .tab_base li.on::before { position: absolute; left: 100%; bottom: -3px; content: ''; width: 100vw; height: 3px; background-color: #000; } 
.evCon4 .con_box .tab_base li.on::after { position: absolute; right: 100%; bottom: -3px; content: ''; width: 100vw; height: 3px; background-color: #000; } 
.evCon4 .con_box .tab_base li a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.evCon4 .con_box .panel_base { background-color: #fff; } 
.evCon4 .con_box .panel_base li > div { display: flex; flex-direction: row; align-items: center; width: 100%; } 
.evCon4 .con_box .panel_base li > div > .con4_tab_slider { width: 57%; height: 100%; } 
.evCon4 .con4_tab_slider .slick-dots { position: absolute; left: initial; right: 18px; bottom: 25px; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; color: transparent; font-size: 0; } 
.evCon4 .con4_tab_slider .slick-dots li { width: 12px; height: 12px; margin: 0 3px; background-color: transparent; border: 1px solid #4e8827; border-radius: 50%; font-size: 0; background-color: transparent; cursor: pointer; } 
.evCon4 .con4_tab_slider .slick-dots li.slick-active { background-color: #4e8827; border-radius: 25px; } 
.evCon4 .con4_tab_slider .slick-dots li button { color: transparent; font-size: 0; } 


.evCon5 { padding-bottom: 160px; background-color: #ffffff; } 
.evCon5 .con_tit { margin-bottom: 70px; } 
.evCon5 .eventVideo.video_renewal { display: inline-block; width: auto; height: 100%; margin: 0 40px; margin-bottom: 83px; background: transparent; } 
.evCon5 .lecture { margin-top: 70px; padding-bottom: 0 !important; } 


.event1 .inner,.event2 .inner { position: relative; } 
.event1 .inner .fin,.event2 .inner .fin { position: absolute; top: 180px; right: -100px; z-index: 1; } 
.event1 { padding-bottom: 150px; background-color: #ff8a56; } 
.event1 .con_box > div { margin: 0 -80px; } 
.event2 { padding-bottom: 150px; background-color: #538462; } 
.event2 .infoandgift { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 70px; } 
.event2 .infoandgift .container_info { flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 0; padding-left: 25px; font-size: 21px; background-color: transparent; border-radius: 0; } 
.event2 .container_info .info { margin-right: 0; margin-bottom: 17px; } 
.event2 .container_info .info:last-of-type { margin-bottom: 0; } 
.event2 .container_info .info .info_title::before { width: 2px; height: 19px; border-radius: 0; } 
.event2 .container_info .info .info_title::after { display: none; } 
.event2 .container_info .info .noti { color: #81ffa7; } 
.event2 .infoandgift > img { margin-right: -27px; } 
.event2 .step_box { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 30px 0 50px 0; } 

.event2 .step_box .step { position: relative; } 
.event2 .step_box .step a { position: absolute; left: 50%; bottom: 10%; transform: translate(-50%, 0); width: 100%; } 
.eventBoard .evtBoard_common .info_wrap { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; } 
.eventBoard .evtBoard_common .info_wrap p { color: #444444; font-weight: 300; font-size: 14px; font-family: 'NotoSans KR'; text-align: left; } 
.eventBoard .evtBoard_common .info_wrap button { margin-right: 10px; color: #000; font-size: 17px; font-weight: bold; font-family: 'NotoSans KR'; text-decoration: underline; text-underline-offset: 6px; } 
.eventBoard .shareList { border-radius: 15px 15px 0 0; overflow: hidden; } 
.eventBoard .evtBoard_common { border-radius: 0 0 15px 15px; overflow: hidden; background-color: #f2f2f3; } 
.shareList ul li dl.sns dt { background-color: #4183ff; } 
.shareList ul li dl.naver dt { background-color: #41e16e; } 
.shareList ul li dl.daum dt { background-color: #ff8745; } 
.shareList ul li dl.etc dt { background-color: #a9a9a9; } 
.shareList ul li dl.sns dd,
.shareList ul li dl.naver dd,
.shareList ul li dl.daum dd,
.shareList ul li dl.etc dd { border: 1px solid #000; color: #000; } 
.warningList > li.w_tit { font-weight: bold; } 
.warningList > li { margin-top: 10px; } 
.warningList li ul li a { color: #fe763a; border: 1px solid #fe763a; }

/* Æ˾÷ */
.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: 1200px){
 .main .inner h3 { top: 10vw; right: 4vw; } 
 .main .con_box .teacher { margin: 0 -66px 0 -55px; } 
 .main .con_box a { width: 93%; } 

 .evCon3 .con_box > img { width: calc(50% - 7.5px); } 
 .event1 .inner .fin,.event2 .inner .fin { top: 180px; right: 0; } 
 .event2 .infoandgift > img { width: 50%; } 
 .event2 .step_box > img { margin: 0 10px; } 
 }

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

 .main .con_box .teacher { margin: 0 -8vw 0 -7vw; } 
 .main .con_box a { width: 94.5%; } 
 .main .inner h3 > div { font-size: 22px; } 

 .evCon1,.evCon2,.evCon3,.evCon4,.evCon5,.event1,.event2 { padding-bottom: 10vw; } 
 .evCon3 .con_tit { margin-bottom: 6.5vw; } 
 .evCon3 .con_tit > img { margin-top: -6vw; } 
 .evCon4 .con_tit { margin-bottom: 6.5vw; } 
 .evCon4 .con_tit > img { margin-top: -5vw; } 
 .evCon5 .con_tit { margin-bottom: 6.5vw; } 
 .evCon5 .con_tit > img { margin-top: -5vw; } 
 .event1 .inner .fin,.event2 .inner .fin { top: 10vw; right: 0; width: 25vw}
 .event1 .con_tit { margin-bottom: 6.5vw; } 
 .event1 .con_tit > img { margin-top: -5vw; } 
 .event2 .con_tit { margin-bottom: 6.5vw; } 
 .event2 .con_tit > img { margin-top: -5vw; } 
 .event2 .infoandgift .container_info { font-size: 16px; } 
 .event2 .infoandgift > img { margin-right: 0; } 
 .event2 .step_box .step a { width: 80%; } 
 .eventBoard .evtBoard_common .info_wrap button { white-space: nowrap; } 
 }

@media (max-width: 768px){
 .main .inner { overflow: hidden; } 
 .main .inner h3 { right: 2%; } 
 .main .inner h3 > div { font-size: 18px; } 
 .main .con_box a > img { transform: scale(1.6); } 
 .evCon1 .con_tit { margin-bottom: 7vw; } 
 .event1 .con_box > div { margin: 0 auto; margin-top: -5vw; } 
 .evCon4 .con4_tab_slider .slick-dots { right: -12px; bottom: 8px; } 
 .event1 .con_box > a img { width: 60%; } 
 .event2 .infoandgift { flex-direction: column-reverse; margin-bottom: 30px; } 
 .event2 .infoandgift > img { margin-bottom: 30px; } 
 .eventBoard .evtBoard_common .info_wrap p { font-size: 12px; } 
 .warningList li,.warningList li ul li a { font-size: 11px; } 
 }

@media (max-width: 576px){
 .dim_popup.sns { width:90% } 
 .main .inner h3 > div { font-size: 12px; } 
 .main .con_box a > img { transform: scale(2.7); } 
 .evCon1 .con_box > img:last-of-type { margin-top: 7vw; transform: scale(1.2); } 
 .evCon3 .con_box.for_pc { display: none; } 
 .evCon3 .con_box.for_mo { display: block; } 
 .evCon3 .con_box.for_mo .slick-dots { position: absolute; left: 50%; bottom: -25px; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; color: transparent; font-size: 0; } 
 .evCon3 .con_box.for_mo .slick-dots li { width: 12px; height: 12px; margin: 0 3px; background-color: transparent; border: 1px solid #4e8827; border-radius: 50%; font-size: 0; background-color: transparent; cursor: pointer; } 
 .evCon3 .con_box.for_mo .slick-dots li.slick-active { background-color: #4e8827; border-radius: 25px; } 
 .evCon3 .con_box.for_mo .slick-dots li button { color: transparent; font-size: 0; } 
 .evCon3 .con_box > img { width: 70%; } 
 .evCon3 .con_box > img:nth-of-type(1), .evCon3 .con_box > img:nth-of-type(2),.evCon3 .con_box > img:nth-of-type(3) { margin-bottom: 0; } 

 .evCon4 .con_box .tab_base li { height: 50px; font-size: 16px; } 
 .evCon5 .eventVideo.video_renewal { margin-bottom: 35px; } 
 .evCon5 .lecture { margin-top: 30px; } 
 .event2 .infoandgift .container_info { font-size: 12px; } 
 .container_info .info .noti { font-size: 9px; } 
 .event2 .step_box { flex-direction: column; } 
 .event2 .step_box > img { transform: rotate(90deg); } 
 .eventBoard .evtBoard_common .info_wrap { flex-direction: column-reverse; align-items: center; } 
 .eventBoard .evtBoard_common .info_wrap button { margin-right: 0; margin-bottom: 10px; } 
 }