@charset "euc-kr";

/* main */
.main { background-color: #fafafa; } 
.main h3 { padding: 140px 0 115px 0; } 
.main h3 .main_top { position: relative; } 
.main h3 .main_top::before { position: absolute; top: 0; left: -100vw; content: ''; width: 200vw; height: 1px; background-color: #000000; } 
.main h3 .main_top > img:first-of-type { position: relative; z-index: 1; } 
.main h3 .main_top .deco { position: absolute; top: -20.5px; left: -37px; } 
.main h3 .main_top .student { position: absolute; left: 0; bottom: 0; z-index: 0; } 
.main h3 .main_mid { position: relative; } 
.main h3 .main_mid::before { position: absolute; top: 0; left: -100vw; content: ''; width: 200vw; height: 1px; background-color: #000000; } 
.main h3 .main_mid::after { position: absolute; left: -100vw; bottom: 0; content: ''; width: 200vw; height: 1px; background-color: #000000; } 
.main h3 .main_bottom { position: relative; } 
.main h3 .main_bottom::before { position: absolute; left: -100vw; bottom: 0; content: ''; width: 200vw; height: 1px; background-color: #000000; } 
.main h3 .main_bottom .deco { position: absolute; top: -21px; right: -69px; } 
.main h3 .main_bottom .event { position: absolute; right: -107px; bottom: -23px; } 
.main .con_box { padding-bottom: 150px; } 
.main .con_box > p { margin-bottom: 35px; color: #000000; font-size: 22px; } 


/* banner */
.banner { background-color: #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } 
.banner.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 3; } 
.banner ul { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.banner ul.for_mo { display: none; } 
.banner ul li { position: relative; flex: 1; } 
.banner ul li::before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 1px; height: 100%; background-color: #333333; } 
.banner ul li:first-of-type::after { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); content: ''; width: 1px; height: 100%; background-color: #333333; } 
.banner ul li a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 88px; } 
.banner ul li a p { line-height: 1.5; color: #fff; font-size: 19px; font-weight: 300; } 
.banner ul li.on,.banner ul li:hover,.banner ul li:active { background-color: #fff; } 
.banner ul li.on a p,.banner ul li:hover a p,.banner ul li:active a p { color: #000; font-weight: 900; } 


/* °øÅë¿ä¼Ò */
.evSection .con_tit { margin-bottom: 60px; color: #000000; font-size: 44px; font-weight: 900; } 
.evSection .con_tit span { color: #8441ff; } 


/* evCon1 */
.evCon1 { padding: 150px 0; background-color: #fbfbfb; } 
.evCon1.on { padding: 210px 0 150px 0; } 
.evCon1 .con_tit { margin-bottom: 0; } 


/* evCon2 */
.evCon2 { padding: 140px 0 150px 0; background-color: #ffffff;
 display: none; } 
.evCon2.on { padding: 200px 0 150px 0; } 
.evCon2 .con_tit { font-weight: 300; } 
.evCon2 .con_tit b { font-weight: 900; } 
.evCon2 .con_box .con2_slide { position: relative; } 
.evCon2 .con_box .con2_slide::before { position: absolute; top: -60px; right: 78px; content: ''; width: 112px; height: 115px; background-image: url('https://image.megagong.net/m/2023/0720_notion/con2_deco1.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 2; } 
.evCon2 .con_box .con2_slide::after { position: absolute; top: 0; left: 0; content: ''; width: 1103px; height: 703px; background-image: url('https://image.megagong.net/m/2023/0720_notion/con2_deco2.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 0; } 
.evCon2 .con_box .con2_slide .slick-list { border: 1px solid #000; z-index: 1; } 
.evCon2 .con_box .con2_slide .slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); width: 29px; height: 51px; font-size: 0; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon2 .con_box .con2_slide .slick-arrow.slick-prev { left: -68px; background-image: url('https://image.megagong.net/m/2023/0720_notion/icon_arrow_left.png'); } 
.evCon2 .con_box .con2_slide .slick-arrow.slick-next { right: -67px; background-image: url('https://image.megagong.net/m/2023/0720_notion/icon_arrow_right.png'); } 


/* event °øÅë¿ä¼Ò */
.event .inner { position: relative; } 
.event .inner .fin { position: absolute; top: 0; right: 4px; z-index: 2; } 
.event .con_tit > img { margin-bottom: 25px; } 
.event .con_box .container_info { margin-bottom: 100px; background-color: rgba(255, 255, 255, 0.5); } 
.event .con_box .container_info .info .info_date { font-weight: bold; } 
.event .con_box .container_info .info .noti { color: #888888; } 
.event .con_box .gift { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 0 22px 100px 40px; } 
.event .con_box .gift.for_mo { display: none; } 


/* event1 */
.event1 { padding: 150px 0; background-color: #f6f6f6; } 
.event1 .con_tit { margin-bottom: 0; } 
.event1 .con_box { position: relative; padding-top: 620px; } 
.event1 .con_box .event1_slide { position: absolute; top: 58px; left: 50%; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100vw; height: 465px; } 
.event1 .con_box .event1_slide .slick-list { position: relative; height: 465px; z-index: 1; } 
.event1 .con_box .event1_slide .slick-slide { /* width: 393px; height: 465px; */
 /* margin: 0 35px; */
 /* transition: all 0.5s; */}
.event1 .con_box .event1_slide .slick-slide.slick-center { /* width: 655px; height: 465px; */
 /* margin: 0 47.5px; */}
.event1 .con_box .event1_slide .slick-slide { transform: scale(0.6); transition: all 0.3s; margin: 0; } 
.event1 .con_box .event1_slide .slick-slide img { display: inline-block; } 
.event1 .con_box .event1_slide .slick-slide.slick-current { transform: scale(1); } 
.event1 .con_box .event1_slide .slick-slide > div { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.event1 .con_box .event1_slide::before { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); content:''; width: 100%; height: calc(100% - 66px); background-color: #e9e9e9; z-index: 0; } 
.event1 .con_box .event1_slide::after { position: absolute; top: 50%; left: calc(50% + 1px); transform: translate(-50%, -50%); content: ''; width: 704px; height: 515px; background-image: url('https://image.megagong.net/m/2023/0720_notion/event1_deco.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 0; } 
.event1 .con_box .btn_wrapper { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 25px; z-index: 2; } 
.event1 .con_box .btn_wrapper a:first-of-type { margin-right: 14px; } 
.event1 .con_box .tiny_noti { color: #999999; font-size: 13px; font-weight: 300; font-family: 'NotoSans KR'; } 


/* event2 */
.event2 { padding: 150px 0; background-color: #f4caff; } 
.eventBoard .evtBoard_common .evtBoard_inner h6 { margin-bottom: 10px; color: #000000; font-size: 20px; font-weight: bold; text-align: left; font-family: 'NotoSans KR'; } 
.evtBoard_common { background-color: rgba(255, 255, 255, 0.5); } 
.evtBoard_common .board_write { padding: 0 156px 0 0; } 
.evtBoard_common .board_write .inp_wrap textarea,
.evtBoard_common .board_write .inp_wrap input[type="text"] { border: 1px solid #000000; } 
.evtBoard_common .board_write .inp_wrap textarea::placeholder { color: #adadad; font-size: 12px; } 
.evtBoard_common .board_write .btn_wrap { width: 156px; } 
.evtBoard_common .board_notice li { color: #555555; font-size: 11px; opacity: 1; } 


/* event3 */
.event3 { padding: 150px 0; background-color: #a9f4c1; } 
.event3 .inner .fin { top: -50px; } 
.event3 .con_box .event_subtitle { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin-bottom: 45px; } 
.event3 .con_box .event_subtitle .line { flex: 1; height: 2px; background-color: #111111; } 
.event3 .con_box .event_subtitle .text { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 155px; height: 16px; color: #111111; font-size: 28px; font-weight: 900; border-left: 2px solid #111111; border-right: 2px solid #111111; } 
.event3 .con_box .step_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 50px; } 
.event3 .con_box .step_wrapper .arrow { margin: 0 -10px; z-index: 2; } 
.event3 .eventBoard .btn_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 100px; } 
.event3 .eventBoard .btn_wrapper a:first-of-type { margin-right: 30px; } 
.event3 .eventBoard .hashtag { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 60px; margin-bottom: 11px; background-color: rgb(0, 123, 41, 0.2); } 
.event3 .eventBoard .hashtag span { display: inline-block; margin-right: 37px; padding: 5px 25px; color: #fff; font-size: 17px; font-weight: bold; background-color: #000000; border-radius: 40px; } 
.event3 .eventBoard .hashtag p { margin-right: 37px; color: #111111; font-size: 18px; font-weight: 300; } 
.event3 .eventBoard .hashtag p:last-of-type { margin-right: 0; } 
.evtBoard_common .board_write .inp_wrap input[type="text"]::placeholder { color: #7d7d7d; font-size: 17px; } 
.eventBoard .evtBoard_common .info_wrap .tip_list { color: #111111; font-size: 13px; } 
.eventBoard .evtBoard_common .info_wrap .tip_list span { color: #8441ff; font-weight: bold; } 
.eventBoard .evtBoard_common .info_wrap.with_tip button { color: #8441ff; font-size: 16px; font-family: 'NotoSans KR'; text-decoration: underline; text-underline-offset: 7px; } 
.shareList ul li dl { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0; } 
.shareList ul li dl dt,
.shareList ul li dl dd { flex: 1; width: initial; } 
.shareList ul li dl dt { position: initial; } 
.shareList ul li dl.sns dt { background-color: #9961ff; } 
.shareList ul li dl.naver dt { background-color: #ff61c9; } 
.shareList ul li dl.daum dt { background-color: #4cd372; } 
.shareList ul li dl.etc dt { background-color: #878787; } 
.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 #cacaca; color: #888888; } 


/* À̺¥Æ® À¯ÀÇ»çÇ× */
.warningList li ul li a { margin-left: 0; color: #8441ff; text-decoration: underline}

/* popup */
.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 popup */
.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://image.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 


@media screen and (max-width: 1350px){
    .main h3 { margin: 0 60px; } 
}

@media screen and (max-width: 1200px){
    .evSection .con_tit { font-size: 38px; } 
    .evCon2 .con_box { margin: 0 70px; } 
    .evCon2 .con_box .con2_slide::after { width: calc(100% + 17px); height: calc(100% + 17px); } 
    .evtBoard_common .board_write { padding: 0; } 
    .evtBoard_common .board_write .btn_wrap { width: 100%; } 
    .event .con_box .gift.for_pc { display: none; } 
    .event .con_box .gift.for_mo { display: flex; } 
    .event .con_box .gift { flex-wrap: wrap; justify-content: center; } 
    .event .con_box .gift > img:first-of-type { margin: 0 30%; margin-bottom: 20px; } 
    .event .con_box .gift > img:last-of-type { margin-left: 20px; } 
    .event3 .con_box .step_wrapper > img { width: calc(33.33% - 8px); } 
    .event3 .con_box .step_wrapper .arrow { width: 30px; height: 30px; } 
}

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

    .main h3 { padding: 15vw 0 10vw 0; } 
    .main h3 .main_top .student { width: 15vw; } 
    .main h3 .main_bottom .event { width: 43vw; } 
    .main .con_box { padding-bottom: 15vw; } 
    .main .con_box > p { margin-bottom: 5vw; font-size: 20px; } 
    .banner ul.for_pc { display: none; } 
    .banner ul.for_mo { display: flex; } 
    .banner ul li a { height: 63px; } 
    .banner ul li a p { font-size: 15px; } 
    .evSection .con_tit { font-size: 30px; } 
    .evCon1 { padding: 10vw 0; } 
    .evCon1.on { padding-top: calc(10vw + 65px); padding-bottom: 10vw; } 
    .evCon2 { padding: 10vw 0; } 
    .evCon2.on { padding-top: calc(10vw + 65px); padding-bottom: 10vw; } 
    .evCon2 .con_box .con2_slide::before { top: -5.5vw; width: 10vw; height: 11vw; } 
    .evCon2 .con_box .con2_slide::after { height: calc(100% + 12px); } 
    .event1 { padding: 10vw 0; } 
    .event1 .con_box { padding-top: 50vw; } 
    .event1 .con_box .event1_slide { height: 33vw; } 
    .event1 .con_box .event1_slide .slick-list { position: relative; height: 33vw; z-index: 1; } 
    .event1 .con_box .event1_slide .slick-slide { width: 46vw; /* width: 20vw; height: 33vw; */
    /* margin: 0 15px; */
    /* transition: all 0.5s; */}
    .event1 .con_box .event1_slide .slick-slide.slick-center { /* width: 46vw; height: 33vw; */
    /* margin: 0 20px; */}
    .event1 .con_box .event1_slide::before { height: calc(100% - 66px); } 
    .event1 .con_box .event1_slide::after { width: 50vw; height: 38vw; } 
    .event .inner .fin { width: 20vw; } 
    .event .con_box .container_info { margin-bottom: 5vw; } 
    .event .con_box .gift { margin: 0 0 5vw 0; } 
    .event2 { padding: 10vw 0; } 
    .event3 { padding: 10vw 0; } 
    .event3 .inner .fin { top: 0; } 
    .event3 .eventBoard .btn_wrapper { margin-bottom: 5vw; } 
}

@media screen and (max-width: 768px){
    .main h3 .main_bottom .event { right: -77px; bottom: -11px; } 
    .main .con_box > p { font-size: 15px; } 
    .main .con_box > a img { width: 50vw; } 
    .evSection .con_tit { margin-bottom: 8vw; font-size: 24px; letter-spacing: -1px; } 
    .evCon1 .con_tit { margin-bottom: 0; } 
    .evCon2 .con_box .con2_slide::after { width: calc(100% + 1.3vw); height: calc(100% + 1.3vw); } 
    .event .con_tit > img { width: 25vw; } 
    .event .con_box .gift > img { width: 40%; } 
    .container_info { font-size: 15px; } 
    .event1 .con_tit { margin-bottom: 0; } 
    .event1 .con_box .tiny_noti { font-size: 9px; } 
    .event3 .con_box .event_subtitle { margin-bottom: 5vw; } 
    .event3 .con_box .event_subtitle .text { font-size: 20px; } 
    .event3 .con_box .step_wrapper { flex-direction: column; margin-bottom: 5vw; } 
    .event3 .con_box .step_wrapper > img { width: 50%; } 
    .event3 .con_box .step_wrapper .arrow { width: 25px; height: 25px; margin: -10px 0; transform: rotate(90deg); } 
    .event3 .eventBoard .btn_wrapper a:first-of-type { margin-right: 14px; } 
    .shareList ul li dl dt { position: absolute; width: 100%; } 
    .shareList ul li dl dd:nth-child(5), .shareList ul li dl dd:nth-child(6) { margin-top: initial; } 
    .shareList ul li dl dd:nth-child(2), .shareList ul li dl dd:nth-child(5) { margin: initial; } 
    .shareList ul li dl dd:nth-child(2),.shareList ul li dl dd:nth-child(3),.shareList ul li dl dd:nth-child(4),.shareList ul li dl dd:nth-child(5) { margin-top: calc(40px + 1%); } 
    .shareList ul li dl dd:nth-child(5) { margin-left: 1%; } 
}

@media screen and (max-width: 576px){
    .dim_popup.sns { width:90% } 
    .shareList ul li dl dd:nth-child(2),.shareList ul li dl dd:nth-child(3),.shareList ul li dl dd:nth-child(4),.shareList ul li dl dd:nth-child(5) { margin-top: calc(30px + 1%); } 

    .main h3 { margin: 0 5vw; } 
    .main h3 .main_top .deco { top: -3.5vw; left: -7vw; width: 7vw; height: 7vw; } 
    .main h3 .main_bottom .event { right: -11vw; } 
    .main h3 .main_bottom .deco { top: -3.5vw; right: -7vw; width: 7vw; height: 7vw; } 
    .main .con_box > a img { width: 65vw; } 
    .banner ul li a p { font-size: 13px; } 
    .evSection .con_tit { font-size: 15px; } 
    .evCon2 .con_box { margin: 0 30px; } 
    .evCon2 .con_box .con2_slide::before { right: 15vw; } 
    .evCon2 .con_box .con2_slide .slick-arrow { width: 14px; height: 30px; } 
    .evCon2 .con_box .con2_slide .slick-arrow.slick-prev { left: -25px; } 
    .evCon2 .con_box .con2_slide .slick-arrow.slick-next { right: -25px; } 
    .event .con_tit > img { margin-bottom: 4vw; } 
    .event1 .con_box { padding-top: 60vw; } 
    .event1 .con_box .event1_slide { top: 28%; transform: translate(-50%, -50%); } 
    .event1 .con_box .event1_slide::before { height: calc(100% - 26px); } 
    .event1 .con_box .btn_wrapper,
    .event3 .eventBoard .btn_wrapper { flex-direction: column; } 
    .event1 .con_box .btn_wrapper a,
    .event3 .eventBoard .btn_wrapper a { width: 65vw; } 
    .event1 .con_box .btn_wrapper a:first-of-type,
    .event3 .eventBoard .btn_wrapper a:first-of-type { margin-right: 0; margin-bottom: 10px; } 
    .container_info { font-size: 12px; } 
    .container_info .info .noti { font-size: 9px; } 
    .container_info .info .noti::before { top: 2px; } 
    .eventBoard .evtBoard_common .evtBoard_inner h6 { margin-bottom: 5vw; font-size: 16px; } 
    .event3 .con_box .step_wrapper > img { width: 75%; } 
    .event3 .eventBoard .hashtag span,
    .event3 .eventBoard .hashtag p { margin-right: 10px; } 
    .event3 .eventBoard .hashtag span { padding: 3px 12px; font-size: 14px; } 
    .event3 .eventBoard .hashtag p { font-size: 14px; } 
    .evtBoard_common .board_write .inp_wrap input[type="text"]::placeholder { font-size: 12px; } 
    .eventBoard .evtBoard_common .info_wrap .tip_list { font-size: 12px; } 
}