@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2022/ */
.gong_main_topbelt { display: none; } 

.flt_bnr { position: absolute; right: -114px; top: 270px; display: inline-block; z-index: 2; } 
.flt_bnr a { display: block; } 
.flt_bnr a.toggle .on { display: none; } 
.flt_bnr a.toggle .on.show { display: inline-block; } 
.flt_bnr a.toggle .on.show + img { display: none; } 
.flt_bnr a.close { position: absolute; right: 0; top: 0; } 

.fix_bnr { display: none; position: fixed; width: 100%; bottom: 0; z-index: 10; } 
.fix_bnr .mo_view { display: none; } 
.fix_bnr .pc_view { background: #111111; color: #fff; text-align: left; padding: 28px 0; } 
.fix_bnr .date { font-size: 16px; display: inline-block; border: 1px solid #888888; border-width: 1px 0 1px 0; line-height: 2.62; padding: 0 4px; vertical-align: middle; margin: 0 40px 0 0; } 
.fix_bnr .tit { display: inline-block; font-size: 30px; vertical-align: middle; } 
.fix_bnr .tit strong { color: #fff559; } 
.fix_bnr .btn { display: inline-block; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } 

.evCon1 { overflow: inherit !important; position: relative; } 
.evCon1 .inner { height: 800px; padding: 85px 0 0; } 
.evCon1 h3 { text-align: left; font-weight: normal; } 
.evCon1 h3 .txt { font-size: 26px; margin: 0 0 130px; letter-spacing: 1.08em; text-align: center; } 
.evCon1 h3 .typing { font-family: 'Noto Serif KR', serif; font-weight: 700; letter-spacing: 0.04em; } 
.evCon1 h3 .typing > p { font-size: 96px; color: #8e5eff; } 
.evCon1 h3 .typing strong { color: #000; font-size: 78px; } 
.evCon1 h3 .typing strong .hide { font-size: 0; } 
.evCon1 h3 .typing .cont { position: relative; display: inline-block; } 
.blink { animation: blink 0.7s linear infinite; font-size: 2.5rem; background: #000; width: 1px; height: 60%; position: absolute; right: -3%; top: 58%; transform: translate(0, -50%); } 
@keyframes blink { 
 0% { opacity: 0; } 
 }

.evCon1 .con_box { background: #7c2ae9; } 
.evCon1 .lineBnr { padding: 55px 0; width: 1080px; margin: 0 auto; position: relative; } 
.evCon1 .lineBnr::before { /* content:''; */ width: 1000%; height: 100%; position: absolute; left: -500%; top: 0; z-index: -1; } 
.evCon1 .lineBnr .schedule { display: inline-block; float: left; } 
.evCon1 .lineBnr .schedule dl { color: #fff; font-size: 21px; text-align: left; } 
.evCon1 .lineBnr .schedule dl:first-child { margin: 0 0 8px; } 
.evCon1 .lineBnr .schedule dl dt { display: inline-block; padding-right: 14px; margin-right: 15px; position: relative; vertical-align: middle; } 
.evCon1 .lineBnr .schedule dl dt::before { content:''; background: #fff; width: 2px; height: 44%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } 
.evCon1 .lineBnr .schedule dl:last-child dt { margin: 0; padding: 0; color: #f6e663; font-size: 16px; vertical-align: bottom; } 
.evCon1 .lineBnr .schedule dl:last-child dt::before { content: none; } 
.evCon1 .lineBnr .schedule dl dd { display: inline-block; vertical-align: middle; } 
.evCon1 .lineBnr .schedule dl dd .btn { display: inline-block; margin-left: 12px; } 
.evCon1 .lineBnr .schedule dl dd .btn a { font-size: 13px; display: inline-block; border: 1px solid #bc92f5; border-radius: 4px; padding: 2.4px 10px; } 
.evCon1 .lineBnr .schedule dl dd .btn a:first-child { margin: 0 5px 0 0; } 
.evCon1 .lineBnr .schedule dl dd .btn a span { color: #f6e663; } 
.evCon1 .lineBnr .schedule dl dd .cautnPop { position: absolute; background: #fff; width: 610px; left: 314px; top: 132px; display: none; z-index: 2; } 
.evCon1 .lineBnr .schedule dl dd .cautnPop .close { position: absolute; top: 2px; right: 12px; } 
.evCon1 .lineBnr .schedule dl dd .cautnPop ul { padding: 32px 22px; } 
.evCon1 .lineBnr .schedule dl dd .cautnPop ul li { color: #000; font-size: 13px; position: relative; padding-left: 9px; line-height: 1.5; font-weight: 200; } 
.evCon1 .lineBnr .schedule dl dd .cautnPop ul li::before { content:'-'; position: absolute; left: 0; top: auto } 
.evCon1 .lineBnr .schedule dl dd .cautnPop ul li a { color: #8a53ff; border-bottom: 1px solid; line-height: 1.3; display: inline-block; font-weight: normal; } 
.evCon1 .lineBnr .schedule dl dd .cautnPop ul li:last-child { color:#ff0000; font-weight: 500; } 
.evCon1 .lineBnr .conBtn { display: inline-block; float: right; } 
.evCon1 .lineBnr .conBtn a { display: inline-block; background: #fff; color: #a356ff; width: 360px; font-size: 22px; height: 70px; line-height: 70px; font-weight: 700; text-align: left; position: relative; padding: 0 115px 0 55px; } 
.evCon1 .lineBnr .conBtn a::before { content:''; background: url('https://img.megagong.net/m/2023/0605_academy/con1_btn.png') no-repeat center center; width: 62px; height: 70px; position: absolute; right: 0; top: 0; background-size: contain; } 
.evCon1 .lineBnr .conBtn.btn2 a { background: #000; } 

.evCon2 { background: #8a53ff; padding: 145px 0 125px; } 
.evCon2 .slick-slide { margin-left: 9px; } 
.evCon2 .con_tit { font-size: 40px; color: #fff; margin: 70px 0 30px; } 
.evCon2 .txt { font-size: 20px; } 
.evCon2 .txt span { color: #f6e663; } 
.evCon2 .content { margin: 55px auto 60px; display: flex; justify-content: space-between; width: 800px; } 
.evCon2 .tiny_noti { text-align: left; font-size: 13px; opacity: 0.7; } 

.evCon3 { background: #e7e7e7; padding: 135px 0 145px; } 
.evCon3 .con_tit { font-size: 45px; color: #7c2ae9; font-family: 'Noto Serif KR', serif; border-bottom: 5px solid; display: inline-block; padding: 0 4px; line-height: 1.3; margin: 0 0 54px; } 
.evCon3 .tiny_noti { text-align: right; font-size: 13px; color: #6e6e6e; font-weight: 700; margin: 0 0 5px; } 
.evCon3 .content1 .slick-list { margin-left: -30px; } 
.evCon3 .content1 .slick-slide { /* width: 338px !important; */margin-left: 32px; } 
.evCon3 .content1 .slick-slide img { display: inline-block; } 
.evCon3 .content1 .slick-slide .white_box { padding: 35px 0 0; background: #fff; border-bottom-right-radius: 13px; border-bottom-left-radius: 13px; width: 339px; height: 570px; overflow: hidden; position: relative; } 
.evCon3 .content1 .slick-slide .pc_view { font-size: 27px; color: #fff; font-weight: 700; background: #a86ffb; height: 80px; line-height: 80px; width: 338px; border-top-right-radius: 13px; border-top-left-radius: 13px; } 
.evCon3 .content1 .item2 .pc_view { background: #7d26ea; } 
.evCon3 .content1 .item3 .pc_view { background: #5b04c8; } 

.evCon3 .content2 { margin: 60px 0 30px; } 
.evCon3 .content2 li { position: relative; width: calc(50% - 40px); } 
.evCon3 .content2 li:first-child { margin-right: 80px; } 
.evCon3 .content2 li:first-child::before { content:''; background: url('https://img.megagong.net/m/2023/0605_academy/con3_img4.png') no-repeat center center; width: 40px; height: 100px; position: absolute; right: 0; top: 50%; transform: translate(64px, -50%); } 
.evCon3 .content2 li .box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 22px; width: 100%; font-weight: 700; } 
.evCon3 .content2 li .box strong { color: #8234e9; display: block; line-height: 1.1; letter-spacing: -.1rem; margin: 0 0 4.5px; } 
.evCon3 .content2 li .box strong .mo { display: none; } 
.evCon3 .content2 li .box span { font-size: 18px; } 
.evCon3 .content2 + .tiny_noti { font-size: 18px; font-weight: normal; text-align: center; } 
.evCon3 .content2 + .tiny_noti strong { border-bottom: 1px solid; } 

/* add */
.evCon3 .content1 .slick-slide .white_box .tit { font-size: 22px; color: #9c53f8; margin-bottom: 14px; padding-bottom: 30px; display: block; position: relative; font-weight: 900; } 
.evCon3 .content1 .slick-slide .white_box .tit2 { color: #7b29ee; } 
.evCon3 .content1 .slick-slide .white_box .tit3 { color: #5a0bcb; } 
.evCon3 .content1 .slick-slide .white_box .tit:before { content:''; display:block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background: #dfdfdf; width: calc(100% - 60px); height: 1px; } 
.evCon3 .content1 .slick-slide .white_box dl dt { font-size: 19px; color: #111; font-weight: 900; margin-bottom: 40px; } 
.evCon3 .content1 .slick-slide .white_box dl dd { text-align: left; font-size: 15px; padding: 0 0 10px 54px; position: relative; } 
.evCon3 .content1 .slick-slide .white_box dl dd b { font-weight: 900; } 
.evCon3 .content1 .slick-slide .white_box dl dd:before { content:''; background: url('https://img.megagong.net/m/2023/0605_academy/con3_arr_v2.png') no-repeat center center; width: 16px; height: 14px; position: absolute; left: 30px; top: 5px; background-size: contain; } 
.evCon3 .content1 .slick-slide .white_box dl dd:last-child { padding-bottom: 55px } 
.evCon3 .content1 .slick-slide .white_box .tea { position: absolute; bottom: 0; top: auto; left: 50%; transform: translateX(-50%); width: 339px; height: 253px; } 

/* add */
.evCon3 .content2.flex { display: flex; justify-content: space-around; align-items: center; position: relative; } 
.evCon3 .content2.flex .box { height: 160px; border: 1px solid; left: auto; position: relative; text-align: left; transform: translate(0px, 0px); border-width: 1px 0; padding-top: 35px; } 
.evCon3 .content2.flex .box > div { } 
.evCon3 .content2.flex .box > div + div { position: absolute; right: 0; bottom: 0; max-width: 50%; z-index: -1; } 
.evCon3 .border_box { border: 2px solid; padding: 22px 0; } 
.evCon3 .border_box strong { display: block; font-size: 22px; } 
.evCon3 .border_box strong b { color: #7d26ea; } 
.evCon3 .border_box span { color:#666; font-size: 18px; } 
.evCon3 .border_box span b span { border-bottom: 1px solid #666; padding-bottom: 3px; } 


.evCon4 { padding: 140px 0 150px; } 
.evCon4 .con_tit { font-size: 45px; color: #7c2ae9; border-bottom: 5px solid; display: inline-block; padding: 0 4px; } 
.evCon4 .gift li:first-child { margin: 80px 0; padding-bottom: 80px; position: relative; } 
.evCon4 .gift li:first-child::before { content:''; background: url('https://img.megagong.net/m/2022/1124_consult/con4_ico.png') no-repeat center center; width: 1080px; height: 24px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); } 
.evCon4 .gift li:last-child { margin: 50px 0 0; } 
.evCon4 .gift li p { display: inline-block; } 
.evCon4 .gift li p:last-child { margin: 0 0 0 20px; } 
.evCon4 .txt { margin: 90px 0 0; color: #111111; font-size: 18px; font-weight: 700; background: #e7e7e7; padding: 13px 0; } 
.evCon4 .txt span { font-size: 14px; } 
.evCon4 .evtoggleWarning { margin-top: 90px; } 
.evCon4 .evtoggleWarning p.w_tit { color: #000; background: #e7e7e7; font-weight: 900; } 
.evCon4 .evtoggleWarning p.w_tit:before { content: none; } 
.evCon4 .evtoggleWarning.on .warningList { border-bottom: 1px solid #e7e7e7; padding: 40px; } 
.evtoggleWarning p.w_tit i { font-style: normal; } 
.evCon4 .evtoggleWarning.on p.w_tit i { transform: rotate(180deg) translateY(-10%); } 


.event { padding: 150px 0; } 
.event .con_tit i { position: absolute; right: -139px; top: 40px; } 
.event .txt { font-size: 28px; margin: 50px 0 60px; color: #dacaff; } 
.event .txt strong { color:#f9ee0e } 
.event .schedule { background: #581dc4; border-radius: 40px; padding: 14px 0; position: relative; width: 1020px; margin: 0 auto 10px; } 
.event .schedule dl { font-size: 21px; color: #fff; display: inline-block; } 
.event .schedule dl:first-child { margin-right: 35px; } 
.event .schedule dl dt { margin-right: 14px; padding-right: 12px; display: inline-block; position: relative; } 
.event .schedule dl dt::after { content:''; display: block; width: 2px; height: 44%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden; background: #fff; } 
.event .schedule dl dd { display: inline-block; } 
.event .schedule.hash { margin: 0 0 10px; width: 100%; } 
.event .schedule.hash dl { font-size: 21px; color: #fff; display: inline-block; } 
.event .schedule.hash dl:first-child { margin-right: 0; } 
.event .schedule.hash dl dt { margin-right: 65px; padding-right: 65px; } 
.event .schedule.hash span { background: white; color: #5d1bd8; border-radius: 20px; margin: 0 10px; padding: 4px 25px; font-weight: 700; } 
.event .tiny_txt { color: #c6adff; font-size: 14px; display: block; margin: 0 35px 65px 0; font-weight: 200; text-align: right; } 
.event .gift { justify-content: space-between; display: flex; flex-direction: row-reverse; } 

.evCon5 { background: #8e5eff; } 
.event.evCon5 .schedule { background: #732df1; } 
.event.evCon5 .gift { margin-left:-42px } 

.evCon6 { background: #7e34ff; } 
.event.evCon6 .txt strong { color:#fff } 

.evCon6 .subtit { position: relative; z-index: 1; margin-top: 90px; } 
.evCon6 .subtit::before { content:''; height: 1%; width: 100%; background: #000; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); z-index: -1; } 
.evCon6 .subtit span { font-size: 22px; font-weight: 700; display: inline-block; background: #222222; padding: 7px 56px; color: #fff; border-radius: 30px; } 
.evCon6 .way { display: flex; justify-content: space-between; margin: 30px auto; } 
.evCon6 .way li { height: 240px; width: 32.5%; position: relative; padding: 60px 0 0; background: #fff; font-size: 20px; border-radius: 15px; line-height: 1.2; } 
.evCon6 .way li:nth-child(2)::before { content:''; background: url('https://img.megagong.net/m/2023/0605_academy/con6_arr.png') no-repeat center center; width: 36px; height: 36px; position: absolute; right: -18px; top: 50%; transform: translateY(-50%); z-index: 1; background-size: contain; } 
.evCon6 .way li:nth-child(2)::after { content:''; background: url('https://img.megagong.net/m/2023/0605_academy/con6_arr.png') no-repeat center center; width: 36px; height: 36px; position: absolute; left: -18px; top: 50%; transform: translateY(-50%); background-size: contain; z-index: 1; } 
.evCon6 .way li .tiny_noti { font-size: 14px; color: #7e35ff; display: block; margin: 12px 0 0; font-weight: 700; } 
.evCon6 .btn { display: flex; justify-content: center; margin-bottom: 75px; } 
.evCon6 .btn li { margin:0 20px } 

/* ½Å±Ô ¿µ»ó Ãß°¡¿µ¿ª */
.evCon7 { background: #fff; padding: 135px 0 145px; } 
.evCon7 .con_tit { font-size: 45px; color: #7c2ae9; font-family: 'Noto Serif KR', serif; border-bottom: 5px solid; display: inline-block; padding: 0 4px; line-height: 1.3; margin: 0 0 54px; } 
.evCon7 .ytb_thumb { position: relative; } 
.evCon7 .ytb_thumb .ytb_thumb_play { position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); border-radius: 50%; } 
.eventBoard .evtBoard_common { background: #9859ff; } 
.eventBoard .evtBoard_common .evtBoard_inner { padding: 40px; } 
.eventBoard .evtBoard_common .board_write { border: 2px solid #000; padding: 0 150px 0 0; } 
.evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] { height: 60px; color: #222222; padding: 12px 10px 12px 15px; } 
.evtBoard_common .board_write .btn_wrap { width: 150px; } 
.evtBoard_common .board_write .btn_wrap a { height: 60px; line-height: 60px; } 
.eventBoard .evtBoard_common .info_wrap { position: relative; } 
.eventBoard .evtBoard_common .info_wrap li { text-align: left; color: #fff; font-size: 13px; opacity: .8; font-weight: 100; } 
.eventBoard .evtBoard_common .info_wrap li:last-child { position: absolute; right: 0; top: 0; } 
.eventBoard .evtBoard_common .info_wrap li .btnUrl { color: #fff; font-size: 12px; border: 1px solid; border-width: 0 0 1px; border-radius: 0; font-weight: 700; padding: 0 0 3px; } 

.eventWrap .evWarning { padding: 76px 0; } 
.warningList li .s_tit { font-size: 15px; } 
.warningList li ul li a { font-size: 13px; color: #8946ff; padding: 2.5px 0; border-bottom: 1px solid; } 
.warningList + .btn { margin: 74px 0 0; } 
.warningList + .btn a { font-size: 26px; font-weight: 700; background: #e7e7e7; display: block; width: 700px; margin: 0 auto; padding: 21.5px 0; border-radius: 3px; } 

.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; } 

.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){
    .fix_bnr { width: 100%; bottom: 65px; } 
    .flt_bnr { right: 0; top: 43%; width: 20%; } 
    
    .evCon1 .inner { padding: 8% 0 15%; height: auto; } 
    .evCon1 h3 .typing > p { font-size: 75px; } 
    .evCon1 h3 .typing strong { font-size: 65px; } 
    .evCon1 h3 .txt { font-size: 2.3vw; letter-spacing: 1em; padding-left: 1.2%; margin: 0 0 10%; } 
    .evCon1 .con_box { bottom: 0; } 
    .evCon1 .lineBnr { width: 96%; } 
    .evCon1 .lineBnr::before { width: 104%; left: -2%; } 
    .evCon1 .lineBnr .schedule dl { font-size: 20px; } 
    .evCon1 .lineBnr .schedule dl dd .btn a { font-size: 12px; } 
    .evCon1 .lineBnr .conBtn a { padding: 0 115px 0 35px; width: 350px; } 
    .evCon1 .lineBnr .schedule dl dd .cautnPop { width: auto; left: 304px; } 
    .evCon1 .lineBnr .schedule dl:last-child dt { font-size: 14px; } 
    .evCon2 { padding: 12% 0 10.5%; } 
    .evCon2 .content { margin: 5% auto 5.5%; width: 100%; } 
    .evCon2 .content li img { width: 100%; } 
    .evCon2 .tiny_noti { font-size: 12px; } 

    .evCon3,.evCon7 { padding: 11% 0 12%; } 
    .evCon3 .con_tit, .evCon7 .con_tit { margin: 0 0 5%; } 
    .evCon3 .tiny_noti { font-size: 12px; } 
    .evCon3 .content1 .slick-slide .white_box { min-width: 238px; width: auto; padding: 30px 20px 0; height: 520px; } 
    .evCon3 .content1 .slick-slide .white_box:last-child { padding: 30px 0 0; } 
    .evCon3 .content1 .slick-slide .white_box .tit { font-size: 16px; } 
    .evCon3 .content1 .slick-slide .white_box dl dt { font-size: 15px; margin-bottom: 20px; } 
    .evCon3 .content1 .slick-slide .white_box dl dd { font-size: 13px; padding: 0 0 10px 20px; margin: 0 15px; } 
    .evCon3 .content1 .slick-slide .white_box dl dd:before { left: 0; max-width: 3.5%; top: 1px; } 
    .evCon3 .content1 .slick-slide .white_box .tea { width: 100%; height: auto; } 
    .evCon3 .content1 .slick-list { margin-left: -1vw; } 
    .evCon3 .content1 .slick-slide { /* width: 31vw!important; */margin-left: 1vw; } 
    .evCon3 .content1 .slick-slide .pc_view { font-size: 22px; width: 100%; height: 60px; line-height: 60px; } 
    .evCon3 .content2 { margin: 5.5% 0 3%; } 
    .evCon3 .content2 li:first-child { margin: 0 24px 0 0; } 
    .evCon3 .content2 li { width: calc(50% - 24px); } 
    .evCon3 .border_box { } 
    .evCon3 .border_box strong { font-size: 20px; } 
    .evCon3 .border_box span { font-size: 16px; } 



    .evCon3 .content2 li:first-child::before { max-width: 10%; transform: translate(30px, -50%); background-size: contain; } 
    .evCon3 .content2 + .tiny_noti { font-size: 14px; } 

    /* add */
    .evCon3 .content2.flex .box > div + div { right: -5%; } 

    .evCon4 { padding: 11.5% 0 12.5%; } 
    .evCon4 .gift li:first-child { margin: 7.5% 0; padding-bottom: 7.5%; } 
    .evCon4 .gift li:last-child { margin: 4.5% 0 0; } 
    .evCon4 .gift li:last-child img { width: 80%; } 
    .evCon4 .gift li:last-child img:nth-child(1) { margin-bottom: 6%; width: 44%; } 
    .evCon4 .gift li p { width: 49%; } 
    .evCon4 .gift li p:last-child { margin: 0 0 0 1%; } 
    .evCon4 .txt { margin: 8% 0 0; } 
    
    .event { padding: 10% 0; } 
    .event .con_tit i { right: 0; top: -60%; max-width: 25%; } 
    .event .txt { font-size: 25px; margin: 30px auto 50px; } 
    .event .schedule { width: 100%; padding: 10px 0; } 
    .event .schedule dl { width: 100%; } 
    .event .schedule dl:first-child { margin: 0; } 
    .event .schedule.hash { padding: 18px 0; } 
    .event .schedule.hash dl { font-size: 18px; } 
    .event .schedule.hash dl dt { margin-right: 15px; padding-right: 15px; } 
    .event .schedule.hash span { margin: 0 5px; } 
    .event .tiny_txt { font-size: 12px; margin: 0 0 50px; } 

    .evCon6 .way { margin: 5% 0 2.5%; } 
    .eventBoard .evtBoard_common .evtBoard_inner { padding: 2%; } 
    .eventBoard .evtBoard_common .board_write { padding: 0; /* margin: 0 10px 10px; */ } 
    .evtBoard_common .board_write .btn_wrap { width: 100%; } 
    .evtBoard_common .board_write .btn_wrap a { height: 42px; line-height: 42px; } 
    .eventBoard .evtBoard_common .info_wrap li:last-child { position: static; margin: 4px 0 0; } 
    .evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] { padding: 10px; } 
    
    .eventWrap .evWarning { padding: 45px 0; } 
    .warningList + .btn a { width: 90%; font-size: 4vw; padding: 2vw 0; } 
}

@media (max-width: 992px){
    .fix_bnr .pc_view { padding: 20px 0; } 
    .fix_bnr .tit { display: block; } 
    
    .evCon1 .lineBnr .schedule dl { font-size: 18px; } 
    .evCon1 .lineBnr { padding: 3% 0; } 
    .evCon1 .lineBnr .conBtn { margin: 3% 0 0; display: block; width: 100%; background: #fff; } 
    .evCon1 .lineBnr .conBtn.btn2 { background: #000; } 
    .evCon1 .lineBnr .conBtn a { width: 100%; padding: 0 10%; height: 50px; line-height: 50px; text-align: center; font-size: 18px; } 
    .evCon1 .lineBnr .conBtn a::before { height: 100%; max-width: 10%; } 
    .evCon1 .lineBnr .schedule dl dd .cautnPop { border: 1px solid #ccc; top: 92px; left: 277px; } 
    .evCon1 .lineBnr .schedule dl dd .cautnPop ul { padding: 15px 10px; } 
    .evCon1 .lineBnr .schedule dl dd .cautnPop ul li { font-size: 12px; } 
    .blink { height: 55%; top: 60%; } 
    
    .evCon2 .con_tit { font-size: 34px; margin: 50px 0 20px; } 
    .evCon2 .txt { font-size: 17px; } 

    .evCon3 .con_tit, .evCon7 .con_tit { font-size: 37px; } 
    .evCon3 .content1 .slick-slide .white_box { height: 460px; } 
    .evCon3 .content2 li .box { font-size: 18px; } 
    .evCon3 .content2 li .box span { font-size: 14px; } 


    .event.evCon5 .gift { margin: 0; } 
    .evCon6 .btn li { margin: 0 5px } 
    .evCon6 .way li { font-size: 18px; } 
    .evCon6 .way li .cont .txt { font-size: 16px; } 
    .evCon6 .way li .tiny_noti { font-size: 12px; } 
    .evCon6 .way li::before { background-size: 70%; } 

    
    .clickPop { padding: 15px 0 20px; } 
    .dim_popup.sns .tit { font-size:22px } 
    .dim_popup.sns table { font-size:12px } 
}

@media (max-width:768px){
    .fix_bnr .pc_view { display: none; } 
    .fix_bnr .mo_view { display: block; background: #fff559; padding: 19px 0; } 
    .fix_bnr .mo_view .inner { display: flex; align-items: center; } 
    .fix_bnr .date { font-size: 21px; line-height: normal; border: 0; background: #000; border-radius: 30px; margin: 0; color: #fff; padding: 6px 0; font-weight: 900; width: 192px; } 
    .fix_bnr .btn { width: calc(100% - 192px); justify-content: space-between; display: flex; position: relative; right: auto; top: auto; transform: initial; font-size: 30px; font-weight: 700; margin-left: 25px; vertical-align: middle; } 
    .fix_bnr .btn img { object-fit: contain; } 
    .fix_bnr .mo_view.done { background: #000; } 
    .fix_bnr .mo_view.done .date { background: #fff; color: #000; } 
    .fix_bnr .mo_view.done .btn { color: #fff; } 
    .evCon1 h3 .typing > p { font-size: 56px; } 
    .evCon1 h3 .typing strong { font-size: 45px; } 
    .evCon1 .lineBnr .schedule dl { font-size: 16px; } 
    .evCon1 .lineBnr .schedule dl dd .cautnPop { top: 81px; left: 249px; } 

    .evCon2 .con_tit { font-size: 30px; } 
    .evCon2 .txt { font-size: 15px; } 
    .evCon2 .slick-slide { width: 35vw; } 

    .evCon3 .con_tit, .evCon7 .con_tit { font-size: 33px; border-bottom: 3px solid; } 
    .evCon3 .content1 .con3_slider { padding-top: 70px; } 
    .evCon3 .content1 .slick-list { margin-left: 0; } 
    .evCon3 .content1 .slick-slide { width: 81vw !important; margin: 0 1vw; } 
    .evCon3 .content1 .slick-slide .white_box { height: 500px; } 

    .evCon3 .content1 .slick-slide .pc_view { display: none; } 
    .evCon3 .content1 .slick-slide .white_box { border-radius: 13px; display: inline-block; width: 100%; } 
    .evCon3 .content1 .slick-dots { position: absolute; top: 0; left: 0; width: 100%; justify-content: center; display: flex; } 
    .evCon3 .content1 .slick-dots li { flex-grow: 1; margin: 0 2px; } 
    .evCon3 .content1 .slick-dots li button { color: #ab6ef8; border: 2px solid #ab6ef8; display: block; width: 100%; font-size: 20px; height: 60px; line-height: 58px; font-weight: bold; box-sizing: border-box; border-radius: 15px; } 
    .evCon3 .content1 .slick-dots li:nth-child(2) button { color: #7d26ea; border-color: #7d26ea; } 
    .evCon3 .content1 .slick-dots li:nth-child(3) button { color: #5b04c8; border-color: #5b04c8; } 
    .evCon3 .content1 .slick-dots li.slick-active button { background: #ab6ef8; color:#fff } 
    .evCon3 .content1 .slick-dots li.slick-active:nth-child(2) button { color: #fff; background-color: #7d26ea; } 
    .evCon3 .content1 .slick-dots li.slick-active:nth-child(3) button { color: #fff; background-color: #5b04c8; } 

    .evCon3 .content2 li { } 
    .evCon3 .content2 li:first-child::before { background-size: 70%; background-position: center; } 
    .evCon3 .content2 li .box { font-size: 15px; } 
    .evCon3 .content2 li .box span { font-size: 14px; } 
    .evCon3 .border_box { } 
    .evCon3 .border_box strong { font-size: 18px; } 
    .evCon3 .border_box span { font-size: 14px; } 
    
    
    /* add */
    .evCon3 .content2.flex .box { padding-top: 10%; } 
    .evCon3 .content2.flex .box > div + div { max-width: 65%; } 
    
    .evCon4 .con_tit { font-size: 33px; border-bottom: 3px solid; } 
    .evCon4 .txt { font-size: 14px; } 

    .event .txt { font-size: 20px; margin: 25px auto 40px; } 
    .event .schedule dl { font-size: 15px; } 
    .event .schedule.hash { padding: 10px 0 15px; border-radius: 10px; } 
    .event .schedule.hash dl { font-size: 15px; } 
    .event .schedule.hash dl dt { margin: 0 0 10px; width: 100%; padding: 0; font-size: 18px; } 
    .event .schedule.hash dl dt:after { content:none } 
    .event .schedule.hash span { margin: 0 5px; } 

    .evCon6 .subtit { margin-top: 50px; } 
    .evCon6 .subtit span { font-size: 18px; } 
    .evCon6 .way { display: block; } 
    .evCon6 .way li { width: 100%; padding: 15px 0; margin: 0 0 15px; height: auto; font-size: 15px; } 
    .evCon6 .way li:nth-child(2)::before { right: auto; left: 50%; width: 4vw; height: 4vw; top: auto; bottom: 0; transform: rotate(90deg) translate(80%, 45%); } 
    .evCon6 .way li:nth-child(2)::after { right: auto; left: 50%; top: 0; height: 4vw; width: 4vw; bottom: auto; transform: rotate(90deg) translate(-80%, 45%); } 
    .evCon6 .way li:first-child .cont { position: static; transform: none; } 
    .evCon6 .btn { width: 90%; margin: 0 auto 50px; } 
    .evCon6 .btn img { width: 100%; } 
    .evCon6 .way li .cont .txt br.mo { display: none; } 
    .evCon6 .way li .tiny_noti { margin: 7px 0 0; } 
}

@media (max-width: 576px){
    .fix_bnr { bottom: 55px; } 
    .fix_bnr .date { font-size: 16px; width: auto; padding: 6px 10px; } 
    .fix_bnr .btn { margin-left: 15px; font-size: 23px; width: calc(100% - 170px); } 
    .fix_bnr .btn img { height: 6vw; margin-top: 2px; } 

    .evCon1 h3 .txt { letter-spacing: 0.7em; font-size: 2.9vw; } 
    .evCon1 h3 .typing > p { font-size: 44px; } 
    .evCon1 h3 .typing strong { font-size: 35px; } 
    .evCon1 .lineBnr .schedule dl { font-size: 13px; } 
    .evCon1 .lineBnr .schedule dl:last-child dt { font-size: 11px; } 
    .evCon1 .lineBnr .schedule dl dt { vertical-align: top; margin-right: 10px; } 
    .evCon1 .lineBnr .schedule dl dd .btn { display: block; margin: 5px 0 0; } 
    .evCon1 .lineBnr .schedule dl dd .cautnPop { top: 96px; left: 54px; } 
    .evCon1 .lineBnr .conBtn a { font-size: 15px; height: 40px; line-height: 40px; } 
    
    .flt_bnr { width: 25%; top: 43%; } 

    .evCon2 .con_tit { font-size: 25px; margin: 30px 0 15px; } 
    .evCon2 .txt { font-size: 13px; } 
    /* .evCon2 .content { flex-wrap: wrap; justify-content: center; } 
    .evCon2 .content li:nth-child(1) { margin: 0 30% 5%; } 
    .evCon2 .content li { width: 40%; margin: 0 3%; } */
    
    .evCon3 .con_tit, .evCon7 .con_tit { font-size: 27px; } 
    .evCon3 .content1 .con3_slider { padding-top: 65px; } 
    .evCon3 .content1 .slick-slide .white_box { height: 500px; } 
    .evCon3 .content1 .slick-dots li button { height: 55px; line-height: 53px; font-size: 17px; } 
    .evCon3 .content2 li .box { font-size: 13px; } 
    .evCon3 .content2 li .box span { font-size: 11px; } 
    .evCon3 .content2 li .box strong .mo { display: block; } 
    .evCon3 .content2.flex .box > div + div { max-width: 70%; } 
    .evCon3 .content2 li:first-child::before { max-width: 17%; } 
    .evCon4 .con_tit { font-size: 27px; } 
    .evCon4 .gift li p { width: 64%; } 
    .evCon4 .gift li p:last-child { margin: 4.5% 0 0 0; } 
    .evCon4 .txt { font-size: 13px; } 
    .evCon4 .txt span { display: block; } 
    .evCon4 .evtoggleWarning { margin-top: 50px; } 
    .evCon4 .evtoggleWarning.on .warningList { padding: 20px 0; } 

    .event .txt { font-size: 18px; margin: 25px auto 30px; } 
    .event .tiny_txt { margin-bottom: 30px; } 
    .event .schedule.hash { padding: 10px 0 15px; border-radius: 10px; } 
    .event .schedule.hash dl { font-size: 15px; } 
    .event .schedule.hash span { padding: 2px 16px; margin: 0 2px; } 
    .event .schedule dl { font-size: 13px; } 
    
    .event.evCon5 .gift { display: block; } 
    .event.evCon5 .gift li { width: 85%; margin: 0 auto 5%; } 
    .event.evCon6 .gift { flex-wrap: wrap; justify-content: center; } 
    .event.evCon6 .gift li:nth-child(1) { margin: 0 27% 5%; } 
    .event.evCon6 .gift li { width: 46%; margin: 0 2%; } 
    .evCon6 .btn { width: 100%; } 
    
    .evCon7 .ytb_thumb .ytb_thumb_play { width: 15vw; } 
    .dim_popup.sns { width:90% } 
}

@media (max-width: 460px){
    .fix_bnr .mo_view { padding: 14px 0; } 
    .fix_bnr .date { font-size: 12px; padding: 6px; width: 105px; border-radius: 5px; } 
    .fix_bnr .btn { margin-left: 10px; font-size: 17px; width: calc(100% - 105px); } 

    .evCon1 h3 .typing > p { font-size: 31px; } 
    .evCon1 h3 .typing strong { font-size: 24px; } 
    .evCon1 .lineBnr .conBtn a { font-size: 13px; } 

    .evCon2 .con_tit { font-size: 19px; margin: 30px 0 10px; } 
    .evCon2 .txt { font-size: 12px; } 

    .evCon3 .con_tit, .evCon7 .con_tit { font-size: 24px; } 
    /* .evCon3 .content1 .slick-slide img { width: 75%; } */
    .evCon3 .content1 .slick-slide .white_box { height: 480px; } 
    .evCon3 .content1 .slick-slide .white_box dl dd { padding: 0 0 5px 13px; } 
    .evCon3 .content1 .con3_slider { padding-top: 50px; } 
    .evCon3 .content1 .slick-dots li button { height: 40px; line-height: 38px; font-size: 14px; border-radius: 10px; } 
    .evCon3 .content2 + .tiny_noti { font-size: 12px; } 
    .evCon3 .content2 li:first-child::before { max-width: 20%; } 
    .evCon3 .content2.flex .box > div + div { } 
    .evCon4 .con_tit { font-size: 24px; } 
    .evCon3 .border_box { padding: 18px 10px; } 
    .evCon3 .border_box strong { font-size: 16px; } 
    .evCon3 .border_box span { font-size: 12px; } 
    .evCon3 .border_box span b span { padding-bottom: 1px; } 
    .evCon3 .border_box span b { display:block } 
    .event .txt { font-size: 15px; margin: 15px auto 20px; } 
    .event .schedule.hash dl dt { font-size: 14px; } 
    .event .schedule.hash span { font-size: 12px; padding: 2px 10px; } 
    .evCon6 .txt { font-size: 13px; } 
    .evCon6 .subtit span { font-size: 13px; } 
    .evCon6 .way li { font-size: 13px; } 
    .evCon6 .way li:nth-child(2)::before,.evCon6 .way li:nth-child(2)::after { width: 7vw; height: 7vw; } 
}