@charset "euc-kr";


/* main */
.main { overflow: initial !important; background-color: rgb(0, 0, 65); background-image: url('https://img.megagong.net/m/2022/1027_han/main_bg.jpg'); background-repeat: no-repeat; background-position: 50% 0 !important; background-size: cover; } 
.main .main_container { position: relative; } 
.main .main_container h3 > div { margin: 0 -170px; } 
.main .main_container .con_box { position: absolute; top: 54.7%; left: 50%; transform: translate(-50%, 0); display: flex; flex-direction: column; align-items: center; width: 100%; } 
.main .main_container .con_box .new { display: inline-block; margin-top: 10px; margin-right: 20px; padding: 0 20px; color: #1d1d39; font-size: 88px; font-weight: 900; background-color: #849bff; border-radius: 20px; } 
.main .main_container .con_box > div { display: flex; flex-direction: row; align-items: center; color: #849bff; font-size: 120px; font-weight: 900; } 
.main .main_container .con_box > div .white { color: #fff; } 
.main .main_container .con_box > div:nth-of-type(2) { margin-top: -20px; } 
.main .main_container .con_box > a { margin-top: 10px; } 
.main .evCon1_container { margin-top: -120px; margin-bottom: 165px; } 
.main .evCon1_container .con_tit { margin-bottom: 80px; line-height: 1.3; color: #849bff; font-size: 60px; font-weight: 900; } 
.main .evCon1_container .con_tit span { display: inline-block; margin-bottom: 15px; color: #fff; font-size: 40px; font-weight: 400; } 
.main .evCon1_container .box_wrapper { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 40px; } 
.main .evCon1_container .box_wrapper .box { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(33.33% - 15px); min-height: 240px; margin-right: 20px; background-color: #fff; border-radius: 10px; } 
.main .evCon1_container .box_wrapper .box::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; width: calc(100% - 10px); height: calc(100% - 10px); border: 1px solid #d0d0d0; border-radius: 10px; } 
.main .evCon1_container .box_wrapper .box:nth-of-type(1),
.main .evCon1_container .box_wrapper .box:nth-of-type(2),
.main .evCon1_container .box_wrapper .box:nth-of-type(3) { margin-bottom: 20px; } 
.main .evCon1_container .box_wrapper .box:nth-of-type(3),
.main .evCon1_container .box_wrapper .box:nth-of-type(6) { margin-right: 0; } 
.main .evCon1_container .box_wrapper .box .box_text { line-height: 1.2; color: #000; font-size: 16px; } 
.main .evCon1_container .box_wrapper .box .box_text span { font-weight: bold; } 
.main .evCon1_container .box_wrapper .box .box_name { display: inline-block; margin-top: 25px; padding: 5px 30px; font-size: 14px; font-weight: 300; background-color: #f1f2f2; border-radius: 30px; } 
.main .evCon1_container .tiny_noti { margin: 0 40px; margin-top: 17px; color: #808080; font-size: 14px; font-weight: 300; font-family: 'NotoSans KR'; text-align: right; } 
.main .evCon2_container { margin-bottom: 160px; } 
.main .evCon2_container .con_tit { margin-bottom: 80px; line-height: 1.3; color: #849bff; font-size: 60px; font-weight: 900; } 
.main .evCon2_container .con_tit .white { color: #fff; } 
.main .evCon2_container .con_tit > span:nth-of-type(1) { display: inline-block; margin-bottom: 15px; color: #fff; font-size: 40px; font-weight: 400; } 
.main .evCon2_container .point_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 40px; margin-bottom: 40px; } 
.main .evCon2_container .point_wrapper .point { position: relative; width: calc(33.33% - 15px); margin-right: 20px; padding: 50px 0 30px 0; border: 1px solid #415092; border-radius: 10px; } 
.main .evCon2_container .point_wrapper .point:last-of-type { margin-right: 0; } 
.main .evCon2_container .point_wrapper .point .point_title { position: absolute; top: -20px; left: 50%; transform: translate(-50%, 0); width: 160px; height: 40px; line-height: 40px; color: #1b2552; font-size: 18px; font-weight: bold; background-color: #849bff; border-radius: 30px; } 
.main .evCon2_container .point_wrapper .point .point_text { line-height: 1.4; color: #fff; font-size: 20px; font-weight: bold; } 
.main .evCon2_container .eventVideo { margin: 0 40px; margin-bottom: 45px; } 
.main .evCon2_container .lecture { background-color: #fff; padding-bottom: 0 !important; } 


.evCon3 { padding: 160px 0; background-color: #171d42; } 
.evCon3 .con_tit { margin-bottom: 80px; line-height: 1.3; color: #849bff; font-size: 60px; font-weight: 900; } 
.evCon3 .con_tit span { display: inline-block; margin-bottom: 15px; color: #fff; font-size: 40px; font-weight: 400; } 
.evCon3 .top { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 100px; } 
.evCon3 .top .book { margin: 0 -188px; } 
.evCon3 .con3_slider.slider1 { width: 525px; } 
.evCon3 .con3_slider.slider1 .item { position: relative; display: flex !important; flex-direction: column; align-items: center; justify-content: center; width: 442px !important; height: 450px; margin: 0 auto; padding: 0 30px; background-color: #fff; border-radius: 10px; } 
.evCon3 .con3_slider.slider1 .item::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; width: calc(100% - 10px); height: calc(100% - 10px); border: 1px solid #d0d0d0; border-radius: 10px; } 
.evCon3 .con3_slider.slider1 .item::after { position: absolute; right: 0; bottom: 0; content: ''; width: 20px; height: 20px; background-image: url('https://img.megagong.net/m/2022/1027_han/con3_box_deco.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.evCon3 .con3_slider.slider1 .item .con3_slider_title { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding-bottom: 30px; margin-bottom: 30px; color: #1b3088; font-size: 24px; font-weight: 900; border-bottom: 1px dashed #eeeeee; } 
.evCon3 .con3_slider.slider1 .item .con3_slider_title img { margin-bottom: 13px; } 
.evCon3 .con3_slider.slider1 .item .con3_slider_text { color: #181021; font-size: 20px; } 
.evCon3 .con3_slider.slider1 .item .con3_slider_text span { display: inline-block; margin-top: 20px; color: #6c6c6c; font-size: 14px; } 
.slick-prev.slick-arrow { position: absolute; top: 50%; left: 0; width: 23px; height: 46px; background-image: url('https://img.megagong.net/m/2022/1027_han/con3_arrow_left.png'); background-repeat: no-repeat; background-position: center; background-size: contain; color: transparent; z-index: 10; } 
.slick-next.slick-arrow { position: absolute; top: 50%; right: 0; width: 23px; height: 46px; background-image: url('https://img.megagong.net/m/2022/1027_han/con3_arrow_right.png'); background-repeat: no-repeat; background-position: center; background-size: contain; color: transparent; z-index: 10; } 
.evCon3 .con3_slider .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; } .slick-dots { position: absolute; left: 50%; bottom: -5vw; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; color: transparent; font-size: 0; } 
.evCon3 .con3_slider .slick-dots li { width: 12px; height: 12px; margin: 0 5px; background-color: transparent; border-radius: 50%; font-size: 0; border: 1px solid #849bff; } 
.evCon3 .con3_slider .slick-dots li.slick-active { width: 40px; height: 12px; background-color: #849bff; border-radius: 25px; } 
.evCon3 .con3_slider .slick-dots li button { color: transparent; font-size: 0; } .slick-dots li button { color: transparent; font-size: 0; } 
.evCon3 .con3_slider.slider2_pc { width: 100%; } 
.evCon3 .con3_slider.slider2_pc .item { display: flex !important; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: auto; margin: 0 auto; } 
.evCon3 .con3_slider.slider2_pc .item .info_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 50px; } 
.evCon3 .con3_slider.slider2_pc .item .info_wrapper .info { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 430px; height: 135px; margin-bottom: 22px; background-color: rgba(0, 0, 0, 0.8); border-radius: 10px; } 
.evCon3 .con3_slider.slider2_pc .item .info_wrapper .info:last-of-type { margin-bottom: 0; } 
.evCon3 .con3_slider.slider2_pc .item .info_wrapper .info .info_text { margin-top: 10px; color: #fff; font-size: 18px; font-weight: 300; } 
.evCon3 .con3_slider.slider2_pc .item .info_wrapper .info .info_text span { color: #849bff; font-weight: bold; } 
.evCon3 .con3_slider.slider2_mo { display: none; } 
.evCon3 .bottom .btn_wrapper { margin-top: 120px; } 
.evCon3 .bottom .btn_wrapper a:first-of-type { margin-right: 30px; } 


.evCon4 { padding: 160px 0; background-color: #fff; } 
.evCon4 .con_tit { margin-bottom: 80px; line-height: 1.3; color: #1b3088; font-size: 60px; font-weight: 900; } 
.evCon4 .con_tit span { color: #000; } 
.evCon4 .box_wrapper { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 80px; } 
.evCon4 .box_wrapper.for_mo { display: none; } 
.evCon4 .box_wrapper .box { position: relative; width: calc(50% - 10px); border-radius: 15px; overflow: hidden; } 
.evCon4 .box_wrapper .box .box_info > img { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); } 
.evCon4 .box_wrapper .box .tiny_noti { position: absolute; right: 8px; bottom: 5px; color: #808080; font-size: 14px; font-weight: 300; font-family: 'NotoSans KR'; text-align: right; } 
.evCon4 .box_wrapper .box:nth-of-type(1),
.evCon4 .box_wrapper .box:nth-of-type(2) { margin-bottom: 20px; } 
.evCon4 .box_wrapper .box:nth-of-type(1),
.evCon4 .box_wrapper .box:nth-of-type(3) { margin-right: 20px; } 
.evCon4 .box_wrapper .box .box_title { height: 60px; line-height: 60px; color: #fff; font-size: 24px; font-weight: bold; background-color: #1b3088; } 
.evCon4 .box_wrapper .box .box_info { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 240px; padding-left: 25px; background-color: #f5f5f5; } 
.evCon4 .box_wrapper .box .box_info > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex: 1; padding-left: 25px; } 
.evCon4 .box_wrapper .box .box_info > div span { display: inline-block; margin-bottom: 8px; width: 110px; height: 28px; line-height: 26px; font-size: 16px; font-weight: bold; border: 1px solid #000; border-radius: 30px; } 
.evCon4 .box_wrapper .box .box_info > div p { font-size: 16px; font-weight: 300; } 


.event1 { padding: 160px 0; background-color: #5137a8; } 
.event1 .inner { position: relative; } 
.event1 .inner .fin { position: absolute; top: 138px; right: -165px; z-index: 1; } 
.event1 .con_box > p { margin-top: 50px; margin-bottom: 70px; color: #c5b4ff; font-size: 26px; font-weight: 300; } 
.event1 .con_box > p span { color: #fff; font-weight: bold; } 
.event1 .con_box .giftandinfo { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 40px; margin-bottom: 200px; } 
.event1 .con_box .giftandinfo .gift { margin-bottom: 30px; z-index: 1; } 
.event1 .con_box .info_wrapper { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; margin-left: 55px; } 
.event1 .con_box .info_wrapper::before { position: absolute; top: 50%; left: -100vw; transform: translate(0,-50%); content: ''; width: 200vw; height: 510px; background-color: #6145bd; z-index: 0; } 
.event1 .con_box .info_wrapper .info { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; color: #fff; font-size: 24px; margin-bottom: 40px; } 
.event1 .con_box .info_wrapper .info:last-of-type { margin-bottom: 0; } 
.event1 .con_box .info_wrapper .info .info_title { position: relative; margin-right: 26px; font-weight: 600; } 
.event1 .con_box .info_wrapper .info .info_title::before { position: absolute; top: 50%; left: -17px; transform: translate(0,-50%); content: ''; width: 7px; height: 7px; background-color: #fff; border-radius: 50%; } 
.event1 .con_box .info_wrapper .info .info_title::after { position: absolute; top: 50%; right: -14px; transform: translate(0,-50%); content: ''; width: 2px; height: 13px; background-color: #fff; } 
.event1 .con_box .info_wrapper .info .info_text { font-weight: 300; z-index: 1; } 
.event1 .con_box .info_wrapper .info .info_text > p { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; font-size: 24px; text-align: left; } 
.event1 .con_box .info_wrapper .info .info_text > p span { display: inline-block; width: 24px; height: 24px; line-height: 24px; margin-right: 10px; font-size: 14px; font-weight: bold; text-align: center; background-color: #36266b; border-radius: 50%; } 
.event1 .con_box .info_wrapper .info .info_text .tiny_noti { margin-left: 10px; color: #a999e0; font-size: 16px; font-family: 'NotoSans KR'; } 
.event1 .eventBoard { margin-top: 100px; } 
.event1 .paging a,.event1 .paging strong { color: #111 !important; } 


.event2 { padding: 160px 0; background-color: #1b618e; } 
.event2 .inner { position: relative; } 
.event2 .inner .fin { position: absolute; top: 138px; right: -165px; z-index: 1; } 
.event2 .con_box > p { margin-top: 50px; margin-bottom: 70px; color: #87c1e6; font-size: 26px; font-weight: 300; } 
.event2 .con_box > p span { color: #fff; font-weight: bold; } 
.event2 .con_box .giftandinfo { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 100px; } 
.event2 .con_box .info_wrapper { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-left: 55px; } 
.event2 .con_box .info_wrapper .info { display: flex; flex-direction: row; align-items: center; justify-content: center; color: #fff; font-size: 24px; margin-bottom: 40px; } 
.event2 .con_box .info_wrapper .info:last-of-type { margin-bottom: 0; } 
.event2 .con_box .info_wrapper .info .info_title { position: relative; margin-right: 26px; font-weight: 600; } 
.event2 .con_box .info_wrapper .info .info_title::before { position: absolute; top: 50%; left: -17px; transform: translate(0,-50%); content: ''; width: 7px; height: 7px; background-color: #fff; border-radius: 50%; } 
.event2 .con_box .info_wrapper .info .info_title::after { position: absolute; top: 50%; right: -14px; transform: translate(0,-50%); content: ''; width: 2px; height: 13px; background-color: #fff; } 
.event2 .con_box .info_wrapper .info .info_text { font-weight: 300; } 
.event2 .con_box .info_wrapper .info .info_text .tiny_noti { margin-left: 10px; color: #87c1e6; font-size: 16px; font-family: 'NotoSans KR'; } 
.event2 .update h4 { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.event2 .update h4::before { display: none; } 
.event2 .update h4 span { padding: 0 35px; color: #fff; font-size: 26px; font-weight: bold; background: transparent; } 
.event2 .update h4 span:nth-of-type(1),
.event2 .update h4 span:nth-of-type(3) { position: relative; flex: 1; width: 100%; height: 1px; background-color: #fff; } 
.event2 .update h4 span:nth-of-type(1)::before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 9px; height: 9px; background-color: #fff; border-radius: 50%; } 
.event2 .update h4 span:nth-of-type(3)::before { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); content: ''; width: 9px; height: 9px; background-color: #fff; border-radius: 50%; } 
.event2 .update .where { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 50px 0; height: 60px; line-height: 60px; } 
.event2 .update .where::before { position: absolute; left: 50%; bottom: -10px; transform: translate(-50%, 0); content: ''; width: 23px; height: 10px; background-image: url('https://img.megagong.net/m/2022/1027_han/event2_where_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.event2 .update .where a { position: relative; display: inline-block; width: 100%; height: 100%; color: #fff; font-size: 19px; background-color: #37749c; } 
.event2 .update .where a:last-of-type::before { display: none; } 
.event2 .update .where a::before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 1px; height: 42px; background-color: #2c5d7d; } 
.event2 .update .how { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 70px; } 
.event2 .update .how .how_box { position: relative; width: calc(33.33% - 6px); margin-right: 11px; padding: 32px 0; background-color: #fff; border-radius: 15px; } 
.event2 .update .how .how_box:last-of-type::before { display: none; } 
.event2 .update .how .how_box::before { position: absolute; top: 50%; right: -20px; transform: translate(0, -50%); content: ''; width: 30px; height: 30px; background-image: url('https://img.megagong.net/m/2022/1027_han/event2_icon_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.event2 .update .how .how_box:last-of-type { margin-right: 0; } 
.event2 .update .how .how_box .how_box_title { position: relative; display: inline-block; margin-bottom: 25px; padding: 0 5px; color: #000; font-size: 20px; font-weight: bold; z-index: 1; box-shadow: inset 0 -10px #e6e7e8; } 
.event2 .update .how .how_box .how_box_text { color: #000; font-size: 18px; font-weight: 400; } 
.event2 .update .how .how_box .how_box_text span { display: inline-block; margin-top: 8px; font-size: 20px; font-weight: bold; } 
.event2 .update .review_btn { display: inline-block; margin-bottom: 130px; } 



.evWarning { padding: 90px 0; background-color: #0c4b73 !important; } 
.warningList > li.w_tit { font-size: 16px; font-weight: bold; } 
.evWarning .warningList li { color: #fff; } 
.evWarning .warningList li ul li:last-of-type { color: #ffe38e; font-weight: bold; } 


.mg_popup_wrap .content_area { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px 20px; } 
.mg_popup_wrap .custom_title { display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.2; margin-bottom: 25px; font-size: 30px; font-weight: bold; font-family: 'NotoSans KR'; text-align: center; } 
.mg_popup_wrap .custom_title span { display: inline-block; margin-top: 10px; font-size: 16px; font-weight: 400; } 
.mg_popup_wrap .custom_contents { height: 50.4vh; overflow-y: auto; } 
.mg_popup_wrap .custom_contents .table { font-family: 'NotoSans KR'; border-top: 1px solid #000; border-bottom: 1px solid #000; } 
.mg_popup_wrap .custom_contents .table .height190 { height: 190px !important; } 
.mg_popup_wrap .custom_contents .table:first-of-type { margin-bottom: 20px; } 
.mg_popup_wrap .custom_contents .table .table_tr { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 13px; border-bottom: 1px solid #d0d0d0; } 
.mg_popup_wrap .custom_contents .table .table_tr:last-of-type { border-bottom: 0; } 
.mg_popup_wrap .custom_contents .table .table_tr .th { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 120px; height: 48px; font-weight: bold; background-color: #f5f5f5; border-right: 1px solid #d0d0d0; } 
.mg_popup_wrap .custom_contents .table .table_tr .td { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex: 1; min-height: 48px; padding: 0 9px; border-right: 1px solid #d0d0d0; } 
.mg_popup_wrap .custom_contents .table .table_tr .td:last-of-type { border-right: 0; } 
.mg_popup_wrap .custom_contents .table .table_tr .td select { min-width: 260px; height: 30px; line-height: 30px; border: 1px solid #d0d0d0; } 
.mg_popup_wrap .custom_contents .table .table_tr .td textarea { width: 100%; height: calc(100% - 18px); margin: 9px 0; border: 1px solid #d0d0d0; } 
.mg_popup_wrap .custom_contents .table .table_tr .td input { width: 100%; height: 30px; border: 1px solid #d0d0d0; } 
.mg_popup_wrap .custom_contents .table .table_tr .td .mg_filebox { width: 100%; border: none; } 
.mg_popup_wrap .custom_contents .table .table_tr .td .mg_filebox input { border: none; } 
.mg_popup_wrap .custom_contents .tiny_noti { margin-top: 7px; color: #999999; font-size: 13px; letter-spacing: -1px; } 
.mg_popup_wrap .custom_btn { width: 180px; height: 55px; line-height: 55px; margin: 0 auto; margin-top: 35px; margin-bottom: 10px; color: #fff; font-size: 17px; font-weight: bold; background-color: #000; } 



/* Æ˾÷ */
.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: 1450px){
    .main .main_container h3 > div { margin: 0 -57px; } 
}

@media screen and (max-width: 1200px){
    .main .main_container h3 > div { margin: 0 auto; } 
    .main .main_container .con_box > div { font-size: 100px; } 
    .main .main_container .con_box .new { font-size: 75px; } 
    .main .evCon1_container .con_tit,
    .main .evCon2_container .con_tit,
    .evCon3 .con_tit,
    .evCon4 .con_tit { font-size: 50px; } 
    .main .evCon1_container .con_tit > span:nth-of-type(1),
    .main .evCon2_container .con_tit > span:nth-of-type(1),
    .evCon3 .con_tit span { margin-bottom: 8px; font-size: 35px; } 
    .main .evCon1_container .box_wrapper .box { width: calc(50% - 20px); } 
    .main .evCon1_container .box_wrapper .box:nth-of-type(1),
    .main .evCon1_container .box_wrapper .box:nth-of-type(2),
    .main .evCon1_container .box_wrapper .box:nth-of-type(3),
    .main .evCon1_container .box_wrapper .box:nth-of-type(4) { margin-bottom: 20px; } 
    .main .evCon1_container .box_wrapper .box:nth-of-type(3) { margin-right: 20px; } 
    .main .evCon1_container .box_wrapper .box:nth-of-type(2),
    .main .evCon1_container .box_wrapper .box:nth-of-type(4),
    .main .evCon1_container .box_wrapper .box:nth-of-type(6) { margin-right: 0; } 
    .main .evCon1_container .tiny_noti { text-align: center; font-size: 11px; } 

    .evCon3 .top { flex-direction: column; } 
    .evCon3 .con3_slider.slider2_pc { display: none; } 
    .evCon3 .con3_slider.slider2_mo { display: block; } 
    .evCon3 .con3_slider.slider2_mo .item { display: flex !important; flex-direction: column-reverse; align-items: center; justify-content: center; width: 100%; height: auto; margin: 0 auto; } 
    .evCon3 .con3_slider.slider2_mo .item > img { width: 442px; } 
    .evCon3 .con3_slider.slider2_mo .item .info_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; } 
    .evCon3 .con3_slider.slider2_mo .item .info_wrapper .info { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 442px; height: 195px; margin-bottom: 22px; background-color: rgba(0, 0, 0, 0.8); border-radius: 10px; } 
    .evCon3 .con3_slider.slider2_mo .item .info_wrapper .info .info_text { margin-top: 10px; color: #fff; font-size: 18px; font-weight: 300; } 
    .evCon3 .con3_slider.slider2_mo .item .info_wrapper .info .info_text span { color: #849bff; font-weight: bold; } 
    .evCon3 .bottom .tiny_noti { margin-top: 34px; text-align: center; font-size: 11px; } 
    .evCon4 .box_wrapper { width: 60%; margin: 0 auto; margin-bottom: 80px; } 
    .evCon4 .box_wrapper.for_pc { display: none; } 
    .evCon4 .box_wrapper.for_mo { display: block !important; } 
    .evCon4 .box_wrapper.for_mo .slick-list { width: 100%; } 
    .evCon4 .box_wrapper.for_mo .slick-dots { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; color: transparent; font-size: 0; } .slick-dots { position: absolute; left: 50%; bottom: -5vw; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; color: transparent; font-size: 0; } 
    .evCon4 .box_wrapper.for_mo .slick-dots li { width: 12px; height: 12px; margin: 0 5px; background-color: transparent; border-radius: 50%; font-size: 0; border: 1px solid #cecece; } 
    .evCon4 .box_wrapper.for_mo .slick-dots li.slick-active { width: 40px; height: 12px; background-color: #000; border: 1px solid #000; border-radius: 25px; } 
    .evCon4 .box_wrapper.for_mo .slick-dots li button { color: transparent; font-size: 0; } .slick-dots li button { color: transparent; font-size: 0; } 
    .evCon4 .box_wrapper .box { width: 515px; } 
    .evCon4 .box_wrapper .box:nth-of-type(1), .evCon4 .box_wrapper .box:nth-of-type(3) { margin-right: 0; } 
    .evCon4 .box_wrapper .box:nth-of-type(3) { margin-bottom: 20px; } 
    .evCon4 .box_wrapper .box .tiny_noti { font-size: 11px; } 

    .event1 .inner .fin,
    .event2 .inner .fin { right: 0; } 
    .event1 .con_box .info_wrapper .info,
    .event1 .con_box .info_wrapper .info .info_text > p,
    .event2 .con_box .info_wrapper .info { font-size: 20px; } 
    .event1 .con_box .info_wrapper .info .info_text .tiny_noti,
    .event2 .con_box .info_wrapper .info .info_text .tiny_noti { font-size: 13px; } 
    .event2 .con_box .giftandinfo { flex-direction: column; } 
    .event2 .con_box .info_wrapper { margin-left: 0; margin-top: 30px; } 
}

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

    .main .main_container .con_box > div { font-size: 80px; } 
    .main .main_container .con_box .new { font-size: 60px; } 

    .main .evCon1_container .con_tit,
    .main .evCon2_container .con_tit,
    .evCon3 .con_tit,
    .evCon4 .con_tit { font-size: 40px; } 
    .main .evCon1_container .con_tit > span:nth-of-type(1),
    .main .evCon2_container .con_tit > span:nth-of-type(1),
    .evCon3 .con_tit span { margin-bottom: 8px; font-size: 28px; } 

    .main .evCon2_container .point_wrapper .point .point_text { font-size: 16px; } 
    .evCon3 .con3_slider.slider1 .item .con3_slider_text { font-size: 18px; } 
    .evCon3 .btn_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; } 
    .evCon3 .bottom .btn_wrapper a:first-of-type { margin-right: 0; margin-bottom: 15px; } 

    .event1 .con_box > p,
    .event2 .con_box > p { font-size: 22px; } 
    .event1 .con_box .info_wrapper .info,
    .event1 .con_box .info_wrapper .info .info_text > p,
    .event2 .con_box .info_wrapper .info { font-size: 16px; } 

    .event1 .con_box .giftandinfo .gift { margin-bottom: 5px; } 
    .event1 .con_box .info_wrapper::before { height: 400px; } 
    .event1 .con_box .info_wrapper .info .info_text > p span { width: 20px; height: 20px; line-height: 20px; font-size: 11px; } 

    .event2 .update .how .how_box .how_box_text { font-size: 16px; } 
}

@media (max-width: 768px){
    .main .main_container .con_box > div { font-size: 55px; } 
    .main .main_container .con_box .new { margin-top: 5px; margin-right: 13px; font-size: 40px; border-radius: 10px; } 

    .main .evCon1_container .con_tit,
    .main .evCon2_container .con_tit,
    .evCon3 .con_tit,
    .evCon4 .con_tit { font-size: 32px; } 
    .main .evCon1_container .con_tit > span:nth-of-type(1), .main .evCon2_container .con_tit > span:nth-of-type(1), .evCon3 .con_tit span { margin-bottom: 8px; font-size: 20px; } 

    .main .evCon1_container { margin-top: -3vw; } 
    .main .evCon1_container .box_wrapper { margin: 0 auto; } 
    .main .evCon1_container .box_wrapper .box { min-height: 200px; } 
    .main .evCon1_container .box_wrapper .box .box_text { font-size: 14px; } 
    .main .evCon1_container .box_wrapper .box .box_name { margin-top: 10px; font-size: 12px; } 
    .main .main_container .con_box > div:nth-of-type(2) { margin-top: -10px; } 
    .main .evCon1_container,
    .main .evCon2_container { margin-bottom: 10vw; } 
    .main .evCon2_container .point_wrapper { margin: 0 auto; margin-bottom: 30px; } 
    .main .evCon2_container .point_wrapper .point .point_title { width: 120px; font-size: 16px; } 
    .main .evCon2_container .point_wrapper .point .point_text { font-size: 12px; } 
    .main .evCon2_container .eventVideo { margin: 0 auto; margin-bottom: 40px; } 

    .evCon3,
    .evCon4,
    .event1,
    .event2 { padding: 10vw 0; } 

    .evCon3 .con_tit { margin-bottom: 40px; } 
    .evCon3 .top .book { margin: 0 50px; } 
    .evCon3 .con3_slider.slider1 .item { width: 100% !important; height: auto; min-height: 360px; padding: 30px; } 
    .evCon3 .con3_slider.slider1 .item .con3_slider_title { padding-bottom: 20px; margin-bottom: 20px; font-size: 18px; } 
    .evCon3 .con3_slider.slider1 .item .con3_slider_text { font-size: 14px; } 

    .evCon3 .con3_slider.slider2_mo .item .info_wrapper { width: 100%; } 
    .evCon3 .con3_slider.slider2_mo .item .info_wrapper .info { width: 100%; } 
    .evCon3 .con3_slider.slider2_mo .item > img { width: 100%; } 
    .evCon3 .top,
    .evCon3 .bottom .tiny_noti,
    .evCon4 .box_wrapper { margin-bottom: 10vw; } 
    .evCon3 .btn_wrapper a { width: 50%; } 

    .evCon4 .con_tit { margin-bottom: 40px; } 
    .evCon4 .box_wrapper { width: 80%; } 
    .evCon4 .box_wrapper .box { width: 100%; } 
    .evCon4 .box_wrapper .box .box_title { height: 50px; line-height: 50px; font-size: 20px; } 
    .evCon4 .box_wrapper .box .box_info > div p { font-size: 14px; } 
    .evCon4 .con_box > a img { width: 50%; } 

    .event1 .inner .fin, .event2 .inner .fin { top: 0; width: 30vw; } 

    .event1 .con_box > p, .event2 .con_box > p { margin-top: 40px; margin-bottom: 50px; font-size: 18px; } 
    .event1 .con_box .giftandinfo { margin: 0 auto; margin-bottom: 140px; } 
    .event1 .con_box .info_wrapper { width: auto; margin-left: 30px; } 
    .event1 .con_box .info_wrapper .info,
    .event2 .con_box .info_wrapper .info { margin-bottom: 25px; } 
    .event1 .con_box .info_wrapper .info:last-of-type { flex-direction: column; } 
    .event1 .con_box .info_wrapper .info .info_title { width: 75px; text-align: left; } 
    .event1 .con_box .info_wrapper .info:last-of-type .info_title { margin-bottom: 5px; width: 163px; } 

    .event1 .con_box > a img,
    .event2 .update .review_btn { width: 50%; } 
    .event1 .eventBoard { margin-top: 10vw; } 

    .evtBoard_common .board_notice li:first-of-type { padding-right: 100px; } 
    .event2 .con_box .giftandinfo { margin-bottom: 10vw; } 
    .event2 .update .where { margin: 5vw 0; } 
    .event2 .update .where a { font-size: 16px; } 
    .event2 .update .how { margin-bottom: 30px; flex-direction: column; } 
    .event2 .update .how .how_box { width: 80%; margin-right: 0; margin-bottom: 10px; } 
    .event2 .update .how .how_box::before { top: initial; left: 50%; right: initial; bottom: -20px; transform: translate(-50%, 0) rotate(90deg); } 
    .event2 .update .how .how_box:last-of-type { margin-bottom: 0px; } 
    .event2 .update h4 span { font-size: 16px; } 
    .event2 .update .review_btn { margin-bottom: 10vw; } 
}

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

    .mg_popup_wrap .custom_contents { height: 45.4vh; overflow-y: auto; } 
    .mg_popup_wrap .custom_contents .table .table_tr { flex-wrap: wrap; } 
    .mg_popup_wrap .custom_contents .table .table_tr .th { width: 70px; }
    .mg_popup_wrap .custom_contents .table .table_tr .td { width: 100%; } 
    .main .main_container h3 > div { margin: 0 -35vw; } 
    .main .main_container .con_box > a { width: 50%; } 
    .main .main_container .con_box > div:nth-of-type(2) { margin-top: 0; } 

    .main .main_container .con_box > div { font-size: 33px; } 
    .main .main_container .con_box .new { margin-top: 0; margin-right: 13px; font-size: 25px; border-radius: 5px; } 


    .main .evCon1_container .con_tit,
    .main .evCon2_container .con_tit,
    .evCon3 .con_tit,
    .evCon4 .con_tit { font-size: 20px; } 
    .main .evCon1_container .con_tit > span:nth-of-type(1), .main .evCon2_container .con_tit > span:nth-of-type(1), .evCon3 .con_tit span { margin-bottom: 4px; font-size: 14px; } 
    .main .main_container { overflow: hidden; } 
    .main .evCon1_container .con_tit { margin-bottom: 7vw; } 
    .main .evCon1_container .box_wrapper .box { width: calc(50% - 5px); min-height: 170px; margin-right: 5px; } 
    .main .evCon1_container .box_wrapper .box:nth-of-type(3) { margin-right: 5px; } 
    .main .evCon1_container .box_wrapper .box:nth-of-type(1), .main .evCon1_container .box_wrapper .box:nth-of-type(2), .main .evCon1_container .box_wrapper .box:nth-of-type(3), .main .evCon1_container .box_wrapper .box:nth-of-type(4) { margin-bottom: 5px; } 
    .main .evCon1_container .box_wrapper .box .box_text { font-size: 11px; } 
    .main .evCon1_container .box_wrapper .box .box_name { font-size: 9px; } 
    .main .evCon1_container .tiny_noti { margin-top: 7px; font-size: 9px; } 
    .main .evCon2_container .con_tit { margin-bottom: 9vw; } 
    .main .evCon2_container .point_wrapper { flex-direction: column; } 
    .main .evCon2_container .point_wrapper .point { width: 80%; margin-right: 0; margin-bottom: 25px; padding: 30px 0 20px 0; } 
    .main .evCon2_container .point_wrapper .point:last-of-type { margin-bottom: 0; } 
    .main .evCon2_container .point_wrapper .point .point_title { top: -15px; height: 30px; line-height: 30px; font-size: 14px; } 
    .main .evCon2_container .eventVideo { margin-bottom: 30px; } 

    .evCon3 .top .book { margin: 0px -75px; } 
    .evCon3 .con3_slider.slider1 { width: 100%; } 
    .evCon3 .con3_slider.slider1 .slick-arrow { display: none !important; } 
    .evCon3 .con3_slider.slider1 .item .con3_slider_text { font-size: 12px; } 
    .evCon3 .con3_slider.slider1 .item .con3_slider_text span { font-size: 9px; } 
    .evCon3 .top { margin-bottom: 15vw; } 
    .evCon3 .con3_slider.slider2_mo .item .info_wrapper .info .info_text { font-size: 14px; } 
    .evCon3 .bottom .btn_wrapper { margin-top: 15vw; } 
    .evCon3 .btn_wrapper a,.evCon4 .con_box > a img,.event1 .con_box > a img, .event2 .update .review_btn { width: 75%; } 
    .evCon4 .box_wrapper { width: 100%; } 
    .evCon4 .box_wrapper .box .box_info { flex-direction: column; justify-content: center; height: auto; min-height: 320px; padding-left: 0; padding-bottom: 30px; } 
    .evCon4 .box_wrapper .box .box_info .book_bigger,
    .evCon4 .box_wrapper .box .box_info .book_bigger { width: 50%; } 
    .evCon4 .box_wrapper .box .box_info > img { width: 30%; margin: 30px 0; } 
    .evCon4 .box_wrapper .box .box_info > div { justify-content: center; padding-left: 0; } 
    .evCon4 .box_wrapper .box .box_info > div span { font-size: 14px; } 
    .evCon4 .box_wrapper .box .box_title { height: 45px; line-height: 45px; font-size: 18px; } 
    .evCon4 .box_wrapper .box .box_info > div p { font-size: 12px; } 

    .event1 .con_box > p, .event2 .con_box > p { margin-top: 40px; margin-bottom: 50px; font-size: 14px; } 
    .event1 .con_box .info_wrapper::before { height: 312px; } 
    .event1 .con_box .giftandinfo { margin-bottom: 93px; } 
    .event1 .con_box .giftandinfo .gift,
    .event2 .con_box .giftandinfo .gift { width: 65%; } 
    .event1 .con_box .info_wrapper { margin-left: 20px; } 
    .event1 .con_box .info_wrapper .info .info_title { width: 63px; } 
    .event1 .con_box .info_wrapper .info:last-of-type .info_title { width: 133px; } 
    .event1 .con_box .info_wrapper .info, .event1 .con_box .info_wrapper .info .info_text > p, .event2 .con_box .info_wrapper .info { font-size: 14px; letter-spacing: -1px; } 
    .event1 .con_box .info_wrapper .info .info_text .tiny_noti, .event2 .con_box .info_wrapper .info .info_text .tiny_noti { font-size: 9px; } 
    .event2 .update h4 span { width: 156px; padding: 0 10px; } 
    .event2 .update .how .how_box { padding: 20px 0; } 
    .event2 .update .how .how_box .how_box_title { margin-bottom: 16px; } 
    .event2 .update .how .how_box .how_box_text { font-size: 13px; } 
    .event2 .update .how .how_box .how_box_text span { font-size: 16px; } 
    .warningList li .s_tit { font-size: 11px; } 
    .warningList li { font-size: 11px; text-indent: -8px; padding-left: 10px; } 
}