@charset "euc-kr";


/* Main */
.main { background-image: url('https://img.megagong.net/m/2022/1209_winterbrand/main_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.main h3 div { margin: 0 -140px; } 


/* evCon °øÅë */
.evCon h3 { position: relative; z-index: 1; } 
.evCon h3::before { position: absolute; top: 0; left: -100vw; content: ''; width: 200vw; height: 100%; background-color: #0050ff; z-index: -1; } 
.evCon h3::after { position: absolute; left: 50%; bottom: -65px; transform: translate(-50%, 0); content: ''; width: 117px; height: 181px; background-image: url('https://img.megagong.net/m/2022/1209_winterbrand/title_deco.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon .con_box > p { color: #000000; font-size: 42px; font-weight: 300; } 
.evCon .con_box > p b { font-weight: 900; } 


/* event °øÅë */
.event .inner { position: relative; } 
.event .inner .fin { position: absolute; top: 80px; right: 40px; } 
.event h3 { margin-bottom: 40px; line-height: 1.3; color: #0050ff; font-size: 58px; font-weight: 900; } 
.event h3 > img { margin-bottom: 15px; } 


/* evCon1 */
.evCon1 .con_box { padding: 160px 0 105px 0; } 
.evCon1 .con_box .con1_desc { color: #000000; font-size: 38px; font-weight: 200; } 
.evCon1 .con_box .con1_desc span { position: relative; } 
.evCon1 .con_box .con1_desc sup { position: absolute; top: 10px; right: -8px; font-size: 9px; } 
.evCon1 .con_box > img { margin: 32px 0; } 
.evCon1 .con_box .tiny_noti { margin-top: 20px; margin-right: 65px; color: #d1d1d1; font-size: 11px; font-weight: 300; text-align: right; } 


/* evCon2 */
.evCon2 .con_box { padding: 150px 0 110px 0; } 
.evCon2 .con_box > p { margin-bottom: 90px; font-size: 38px; } 
.evCon2 .con_box .con2_header { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 35px; } 
.evCon2 .con_box .con2_header .line { flex: 1; height: 2px; background-color: #0050ff; } 
.evCon2 .con_box .con2_header .center { position: relative; padding: 0 15px; color: #0050ff; font-size: 35px; font-weight: 900; } 


/* evCon2 ÄÜÅÙÃ÷ ¿µ¿ª */
.evCon2 .con2_contents .contents { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 373px; margin-bottom: 20px; } 
.evCon2 .con2_contents .contents .contents_title { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 220px; height: 100%; margin-right: 20px; color: #000000; font-size: 18px; font-weight: 300; background-color: #ebebeb; } 
.evCon2 .con2_contents .contents .contents_title b { margin-bottom: 14px; font-size: 21px; font-weight: bold; } 
.evCon2 .con2_contents .contents .contents_box { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; height: 100%; margin-right: 20px; border: 1px solid #e4e4e4; } 
.evCon2 .con2_contents .contents .contents_box:last-of-type { margin-right: 0; } 
.evCon2 .con2_contents .contents .contents_box p { font-size: 19px; } 
.evCon2 .con2_contents .contents .contents_box .con2_img { position: relative; } 
.evCon2 .con2_contents .contents .contents_box .con2_img::before { position: absolute; top: 0; left: 0; content: ''; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #fff; } 


/* ¹è³Ê ¿µ¿ª */
.banner { padding: 33px 0; background-color: #ff6d32; } 
.banner .inner { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.banner p { margin-right: 35px; color: #fff; font-size: 30px; font-weight: bold; } 


/* evCon3 */
.evCon3 .con_box { padding: 145px 0 135px 0; } 
.evCon3 .con_box > p { margin-bottom: 75px; font-size: 38px; } 
.evCon3 .con_box .pass_wrapper .pass { padding: 80px 105px; background-color: #eff2fb; border-radius: 15px; } 
.evCon3 .con_box .pass_wrapper .pass .pass_header { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 30px; } 
.evCon3 .con_box .pass_wrapper .pass .pass_header > img { margin-top: -20px; margin-bottom: 25px; } 
.evCon3 .con_box .pass_wrapper .pass .pass_header .line { flex: 1; height: 1px; background-color: #a7a9af; } 
.evCon3 .con_box .pass_wrapper .pass .pass_header .center { position: relative; padding: 0 15px; color: #0e0000; font-size: 31px; } 
.evCon3 .con_box .pass_wrapper .pass .pass_header .center sup { position: absolute; top: 5px; right: 11px; color: #a3a3a3; font-size: 9px; font-weight: 300; } 
.evCon3 .con_box .pass_wrapper .pass .pass_title { color: #0050ff; font-size: 55px; font-weight: 300; } 
.evCon3 .con_box .pass_wrapper .pass .pass_title b { font-weight: 900; } 
.evCon3 .con_box .pass_wrapper .pass .pass_desc { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 20px; margin: 33px 0; } 
.evCon3 .con_box .pass_wrapper .pass .pass_desc p { position: relative; flex: 1; color: #000000; font-size: 19px; font-weight: 300; border-left: 1px solid #d0d3da; } 
.evCon3 .con_box .pass_wrapper .pass .pass_desc p:last-of-type { border-right: 1px solid #d0d3da; } 
.evCon3 .con_box .pass_wrapper .pass .pass_desc p sup { font-size: 9px; } 
.evCon3 .con_box .pass_wrapper .pass .pass_desc p.orange { position: relative; color: #ff6d32; font-weight: 400; } 
.evCon3 .con_box .pass_wrapper .pass .pass_desc p.orange > img { position: absolute; top: -33px; right: -33px; z-index: 1; } 
.evCon3 .con_box .pass_wrapper .pass .pass_bottom { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 55px; padding-right: 180px; background-color: #fff; border: 1px solid #000; border-radius: 50px; overflow: hidden; } 
.evCon3 .con_box .pass_wrapper .pass .pass_bottom p { color: #0e0000; font-size: 20px; } 
.evCon3 .con_box .pass_wrapper .pass .pass_bottom p b { color: #ff6d32; font-weight: 900; } 
.evCon3 .con_box .pass_wrapper .pass .pass_bottom a { position: absolute; top: 0; right: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 100%; padding: 0 58px; color: #fff; font-size: 19px; font-weight: bold; background-color: #000; border-radius: 50px; } 
.evCon3 .con_box .pass_wrapper .pass .pass_bottom a > img { margin-left: 10px; } 
.evCon3 .con_box .pass_wrapper .tiny_noti { margin-top: 8px; color: #aaaaaa; font-size: 12px; font-weight: 300; text-align: right; } 


/* evCon4 */
.evCon4 .con_box { padding: 145px 0 0 0; } 
.evCon4 .con_box > p { font-size: 38px; } 


/* event1 */
.event1 { padding-top: 112px; } 
.event1 .container_info { margin-bottom: 95px; color: #fff; background-color: #0050ff; } 
.event1 .container_info .info .info_title::before,
.event1 .container_info .info .info_title::after { background-color: #fff; } 
.event1 .container_info .info .info_date { font-weight: 300; } 
.event1 .container_info .info .noti { margin-left: 12px; color: #fff; opacity: 0.5; } 
.event1 .subheader { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.event1 .subheader .line { flex: 1; height: 1px; background-color: #48628f; } 
.event1 .subheader .center { padding: 0 30px; color: #48628f; font-size: 30px; font-weight: bold; } 
.event1 .gift { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 40px; margin-bottom: 90px; } 
.event1 .step { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 40px; margin-bottom: 90px; padding: 35px 0; background-color: #eff2f9; } 
.event1 .step p { flex: 1; color: #000000; font-size: 18px; font-weight: bold; } 


/* event1 - ½ºÅÆÇÁ ¿µ¿ª */
.stamp_wrapper { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 25px; } 
.stamp_wrapper .dim_for_stamp { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 2; } 
.stamp_wrapper .dim_for_stamp p { color: #fff; font-size: 40px; font-weight: bold; } 
.stamp_wrapper .dim_for_stamp a { display: inline-block; width: 200px; height: 50px; line-height: 48px; margin-top: 35px; color: #fff; font-size: 18px; border: 1px solid #fff; transition: all 0.2s; } 
.stamp_wrapper .dim_for_stamp a:hover { background-color: rgba(0, 0, 0, 0.95); } 
.stamp_wrapper .stamp_box { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; width: calc(50% - 10px); padding-bottom: 82px; } 
.stamp_wrapper .stamp_box .stamp_box_title { position: relative; width: 100%; height: 50px; line-height: 50px; margin-bottom: 41px; color: #fff; font-size: 22px; font-weight: bold; background-color: #48628f; } 
.stamp_wrapper .stamp_box .stamp_box_title::before { position: absolute; left: 50%; bottom: -9px; transform: translate(-50%, 0); content: ''; width: 18px; height: 9px; background-image: url('https://img.megagong.net/m/2022/1209_winterbrand/event1_stamp_title_deco.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.stamp_wrapper .stamp_box > div { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%; } 
.stamp_wrapper .stamp_box > div .stamp { position: relative; border-radius: 50%; overflow: hidden; } 
.stamp_wrapper .stamp_box > div .stamp.coming_soon { cursor: default; } 
.stamp_wrapper .stamp_box > div .stamp.step_complete { overflow: initial !important; cursor: default; } 
.stamp_wrapper .stamp_box > div .stamp.clickBtn::before { position: absolute; top: 0; left: 0; content: 'CLICK'; display: flex; flex-direction: row; align-items: center; justify-content: center; width: calc(100% - 100px); height: calc(100% - 100px); padding: 50px; color: #fff; font-size: 25px; font-weight: bold; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; transform: rotate(-22deg); word-break: break-all; } 
.stamp_wrapper .stamp_box.stamp_box1 > div .stamp.clickBtn.on::before { color: #ff6600; } 
.stamp_wrapper .stamp_box.stamp_box2 > div .stamp.clickBtn.on::before { color: #f8f39d; } 
.stamp_wrapper .stamp_box.stamp_box3 > div .stamp.clickBtn.on::before { color: #bcee9b; } 
.stamp_wrapper .stamp_box.stamp_box4 > div .stamp.clickBtn.on::before { color: #b7ddff; } 
.stamp_wrapper .stamp_box > div .stamp.coming_soon::before { box-sizing: border-box; position: absolute; top: 0; left: 0; content: '12/19(¿ù) COMING SOON'; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 50px; color: #fff; font-size: 19px; font-weight: bold; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; transform: rotate(-22deg); word-break: keep-all; white-space: normal; cursor: default; } 
.stamp_wrapper .stamp_box > div .stamp.coming_soon_1216::before { content: '12/16(±Ý) COMING SOON'; } 
.stamp_wrapper .stamp_box > div .stamp.coming_soon_1219::before { content: '12/19(¿ù) COMING SOON'; } 
.stamp_wrapper .stamp_box > div .stamp.coming_soon_1222::before { content: '12/22(¸ñ) COMING SOON'; } 
.stamp_wrapper .stamp_box > div .stamp.coming_soon_1228::before { content: '12/28(¼ö) COMING SOON'; } 
.stamp_wrapper .stamp_box > div .stamp.coming_soon_0104::before { content: '1/4(¼ö) COMING SOON'; padding: 54px; } 
.stamp_wrapper .stamp_box > div .stamp.step_complete::before { position: absolute; top: 24px; right: 0; content: '¹Ì¼Ç ¿Ï·á'; display: flex; flex-direction: row; align-items: center; justify-content: center; width: calc(60px - 30px); height: calc(60px - 30px); line-height: 1.2; padding: 15px; color: #fff; font-size: 15px; font-weight: bold; border-radius: 50%; word-break: break-all; cursor: default; } 
.stamp_wrapper .stamp_box.stamp_box1 > div .step_complete::before { background-color: #ff6600; } 
.stamp_wrapper .stamp_box.stamp_box2 > div .step_complete::before { background-color: #868683; } 
.stamp_wrapper .stamp_box.stamp_box3 > div .step_complete::before { background-color: #a597fd; } 
.stamp_wrapper .stamp_box.stamp_box4 > div .step_complete::before { background-color: #89e0c6; } 
.stamp_wrapper .stamp_box > div .stamp_desc { margin-top: 20px; } 
.stamp_wrapper .stamp_box > div .stamp_desc p { color: #000; font-size: 20px; font-weight: bold; } 
.stamp_wrapper .stamp_box > div .stamp_desc a { display: inline-block; width: 130px; height: 35px; line-height: 35px; margin-top: 13px; color: #fff; font-size: 16px; background-color: #000; border-radius: 50px; } 


/* event2 */
.event2 { position: relative; padding: 137px 0; } 
.event2::before { position: absolute; top: 418px; left: 0; content: ''; width: 100%; height: 500px; background: linear-gradient(#fff, #eff2f9); } 
.event2 .info_and_gift { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 0 40px; margin-bottom: 45px; } 
.event2 .info_and_gift .container_info { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; background-color: transparent; color: #0050ff; font-size: 21px; border-radius: 0; } 
.event2 .info_and_gift .container_info .info { flex-direction: column; align-items: flex-start; margin-right: 0; margin-bottom: 35px; } 
.event2 .info_and_gift .container_info .info:last-of-type { margin-bottom: 0; } 
.event2 .info_and_gift .container_info .info .info_title::before { background-color: #0050ff; } 
.event2 .info_and_gift .container_info .info .info_title::after { display: none; } 
.event2 .info_and_gift .container_info .info .noti { color: #77a1fc; } 
.event2 .info_and_gift .container_info .info .info_date { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.eventBoard .evtBoard_common .evtBoard_inner { background-color: #48628f; } 


/* warning */
.evtoggleWarning .warningList { padding: 70px 0; } 
.warningList li { line-height: 2; } 
.warningList li ul li a { color: #ff6215; text-decoration: underline; text-underline-offset: 3px; } 


@media screen and (max-width: 1200px){
    .main h3 div { margin: 0 -110px; } 
    .evCon .con_box > p { font-size: 38px; } 
    .evCon1 .con_box .con1_desc { font-size: 34px; } 
    .evCon3 .con_box .pass_wrapper .pass { padding: 80px 80px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_title { font-size: 50px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_desc p { font-size: 16px; } 
    .event1 .gift > img { width: 30%; } 
    .event2::before { height: 407px; } 
    .event2 .info_and_gift > img { width: 50%; } 
}

@media (max-width: 992px){
    .evCon h3::after { width: 10vw; height: 18vw; } 
    .evCon .con_box > p { font-size: 30px; } 
    .evCon1 .con_box { padding: 15vw 0; } 
    .evCon1 .con_box .con1_desc { font-size: 28px; } 
    .evCon1 .con_box .con1_desc sup { top: 6px; } 
    .evCon1 .con_box .tiny_noti { margin-right: 31px; } 
    .evCon2 .con_box { padding: 15vw 0 10vw 0; } 
    .evCon2 .con_box > p { margin-bottom: 7.5vw; } 
    .evCon2 .con_box .con2_header .center { font-size: 30px; } 
    .evCon2 .con2_contents .contents { flex-wrap: wrap; height: initial; margin-bottom: 30px; } 
    .evCon2 .con2_contents .contents .contents_title { width: 100%; height: 100px; margin-right: 0; margin-bottom: 10px; } 
    .evCon2 .con2_contents .contents .contents_title br { display: none; } 
    .evCon2 .con2_contents .contents .contents_title b { margin-bottom: 5px; } 
    .evCon2 .con2_contents .contents .contents_box { margin-right: 10px; padding: 20px 0; } 
    .banner p { margin-right: 22px; font-size: 25px; } 
    .evCon3 .con_box { padding: 15vw 0; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_title { line-height: 1.2; margin: 0 17px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_desc { position: relative; flex-wrap: wrap; height: initial; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_desc::before { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); content: ''; width: 1px; height: 100%; background-color: #d0d3da; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_desc::after { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); content: ''; width: 100%; height: 1px; background-color: #d0d3da; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_desc p { flex: initial; width: 50%; border: 0; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_desc p:nth-of-type(1),
    .evCon3 .con_box .pass_wrapper .pass .pass_desc p:nth-of-type(2) { margin-bottom: 30px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_desc p:last-of-type { border: 0; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_desc p.orange > img { top: 50%; right: 0; transform: translate(0, -50%); } 
    .evCon4 .con_box { padding-top: 15vw; } 
    .event .inner .fin { top: 3vw; right: 0; width: 25vw; } 
    .event1 { padding-top: 15vw; } 
    .event1 .container_info { margin-bottom: 10vw; } 
    .event1 .subheader .center { font-size: 26px; } 
    .stamp_wrapper .stamp_box > div .stamp_desc p { font-size: 16px; } 
    .stamp_wrapper .stamp_box { width: 100%; } 
    .event2 { padding: 15vw 0 10vw 0; } 
    .event2::before { height: 72vw; } 
    .event2 .info_and_gift { flex-direction: column-reverse; } 
    .event2 .info_and_gift > img { width: 70%; } 
    .event2 .info_and_gift .container_info .info { margin-bottom: 15px; } 
}

@media (max-width: 768px){
    .evCon h3::after { bottom: -42px; } 
    .evCon .con_box > p { font-size: 22px; } 
    .evCon1 .con_box .con1_desc { font-size: 20px; } 
    .evCon1 .con_box .con1_desc sup { top: 4px; right: -10px; } 
    .evCon1 .con_box .tiny_noti { margin-right: 22px; } 
    .evCon2 .con_box .con2_header .center { font-size: 22px; } 
    .evCon2 .con2_contents .contents .contents_box { padding: 20px; } 
    .evCon2 .con2_contents .contents .contents_box p { font-size: 16px; }
    .banner {
        position: fixed;
        left: 0;
        bottom: 65px;
        width: 100%;
        padding: 15px 0;
        z-index: 10;
    } 
    .banner .inner { flex-direction: row; } 
    .banner p { margin-right: 0; margin-bottom: 0; font-size: 18px; letter-spacing: -1px; } 
    .banner a { width: 30vw; margin-left: 15px;}
    .evCon3 .con_box .pass_wrapper .pass { padding: 80px 20px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_header .center { font-size: 20px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_desc p { font-size: 14px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_bottom { padding-right: 155px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_bottom p { font-size: 16px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_bottom a { padding: 0 35px; } 
    .event h3 { font-size: 40px; } 
}

@media (max-width: 576px){
    .main h3 div { margin: 0 -45px; } 
    .evCon h3::after { bottom: -24px; } 
    .evCon .con_box > p { font-size: 14px; } 
    .evCon1 .con_box > img { margin: 15px 0; } 
    .evCon1 .con_box .con1_desc { font-size: 14px; } 
    .evCon1 .con_box .con1_desc sup { top: 2px; } 
    .evCon1 .con_box .tiny_noti { margin-right: 15px; font-size: 9px; } 
    .evCon2 .con_box .con2_header .center { padding: 0 10px; font-size: 14px; } 
    .evCon2 .con2_contents .contents .contents_title { height: 75px; font-size: 12px; } 
    .evCon2 .con2_contents .contents .contents_title b { font-size: 16px; } 
    .evCon2 .con2_contents .contents .contents_box { padding: 15px 5px; } 
    .evCon2 .con2_contents .contents .contents_box p { font-size: 12px; } 
    .banner {
        bottom: 55px;
    } 
    .banner p { font-size: 16px; } 
    .banner a { width: 50vw; margin-left: 7px;}
    .evCon3 .con_box > p { margin-bottom: 7vw; } 
    .evCon3 .con_box .pass_wrapper .pass { padding: 60px 10px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_title { font-size: 35px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_desc p { font-size: 12px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_desc p.orange > img { top: -9%; right: -14px; width: 30%; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_bottom { padding-right: 115px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_bottom p { font-size: 12px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_bottom a { padding: 0 20px; font-size: 14px; } 
    .evCon3 .con_box .pass_wrapper .tiny_noti { font-size: 9px; } 
    .event h3 { font-size: 24px; } 
    .event h3 > img { width: 30%; } 
    .event1 .container_info { font-size: 13px; } 
    .event1 .subheader .center { padding: 0 15px; font-size: 14px; } 
    .event1 .gift { flex-direction: row; flex-wrap: wrap; justify-content: center; margin-bottom: 7vw; } 
    .event1 .gift > img { width: 33.33%; margin-bottom: 3vw; } 
    .event1 .gift > img:nth-of-type(1) { margin: 0 33.33%; } 
    .event1 .gift > img:nth-of-type(2) { margin-right: 10px; } 
    .event1 .gift > img:nth-of-type(3) { margin-left: 10px; } 
    .event1 .step { flex-direction: column; margin-top: 3vw; margin-bottom: 7vw; padding: 10vw 0; } 
    .event1 .step > img { height: 78px; transform: rotate(90deg); } 
    .stamp_wrapper .stamp_box { justify-content: space-between; padding-bottom: 7.5vw; } 
    .stamp_wrapper .stamp_box > div { width: 48%; } 
    .stamp_wrapper .stamp_box .stamp_box_title { font-size: 16px; } 
    .stamp_wrapper .stamp_box > div .stamp.coming_soon::before { padding: 35px; font-size: 24px; } 
    .stamp_wrapper .stamp_box > div .stamp.coming_soon_0104::before { padding: 43px; font-size: 24px; }
    .stamp_wrapper .stamp_box > div .stamp.clickBtn::before { width: calc(100% - 70px); height: calc(100% - 70px); padding: 35px; } 
    .stamp_wrapper .stamp_box > div .stamp_desc p { font-size: 14px; } 
    .event2 .info_and_gift { margin: 0 auto; margin-bottom: 5vw; } 
    .event2 .info_and_gift .container_info { font-size: 14px; } 
}

@media (max-width: 385px){
    .stamp_wrapper .stamp_box > div .stamp.coming_soon::before { padding: 10vw; font-size: 21px; }
}

@media (max-width: 360px){
    .stamp_wrapper .stamp_box > div .stamp.coming_soon::before { font-size: 20px; } 
}

@media (max-width: 350px){
    .evCon .con_box > p { font-size: 13px; letter-spacing: -1.3px; } 
    .evCon1 .con_box .tiny_noti { margin-right: 7px; letter-spacing: -1px; } 
    .evCon2 .con_box .con2_header .center { padding: 0 5px; font-size: 13px; letter-spacing: -1px; } 
    .evCon2 .con2_contents .contents .contents_box p { letter-spacing: -2px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_header { margin: 0 auto; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_header .center { font-size: 14px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_header .center sup { top: 0px; } 
    .evCon3 .con_box .pass_wrapper .pass .pass_title { font-size: 27px; } 
    .event1 .container_info { font-size: 9px; letter-spacing: -1.3px; } 
    .event1 .container_info .info .noti { font-size: 9px; } 
    .event1 .subheader .center { padding: 0 5px; font-size: 13px; } 
    .stamp_wrapper .stamp_box > div .stamp.coming_soon::before { font-size: 18px; } 
    .stamp_wrapper .stamp_box > div .stamp.clickBtn::before { font-size: 20px; } 
    .stamp_wrapper .stamp_box > div .stamp.step_complete::before { top: -8px; font-size: 13px; } 
    .stamp_wrapper .stamp_box > div .stamp_desc p { font-size: 13px; letter-spacing: -1px; } 
    .event2 .info_and_gift .container_info { font-size: 13px; } 
}