@charset "euc-kr"; :root { --point-color1:#f9b71f; --point-color2:#fff2d4; --point-color3:#ff7d01; --point-color4:#fffb8e; --point-color5:#009c43; } 

/* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */


/* °øÅë */
.eventWrap .evSection { padding: 135px 0 } 
.warningList li ul li a { color: #0038fd; text-decoration: underline } 
.lecture { padding-bottom: 0 !important; background: #fff } 

/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after { background: var(--point-color4) } 
.evCon5 .con_tit .end::after { background: var(--point-color5) } 

.eventWrap .tiny_noti.right { text-align: right } 
.eventWrap .tiny_noti.left { text-align: left } 

.clamp-title { font-size:46px } 
.clamp-text56 { font-size:56px } 
.clamp-text34 { font-size:34px } 
.clamp-text30 { font-size:30px } 
.clamp-text26 { font-size:26px } 
.clamp-text22 { font-size:22px } 
.clamp-text20 { font-size:20px } 
.clamp-text18 { font-size:18px } 
.clamp-text16 { font-size:16px } 

/* ŸÀÌƲ */
.evSection .con_tit { font-size: 20px; margin: 0 0 30px; font-weight:900 } /*Ãß°¡ margin¼öÁ¤ 60 => 30*/
.evSection .con_tit .tiny { font-weight: bold; display: inline-flex; padding: 14px 69px; background: var(--point-color3); color: #fff; border-radius: 100px; margin: 0 0 20px } 
.evSection .con_tit .tiny.top { padding: 0 0 15px } 
.evSection .bigt { display:block; font-weight: 900; line-height: 1.3 } 
.evSection .bigt b { color: var(--point-color3); font-weight: 900 } 
.evSection .bigt.wht { color:#fff } 
.evSection .bigt.grd { background-image:var(--pt-gradi-color); background-clip:text; -webkit-background-clip:text; color:transparent } 
.evSection .bigt .stgrd { background-image:var(--pt-gradi-color); background-clip:text; -webkit-background-clip:text; color:transparent } 
.eventWrap .tit_point { margin: 0 0 60px; font-size: 20px; color: #555 } 
.eventWrap .tit_point strong { color: var(--point-color5) } 
.eventWrap .tit_line { position: relative; margin-bottom: 50px } 
.eventWrap .tit_line::before { content: ''; display: block; width: 100%; height: 1%; background: #111; position: absolute; left: 0; top: 50%; transform: translateY(-50%) } 
.eventWrap .tit_line span { position: relative; padding: 8px 90px; color: #fff; background: #111; border-radius: 30px; font-size: 20px } 
.evSection .con_tit .evt { margin: 0 0 20px; display: block } 
.evSection .con_tit .evt img { width:auto } 

.eventWrap .btn_n { display: flex } 
.eventWrap a.btn { font-size: 20px; display: block; margin: 0 auto; padding: 26px 0px; width: 400px; border-radius: 65px; font-weight: bold; background: #000; color: #fff } 
.eventWrap a.btn span { display: inline-block; position: relative; padding: 0 25px 0 0 } 
.eventWrap a.btn span::before { content: ""; position: absolute; right: 0; top: 50%; width: 12px; height: 17px; margin: -7px 0 0; background-color:#fff; color: #fff; -webkit-mask-size: 100%; mask-size: cover; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; -webkit-mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg); mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg) } 

.evSection .con_tit sup { vertical-align: top; font-size: clamp(12px,2.3vmin,16px); line-height: 1; display: inline-block; padding: 6px 0 0 } 

.eventWrap .swiper-pagination-bullet { background-color: #dedede; width: 10px; height: 10px } 
.eventWrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #111 } 

.fix_menu_sti { background: #ff7d01; z-index: 5; position: sticky; top: 0 } 
.fix_menu_sti ul { width: 1080px; margin: 0 auto; display:flex; align-items:flex-start; justify-content:space-between } 
.fix_menu_sti li { width: 25%; position: relative } 
.fix_menu_sti li i { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); z-index: 2 } 
.fix_menu_sti li a { font-size: 19px; position: relative; color: #fff6; font-weight: 700; height: 100px; display: flex; justify-content: center; align-items: center } 
.fix_menu_sti li a br { display: none } 
.fix_menu_sti li a:before { content:''; display:block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #fff; height: 36%; width: 1px; opacity: 0.3 } 
.fix_menu_sti li:nth-child(1) a:before { display:none } 
.fix_menu_sti li a:hover { color:rgba(255, 255, 255, 0.75) } 
.fix_menu_sti li.on a { color: #000; font-weight: 900 } 
.fix_menu_sti.fixed { position: fixed; top: 0; left: 0; width: 100% } 

.con_tit { font-size: 52px; font-weight: 900 } 
.con_txt { font-size: 20px; margin: 16px 0 0 } 
.con_txt strong { font-weight: 900 } 
.col_blue { color: #0968c9 } 
.col_org { color: #ff7d01 } 
.col_yel { color: #fffb8e } 
.col_red { color: #ff0000 !important; font-weight: 700 } 

.evCon1 { background: #e7f3f8 url('https://img.megagong.net/m/2024/0807_newsletter/con1_bg.jpg'); background-repeat:no-repeat; padding: 76px 0 41px } 
.evCon1 .btnWrap { position: absolute; bottom: 92px; left: 50%; transform: translate(-50%, 0); text-align: right } 
.evCon1 .btnWrap .btn { display: block; padding: 0 } 
.evCon1 .btnWrap .view { display: inline-block; color: #2e2e2e; font-weight: 700; font-size: 15px; border-bottom: 1px solid; margin: 6px 0 0; padding: 0 3.5px } 

.evCon2 { padding: 140px 0 150px } 
.evCon2 .content { display: flex; justify-content: space-between; margin: 55px 0 0 } 

.evCon3 { background: #fff4e2 } 
.evCon3 ul, .evCon8 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px } 
.evCon3 ul li img, .evCon8 ul li img { box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.12); border-radius: 30px } 

.event .conWrap { display: flex; flex-direction: row-reverse; align-items: center; justify-content: start } 
.event .conWrap .schedule li { text-align: left; font-size: 20px; font-weight: 900; width: 568px; padding: 15px 0; /* padding-left: 50px; */margin: 0 0 0 } 
.event .conWrap .schedule li:last-child { margin: 0 0 } 
.event .conWrap .schedule li span { display: inline-block; padding-right: 14px; margin-right: 10px; position: relative } 
.event .conWrap .schedule li span::before { content:''; background: #000; width: 2px; height: 50%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%) } 
.event .conWrap .schedule li .tiny_noti { font-size: 14px; opacity: 0.8; padding: 0; margin: 0 } 
.event .conWrap .schedule li .tiny_noti::before { display:none } 
.event .sub_tit { position: relative } 
.event .sub_tit::before { content:''; width: 100%; height: 1px; background: #000; position: absolute; left: 0; top: 50% } 
.event .sub_tit span { display: inline-block; background: #000; color: #fff; font-size: 22px; padding: 7px 40px 8px; border-radius: 100px; font-weight: 700; position: relative } 

.evCon4 { background: #dbf5ff; padding: 160px 0 150px } 
.evCon4 * { font-family:var(--font) !important } 
.evCon4 input[type=text] { font-family:var(--font-warning) !important } 
.evCon4 .tit_point { margin: 0 0 50px; color:#222 } 
.evCon4 .tit_point strong { color:var(--point-color4); font-weight: normal } 
.evCon4 .conWrap { margin: 0 0 70px; background: #ff8f2c; position: relative; padding: 30px 0 } 
.evCon4 .conWrap:before { content:''; position:absolute; top:0; left: 100%; background: #ff8f2c; width: 1500px; height: 100% } 
.evCon4 .conWrap:after { content:''; position:absolute; top:0; right: 100%; background: #ff8f2c; width: 1500px; height: 100% } 
.evCon4 .conWrap .gift { margin-right: -12px } 
.evCon4 .gift_wrap { display: flex; justify-content: space-between; margin: 0 0px 90px } 
.evCon4 .gift_wrap .item { display: flex; flex-direction: column } 
.evCon4 .content { margin: 0 40px } 
.evCon4 .content li { background: #fff; border-radius: 30px; font-size: 20px; overflow: hidden; margin: 0 0 60px } 
.evCon4 .content li:first-child { position: relative } 
.evCon4 .content li:first-child::before { content:''; background: url('https://img.megagong.net/m/2023/0619_newsletter/evt1_ico2.png'); background-repeat:no-repeat; width: 57px; height: 30px; position: absolute; left: 50%; bottom: -54px; transform: translate(-50%, 0) } 
.evCon4 .content li .step { margin: 50px 0 10px; display: inline-block; font-weight: 900; position: relative; z-index: 1; display: inline-flex; border: 1px solid #000; border-radius: 50px; opacity: 0.6; font-weight: bold; padding: 3px 20px; font-size: 16px } 
.evCon4 .content li .txt { font-weight: 900; line-height: 1.2; margin: 0 0 20px } 
.evCon4 .content li .txt .bgtxt { padding: 0 4px; position: relative; z-index: 1 } 
.evCon4 .content li .txt .bgtxt::before { content:''; background: var(--point-color3); width: 100%; height: 30%; position: absolute; bottom: 4px; left: 0; z-index: -1; opacity: 0.5 } 
.evCon4 .content .tiny_noti { font-size: 15px; opacity: 0.5; font-weight: 500 } 

.evCon4 .content li .txt .tiny { display: block; font-size: 14px; margin: 10px 0 0 } 
.evCon4 .content li .btn { background: #000000; color: #fff; padding: 24px 0; font-family: var(--font); font-size: 24px; font-weight: 600; height: inherit; border: 0; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 0 } 
.evCon4 .content li .btn.complete { background: #999999; color: #cbcbcb } 
.evCon4 .content li .btn span { padding: 0 } 
.evCon4 .content li .btn span::before { display:none } 
.evCon4 .content li .btn.complete span::before { display: none } 
.evCon4 .content li .btn.point.on span { opacity: 0 } 
.evCon4 .content li input { border: 1px solid #d0d0d0; width: 800px; height: 50px; font-size: 16px; font-weight: 700; padding: 0 10px; margin: 5px 0 40px } 
.evCon4 .cautn { margin: 0 40px; border: 1px solid #b25701; border-width: 1px 0; padding: 25px 20px; font-size: 15px; background: url(https://img.megagong.net/m/2024/0807_newsletter/con_img7.png) no-repeat 94% 100% } 
.evCon4 .cautn li { text-align: left; font-weight: normal } 
.evCon4 .container_info.ver_column .info .info_date { line-height: 1.4 } 
.evCon4 .container_info.ver_column .info .info_date ol li { padding: 0 0 0 238px; text-indent: -238px; } 
.evCon4 .container_info.ver_column .info .info_date ol li + li { margin: 10px 0 0 } 
.evCon4 .container_info.ver_column .info .info_date ol li span { font-weight: normal; background-color: #000; color:#fff; font-size: 15px; line-height: 1; padding: 4px 20px 6px; border-radius: 40px; letter-spacing: 0; margin: 0 10px 0 0 } 
.evCon4 .container_info.ver_column .info .info_date ol li .tiny { text-indent: 0; padding: 8px 0 0 0; font-size: 15px; opacity: 0.5 } 

.evSection.evCon5 { background: #ffb936 } 
.evCon5 .container_info { background: #ffc75e; width: 100% } 
.evCon5 .container_info .info { margin: 0 20px 0 0 } 
.evCon5 .container_info .info + .info { margin: 0 } 
.evCon5 .conWrap { margin: 65px 0 85px } 
.evCon5 .conWrap .schedule { margin: -20px 50px 0 0 } 
.evCon5 .content { margin: 40px 0 } 
.evCon5 .content li { display: inline-block; background: #fff; border-radius: 18px; width: 445px; height: 225px; vertical-align: top; box-shadow: 5px 4px 5px #d79823cc; position: relative } 
.evCon5 .content li:first-child { margin-right: 14px } 
.evCon5 .content li:first-child::before { content:''; background: url('https://img.megagong.net/m/2023/0619_newsletter/evt2_ico1.png') no-repeat; width: 35px; height: 36px; position: absolute; right: -27px; top: 50%; transform: translate(0, -50%); z-index: 2 } 
.evCon5 .content li:last-child::before { content:''; background: url('https://img.megagong.net/m/2023/0619_newsletter/evt2_ico2.png'); width: 119px; height: 135px; z-index: 2; position: absolute; right: -74px; bottom: -18px } 
.evCon5 .content li .step { display: inline-block; font-size: 20px; font-weight: 900; position: relative; z-index: 1; margin: 25px 0 16px } 
.evCon5 .content li .step::before { content:''; background: #f2f2f2; width: 155%; height: 43%; position: absolute; bottom: 7%; left: 50%; transform: translate(-50%, 0); z-index: -1 } 
.evCon5 .content li .txt { font-size: 18px; height: 114px } 
.evCon5 .content li:nth-child(2) .txt { padding-top: 14px } 
.evCon5 .content li .txt strong { font-weight: 900 } 
.evCon5 .content li .tiny_noti { font-size: 14px; color: #ff0000 } 
.evCon5 .gift_wrap { display: flex; margin: 0 0 100px; justify-content: center; gap: 15px } 
.evCon5 .btnWrap { margin: 0 0 85px; display: flex; justify-content: center; gap: 18px } 
.evCon5 .btnWrap a { border-radius: 70px; overflow: hidden } 
.evCon5 .btnWrap a:last-child { margin: 0 0 } 
.evCon5 .eventBoard { border-radius: 15px; overflow: hidden } 

.shareList ul li dl dd { color: #888888 !important; border-color: #d1d1d1 !important } 
.shareList ul li dl.sns dt { background-color: #1786f9 } 
.shareList ul li dl.naver dt { background-color: #28b088 } 
.shareList ul li dl.daum dt { background-color: #ff9f2e } 
.eventBoard .evtBoard_common .board_write { border: 1px solid #000 } 
.eventBoard .evtBoard_common .evtBoard_inner { background: #ffcb6a; padding: 40px } 
.eventBoard .evtBoard_common .info_wrap .tip_list { font-size: 13px; opacity: 0.8 } 
.eventBoard .evtBoard_common .info_wrap.with_tip button { font-size: 14px; border-bottom: 1px solid; line-height: 1.2; font-weight: bold } 

.evSection.evCon6 { padding-top: 0 !important } 
.evCon6 .con_tit { margin: 0 0 50px; font-size: 52px } 
.evCon6 .con_tit i { display: block; margin: 0 0 18px } 
.evCon6 .con6_content li { cursor: pointer; border-bottom: 1px solid #d0d0d0; font-size: 18px } 
.evCon6 .con6_content li:first-child { border-top: 1px solid #d0d0d0 } 
.evCon6 .con6_content li:last-child { margin-bottom: 0 } 
.evCon6 .con6_content li .qA { display: inline-block; margin-right: 35px; vertical-align: top } 
.evCon6 .con6_content li .off { display: block; background: #fff; display: flex; justify-content: space-between; padding: 25.4px 40px } 
.evCon6 .con6_content li.show .off { display: none } 
.evCon6 .con6_content li .off .txt i { display: inline-block; margin-right: 8px; position: relative; top: -2% } 
.evCon6 .con6_content li .on { display: none; background: #f8f8f8; position: relative; text-align: left; padding: 32.2px 40px } 
.evCon6 .con6_content li.show .on { display: block } 
.evCon6 .con6_content li .on i { position: absolute; right: 40px; top: 35px } 
.evCon6 .con6_content li .on .question { font-weight: 900; line-height: 1; margin: 0 0 35px } 
.evCon6 .con6_content li .on .answer p { display: inline-block; line-height: 1.3 } 

.evSection.evtoggleWarning { padding: 0 !important } 

.evtoggleWarning .warningList { padding: 55px 0 } 
.warningList li ul li { line-height: 1.85 } 
.warningList li ul li a { color: #fff; background: #595959; border-radius: 4px; padding: 4px 19.6px } 

/* S: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* Æ˾÷ */
.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://image.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px } 

.fix_menu_sti.rever ul { justify-content: center } 

.evSection.evCon1 { background: #e7f3f8 url('https://img.megagong.net/m/2024/0807_newsletter/con1_bg.jpg') no-repeat center 0; background-repeat:no-repeat; padding: 0 !important } 
.evCon1 .obj_con1 { position: absolute; right: 50px; mix-blend-mode: multiply; top: -70px } 
.evCon1 .obj2_con1 { position: absolute; right: 50px; top: -70px } 

.evSection.evCon2 { background: #FFF2E7 url(https://img.megagong.net/m/2024/0807_newsletter/con_img1_center.jpg) repeat-x center 0; padding: 90px 0 101px; } 
.evCon2 .question { position: relative; font-size:26px; color: #000000ab; padding: 35px 0 35px; margin: 0 0 30px } 
.evCon2 .question::before { content:''; background-image: url(https://img.megagong.net/m/2024/0807_newsletter/con_img2.png), url(https://img.megagong.net/m/2024/0807_newsletter/con_img2_2.png); background-repeat: no-repeat, no-repeat; background-position: center 0, center 100%; position: absolute; top:0; left: 50%; width:50px; height:100%; opacity: 0.6; margin: 0 0 0 -25px; } 

.evCon2 .point { font-weight: 900 } 
.evCon2 .point strong { color:var(--point-color3); font-weight: inherit } 

.evSection.evCon3 { background: #f3f3f3 } 
.evSection.evCon8 { background: #ebebeb } 
.evCon8 .last_point { font-weight: bold; padding: 50px 0 0 } 
.evSection.evCon9 { background: #ffe8d3; position: relative } 
.evSection.evCon4 { background: var(--point-color3) } 
.evCon4 .con_tit { margin: 0 0 20px } 
.evCon9 ul { position: relative; height: 650px; display: flex; justify-content: center; align-items: center } 
.evCon9 ul li { display: inline-flex; justify-content: center; align-items: center; border-radius: 15px; position: absolute; top: 0; left: 0; box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.03) } 
.evCon9 ul li:nth-child(1) { background: rgba(255,255,255,1); width: 345px; top: 90px; left: 20px } 
.evCon9 ul li:nth-child(2) { left: 340px; background: rgba(255, 255, 255, 0.83); width: 375px } 
.evCon9 ul li:nth-child(3) { left: unset; background: rgb(255 255 255); width: 305px; top: 90px; right: 40px } 
.evCon9 ul li:nth-child(4) { left: 335px; background: rgba(255,255,255,0.7); width: 380px; top: 480px } 
.evCon9 ul li:nth-child(5) { left: 10px; background: rgb(255 255 255); width: 345px; top: 386px } 
.evCon9 ul li:nth-child(6) { left: unset; background: rgba(255,255,255,0.7); width: 380px; top: 383px; right: 20px } 
.evCon9 ul li:nth-child(7) { position: relative; top: unset; left: unset } 
.evCon9 ul li:nth-child(7) img { border: 5px solid var(--point-color3); border-radius: 25px; } 
.evCon9 .tiny_noti { margin: 30px 0 0; opacity: 0.5; text-align: center; } 


/* form */
.evCon7 .obj_con1 { display: block; margin-top: -1px } 
.evCon7 .con_tit { font-size: 52px; font-weight: 900; margin-bottom: 15px } 
.evCon7 .inner { padding: 18px 0 155px } 
#stb_subscribe { border: 0; background: #f9f9f9; margin: 30px 0 0; padding: 30px 0 0 } 
#stb_subscribe .stb_form_description { font-size: 20px; color: #000; font-weight:500; line-height: 30px; padding-bottom: 10px } 
#stb_subscribe .stb_form_set { text-align: left; margin: 0 100px 0; padding: 0 0 20px } 
#stb_subscribe .stb_form_set:nth-child(1) { margin-top:0 } 
#stb_subscribe .stb_form_set .stb_form_set_label { font-size: 16px; font-weight: bold } 
#stb_subscribe .stb_form_set .stb_form_set_input { padding: 12px 10px; border: solid 1px #d0d0d0; border-radius: 3px; font-family: var(--font) } 
#stb_subscribe .stb_form_set .stb_form_set_input.red { border: solid 1px #ff0606 } 
#stb_subscribe .stb_form_set .stb_form_set_input.red::placeholder { color: #ff0606 } 
#stb_subscribe .stb_form_policy { text-align: left; padding-bottom: 5px; font-weight: 500; margin: 0 100px } 
#stb_subscribe .stb_form_policy + .stb_form_policy { margin-bottom: 30px; } 
#stb_subscribe .stb_form_policy * { font-size: 16px; font-weight: bold } 
#stb_subscribe .stb_form_policy label input { width: 22px; height: 22px; margin: 0 5px 0 0; appearance: inherit; border: 1px solid #d0d0d0; background: #fff } 
#stb_subscribe .stb_form_policy label input:checked { accent-color: black; appearance:auto } 
#stb_subscribe .stb_form_policy span { color: #ff7d01 } 
#stb_subscribe .stb_form_modal_text { white-space: inherit } 
#stb_subscribe .stb_form_policy label button { vertical-align: unset; color: inherit; font-family: var(--font); font-size: inherit; text-decoration: none; font-weight: bold } 
#stb_subscribe .bot_area { padding: 30px 0 0 } 
#stb_subscribe .stb_form_set_submit { padding-top: 0px; width: 100% } 
#stb_subscribe .stb_form_submit_button { background: #000000; color: #fff; padding: 24px 0; font-family: var(--font); font-size: 24px; font-weight: 600; height: inherit; border: 0; width: 100%; display: flex; align-items: center; justify-content: center } 
#stb_subscribe .link_btn a { transition: 0.3s; display: block; background: #fff; border: 1px solid #000; color: #000; padding: 12px 138px; border-radius: 8px; font-family: var(--font); font-size: 16px; font-weight: 800; height: inherit } 
#stb_subscribe .stb_form_policy #stb_policy_error, #stb_subscribe .stb_form_policy #stb_ad_agreement_error { font-size: 14px } 
#stb_subscribe .stb_form_policy #stb_form_msg_error { font-size: 12px } 
#stb_subscribe .stb_form_msg_error,#stb_subscribe .stb_form_result.fail p { color: #ff0000; font-size: 14px } 
#stb_subscribe .emo { font-size: 20px; margin-right: 2px; font-family: 'Noto Color Emoji', sans-serif } 
#stb_subscribe .stb_form_result { margin: 0 140px 0; text-align: left; padding-bottom: 25px } 

.br_576 { display: none } 

/* 241016 */
.fix_menu_sti.new_ver li { width: 100%; flex:1; } 
.eventWrap .evCon2_5.evSection { padding: 0px 0; } 
.evCon2_5 .inner { padding:30px 0 135px; } 
.evCon2_5 #stb_subscribe { border: none; background: #fff; } 
.evCon2_5 #stb_subscribe .description_wrp { margin-bottom: 45px; } 
.evCon2_5 #stb_subscribe .stb_form_description { font-size: 20px; letter-spacing: -1px; line-height: 1.4; padding-bottom: 10px; } 
.evCon2_5 #stb_subscribe .stb_form_description:last-child { padding-bottom: 0px; } 
.evCon2_5 #stb_subscribe .stb_form_description .ico_img { display: inline-block; vertical-align: text-top; } 
.evCon2_5 #stb_subscribe .stb_form_set .stb_form_set_input { padding: 14px 20px; border: solid 1px #d0d0d0; border-radius: 8px; } 
.evCon2_5 #stb_subscribe .pol_box_wrap { text-align: left; border: 1px solid #d0d0d0; margin: 0 100px 15px; padding: 25px 20px; } 
.evCon2_5 #stb_subscribe .pol_box_wrap .pol_box .pol_tit { font-size: 16px; font-weight: 700; margin-bottom: 5px; } 
.evCon2_5 #stb_subscribe .pol_box_wrap .pol_box .pol_text { font-size: 14px; font-weight: 400; margin-bottom: 20px; } 
.evCon2_5 #stb_subscribe .pol_box_wrap .pol_box:first-child .pol_tit { margin-bottom: 20px; } 
.evCon2_5 #stb_subscribe .pol_box_wrap .pol_box:last-child .pol_text { margin-bottom: 0; } 
.evCon2_5 #stb_subscribe .stb_form_policy label button { color: #000000;     text-decoration: underline;     text-underline-offset: 4px;} 
.evCon2_5 #stb_subscribe input:-webkit-autofill,
.evCon2_5 #stb_subscribe input:-webkit-autofill:hover,
.evCon2_5 #stb_subscribe input:-webkit-autofill:focus,
.evCon2_5 #stb_subscribe input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important; } 
.evCon2_5 #stb_subscribe .stb_btn_wrap { display: flex; justify-content: center; gap: 40px; margin: 35px 100px 0px; } 
.evCon2_5 #stb_subscribe .link_btn { width: 100%; } 
.evCon2_5 #stb_subscribe .link_btn button { transition: 0.3s; display: block; background: #000000; border: 1px solid #000; color: #ffffff; padding: 11px 138px; border-radius: 8px; font-family: var(--font); font-size: 16px; font-weight: 700; height: inherit; } 
.evCon2_5 #stb_subscribe .link_btn button:hover { background: #fff; color: #000; font-weight: 800; } 
.evCon2_5 #stb_subscribe .link_btn a:hover { background: #000000; border: 1px solid #000; color: #ffffff; } 

.mail_chk_pop .fa-stack { display: inline-block; vertical-align: middle; height: 3em; position: relative; width: 3.5em; } 
.mail_chk_pop .svg-inline--fa.fa-stack-2x { height: 3em; width:3.5em; } 
.mail_chk_pop .fa-stack-1x, .mail_chk_pop .fa-stack-2x { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } 
.mail_chk_pop .svg-inline--fa.fa-stack-1x { height: 2em; width: 2.25em; } 
.mail_chk_pop .fa-inverse { color: var(--fa-inverse, #fff); } 
.mail_chk_pop .cmg_popup_inner { background: #fff; font-family: 'Noto Sans KR'; border-radius: 8px; } 
.mail_chk_pop .content_inner { padding: 40px 20px 34px; text-align: center; } 
.mail_chk_pop .mail_chk_tit { font-size: 20px; font-weight: 600; margin-bottom: 20px; } 
.mail_chk_pop .mail_chk_con { font-size: 16px; margin: 35px 0 25px; line-height: 1.4; } 
.mail_chk_pop .btn_wrap a { background: #000; color: #fff; font-size: 18px; border-radius: 50px; padding: 10px 40px; display: inline-block; font-weight: 500; } 



@media screen and (max-width: 1200px){
 .eventWrap img { width: 100% } 
 .btnConfirm img { width: auto; } 

 .eventWrap .evSection { padding: clamp(70px,17vmin,150px) 0 } 

 .clamp-title { font-size: clamp(20px,4.5vmin,40px) } 
 .clamp-text56 { font-size: clamp(24px,5.5vmin,50px) } 
 .clamp-text34 { font-size: clamp(17px,3.7vmin,32px) } 
 .clamp-text30 { font-size: clamp(15px,3.3vmin,28px) } 
 .clamp-text26 { font-size: clamp(15px,3vmin,24px) } 
 .clamp-text22 { font-size:clamp(15px,2.7vmin,22px) } 
 .clamp-text20 { font-size: clamp(13px,2.3vmin,18px) } 
 .clamp-text18 { font-size:clamp(14px,2.3vmin,18px) } 
 .clamp-text16 { font-size:clamp(13px,2.1vmin,16px) } 


 /*ŸÀÌƲ*/
 .eventWrap sup { vertical-align:top } 
 .evSection .con_tit { margin: 0 0 5%; } 
 .evSection .con_tit .tiny { padding: 1.5% 6% } 
 .evSection .bigt.wht { color:#fff } 
 .eventWrap .tit_point { margin:0 0 6%; font-size: clamp(14px,2.5vmin,20px) } 
 .eventWrap .tit_line { margin-bottom: 5% } 
 .eventWrap .tit_line span { font-size: clamp(15px,2.5vmin,20px); padding: 1% 5% 1.5% } 
 .evSection .con_tit .evt img { width: clamp(140px,25vmin,200px) } 

 .eventWrap .tiny_noti.right,
 .eventWrap .tiny_noti.left { text-align: center } 

 .eventWrap a.btn { font-size: 17px; padding: 20px 0 } 

 .con_tit { font-size: 5vw } 
 .con_txt { font-size: 2.2vw; margin: 2% 0 0 } 

 .fix_menu_sti ul { width: 100% } 
 .fix_menu_sti li a { font-size: clamp(13px,2.3vmin,18px) } 
 .fix_menu_sti li i { right: 10%; max-width: 30% } 

 .evSection.evCon1 { padding: 6.5% 0 3.5%; background-size: cover } 
 .evCon1 .btnWrap { bottom: 9%; width: 40%; transform: none; left: 31%; margin: 0 auto } 
 .evCon1 .btnWrap .btn { width: 100% } 

 .event .conWrap { display: block } 
 .event .conWrap .schedule { display: inline-block } 
 .event .conWrap .schedule li { font-size: 17px; width: 540px; margin: 0 0 20px } 
 .event .conWrap .schedule li .tiny_noti { font-size: 12px } 
 .event .sub_tit span { font-size: clamp(16px,4vmin,20px) } 

 .evSection.evCon2 { background-size: auto 100%; /* background-position: 85% 0; */ } 
 .evCon2 .question { font-size: clamp(15px,2.7vmin,22px); margin: 0 0 10px; /* padding: 25px 0 0; */ } 
 .evCon2 .point strong { color:var(--point-color3); font-weight: inherit } 

 .evCon3 ul, .evCon8 ul { gap: 2% } 
 .evCon3 ul li, .evCon8 ul li { width: 32%; margin: 0 0 2% } 
 .evCon3 ul li img, .evCon8 ul li img { box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.03) } 
 .evCon8 .last_point { padding: 20px 0 0 } 
 .evCon9 ul { height: 62vw; } 
 .evCon9 ul li { width: 32% !important; padding: 0 1% } 
 .evCon9 ul li:nth-child(1) { left: 0; top: 5vw } 
 .evCon9 ul li:nth-child(2) { left: 34.0% } 
 .evCon9 ul li:nth-child(3) { top: 5vw; right: 0 } 
 .evCon9 ul li:nth-child(4) { top: unset; bottom: 0%; left: 34.0% } 
 .evCon9 ul li:nth-child(5) { top: unset; bottom: 3vw; left: 0 } 
 .evCon9 ul li:nth-child(6) { bottom: 3vw; top: unset; right: 0 } 
 .evCon9 ul li:nth-child(7) { width: 50% !important; padding: 0 } 

 .evSection.evCon4 { padding: 13% 0 12.5% } 
 .evCon4 .conWrap { margin: 3% 0 7% } 
 .evCon4 .container_info { font-size: clamp(13px,2.2vmin,17px) } 
 .evCon4 .conWrap .gift { margin: 0 0 } 
 .evCon4 .content { margin: 3% auto 2% } 
 .evCon4 .content li { font-size: 17px; border-radius: 20px } 
 .evCon4 .content li .step { margin: 17px 0 15px; font-size: clamp(13px,2.3vmin,18px) } 
 .evCon4 .content li input { margin: 0; font-size: 14px; width: 94% } 
 .evCon4 .content li .txt .tiny { margin: 7px 0 0; font-size: 12px } 
 .evCon4 .content li .btn { margin: 20px 0 0; font-size: clamp(15px,2.5vmin,20px); padding: clamp(15px,3.5vmin,30px) 0 } 
 .evCon4 .cautn { margin: 0 0; padding: 3% 10px; font-size: 13px; background-size: auto 88%; background-position: 97% 100% } 
 .evCon4 .container_info.ver_column .info .info_date ol li { padding: 0; text-indent: 0 } 
 .evCon4 .container_info.ver_column .info .info_date ol li span { padding: 2px 8px 3px; font-size: 0.75em; margin: 0 5px 3px 0; display: inline-block; vertical-align: middle; } 
 .evCon4 .container_info.ver_column .info .info_date ol li strong { margin: 0px 5px 5px; display: inline-block; vertical-align: middle; } 
 .evCon4 .container_info.ver_column .info .info_date ol li .tiny { padding: 6px 0 0; font-size: 0.9em } 

 .evSection.evCon5 { padding: 13% 0 12.5% } 
 .evCon5 .conWrap { margin: 6% 0 8% } 
 .evCon5 .container_info { width: auto; padding: clamp(15px,2.5vmin,20px) clamp(10px,3.2vmin,30px) } 
 .evCon5 .content { margin: 3% 0 5% } 
 .evCon5 .content li { width: calc((99% - 17px)/2); height: 200px } 
 .evCon5 .content li:last-child::before { display: none } 
 .evCon5 .content li .step { font-size: 17px; margin: 15px 0 10px } 
 .evCon5 .content li .txt { font-size: 16px } 
 .evCon5 .content li .tiny_noti { font-size: 12px } 
 .evCon5 .btnWrap { margin: 0 0 9%; gap: 1% } 
 .evCon5 .btnWrap a img { width: 100% } 

 .eventBoard .evtBoard_common .info_wrap.with_tip button { font-size: 13px } 

 .evCon6 { padding: 0 0 13% } 
 .evCon6 .con_tit { margin: 0 0 4%; font-size: clamp(18px,4.5vmin,40px) } 
 .evCon6 .con_tit i { margin: 0 0 1%; padding: 0 40% } 
 .evCon6 .con6_content li { font-size: 16px } 
 .evCon6 .con6_content li .off { padding: 20px 20px } 
 .evCon6 .con6_content li .off .txt { position: relative; top: 2px } 
 .evCon6 .con6_content li .on { padding: 25px 20px } 
 .evCon6 .con6_content li .on .question { margin: 0 0 12px } 
 .evCon6 .con6_content li .on i { right: 20px } 

 .fix_menu_sti.rever li { width: 30% } 

 .evCon7 .obj_con1 { padding: 0 40%; margin-top: -1px } 
 .evCon7 .inner { padding: 4% 0 10% } 
 .evCon7 .con_tit { margin-bottom: 2%; font-size: 5vw } 

 #stb_subscribe .stb_form_description { font-size: 18px } 
 #stb_subscribe .stb_form_set { margin: 3% 3% 0 } 
 #stb_subscribe .stb_form_policy { margin: 0 3% 0; padding-bottom: 2% } 
 #stb_subscribe .stb_form_policy + .stb_form_policy { margin-bottom: 15px } 
 #stb_subscribe .stb_form_set:nth-of-type(2) { margin: 0 3% 0 } 

 fieldset.stb_form_set_submit { width: 50% } 
 #stb_subscribe .link_btn { width: 50% } 
 #stb_subscribe .stb_form_submit_button { font-size: clamp(15px,2.5vmin,20px); padding: clamp(15px,3.5vmin,30px) 0 } 
 #stb_subscribe .link_btn a { padding: 5% 0 } 
 #stb_subscribe .stb_form_result { margin: 0 5% 0; padding-bottom: 2% } 

 .eventBoard .evtBoard_common .evtBoard_inner { padding: 6% 5% } 

 /* 241016 */
 .evCon2_5 .top_point { padding: 0 41%; display: block; } 
.evCon2_5 .inner { padding: 3% 0 11%; } 
.evCon2_5 #stb_subscribe .description_wrp { margin-bottom: 6%; } 
.evCon2_5 #stb_subscribe .stb_form_description { font-size: clamp(15px,2.5vmin,20px); padding-bottom: 2%; } 
.evCon2_5 #stb_subscribe .stb_form_set .stb_form_set_label,
.evCon2_5 #stb_subscribe .pol_box_wrap .pol_box .pol_tit { font-size: clamp(14px,2vmin,16px); } 
.evCon2_5 #stb_subscribe .pol_box_wrap .pol_box .pol_text { font-size: 13px; margin-bottom: 1%; } 
.evCon2_5 #stb_subscribe .pol_box_wrap { margin: 0 3% 3%; padding: 2% 2%; } 
.evCon2_5 #stb_subscribe .pol_box_wrap .pol_box:first-child .pol_tit { margin-bottom: 2%; } 
.evCon2_5 #stb_subscribe .stb_btn_wrap { gap: 2%; margin: 3% 3% 0px; } 
.evCon2_5 #stb_subscribe .link_btn button { padding: 5% 0px; font-size: clamp(14px,2vmin,26px); } 
.evCon2_5 #stb_subscribe .link_btn a { padding: 5% 0; font-size: clamp(14px,2vmin,26px); } 
 }




@media screen and (max-width: 992px){
 #stb_subscribe .stb_form_description { font-size: 17px; line-height: 29px } 

 .evCon2_5 #stb_subscribe { margin: 0% 0 0; padding: 0% 0 0; } 
 }

@media screen and (max-width: 768px){
 .fix_menu_sti li a:before { height: 30% } 
 .fix_menu_sti li:last-child a { letter-spacing: -.15rem } 

 .evCon1 .btnWrap .view { font-size: 12px; margin: 3px 0 0; float: right } 

 .event .conWrap .schedule li { font-size: 15px; padding: 13px 30px; width: 457px } 
 .event .sub_tit span { padding: 4px 22px } 

 .evSection .con_dotswiper img { width: min(280px,74%); } 
 .evSection .con_dotswiper .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 15px; z-index: 2; } 
 .evSection .con_dotswiper .swiper-pagination-bullet { background: #ccc; opacity: 1; width: 12px; height: 12px; transition: all .5s ease; } 
 .evSection .con_dotswiper .swiper-pagination-bullet-active { background: var(--point-color3); width: 20px; border-radius: 30px; } 
 .evSection .con_dotswiper [class*="swiper-button-"]:after { font-size: 0; } 
 .evSection .con_dotswiper [class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 
 .evSection .con_dotswiper .arrow { position: absolute; top: 55%; transform: translate(0, calc(50%)); left: 13%; z-index: 2; background: url(https://image.megagong.net/m/2024/0619_festa/arrow2.png) no-repeat center; width: 54px; height: 54px; background-size: contain !important; filter: drop-shadow(2px 4px 6px #d9d9d9); } 
 .evSection .con_dotswiper .arrow.swiper-button-next { left: auto; right: 13%; background: url(https://image.megagong.net/m/2024/0619_festa/arrow3.png) no-repeat center; } 
 
 .evSection.evCon2 { background-repeat: no-repeat; background-position: center 0; } 

 .evCon4 .content { width: 95% } 
 .evCon4 .content li { font-size: 15px; margin: 0 0 30px; border-radius: 15px } 
 .evCon4 .content li:first-child { margin: 0 0 25px } 
 .evCon4 .content li:first-child::before { background-size: 60%; background-position: center; bottom: -38px } 
 .evCon4 .content li .step { margin: 10px 0; padding: 1px 10px } 
 .evCon4 .content li input { width: 95%; font-size: 13px; height: 45px; margin: 15px 0 0 } 
 .evCon4 .cautn { width: 95%; background: none } 

 .evCon5 .content li { width: 100%; height: auto; padding: 10px 0 } 
 .evCon5 .content li:first-child { margin: 0 0 5px } 
 .evCon5 .content li:first-child::before { display:none } 
 .evCon5 .content li .step { margin: 0 0 10px } 
 .evCon5 .content li .txt { height: auto; margin: 0 0 9px; padding: 0 0 !important; font-size: 13px } 

 .evCon6 .con6_content li { font-size: 14px } 
 .evCon6 .con6_content li .off { padding: 15px } 
 .evCon6 .con6_content li .on { padding: 15px } 
 .evCon6 .con6_content li .on .question { margin: 0 0 10px } 
 .evCon6 .con6_content li .on i { right: 15px; top: 14px } 
 .evCon5 .btnWrap a { width: 50%; margin: 0 1% 0 0; padding: 2% 0; background: #121212 } 
 .evCon6 .con6_content li .qA { margin-right: 10px } 

 #stb_subscribe .stb_form_description { font-size: 14px; line-height: 24px } 
 #stb_subscribe .stb_form_set .stb_form_set_label { font-size: 14px; padding-bottom: 1% } 
 #stb_subscribe .stb_form_policy * { font-size: 14px } 

 #stb_subscribe .stb_form_policy label input { width: 20px; height: 20px } 
 #stb_subscribe .bot_area { gap: 2% } 

 #stb_subscribe .emo { font-size: 16px } 

 /* 241016 */
 .evCon2_5 .inner { padding: 5% 0 11%; } 
 }




@media screen and (max-width: 576px) { /* °øÅë */
 .eventWrap a.btn { width: 100%; padding: 13px 0; font-size: 15px } 

 .eventWrap .swiper-pagination-bullet { width: 7px; height: 7px } 

 .con_txt { font-size: 13px } 

 .fix_menu_sti li a { height: clamp(60px,8.5vmin,80px) } 
 .fix_menu_sti li a br { display: block } 
 .fix_menu_sti li i { max-width: 41%; right: 3%; top: 7%; transform: none; width: 42% } 
 .evCon1 .btnWrap { width: 60%; left: 20%; bottom: 5% } 
 .evCon1 .btnWrap .btn { width: 100% } 

 .evCon3 ul li, .evCon8 ul li { width: 49% } 
 .evSection .con_dotswiper .arrow { left: 0; width: 9vw; height: 9vw; } 
 .evSection .con_dotswiper .arrow.swiper-button-next { right: 0; } 
 
 .event .conWrap .schedule li { font-size: 13px; padding: 10px 15px; width: 326px; margin: 0 0 10px } 
 .event .conWrap .schedule li .tiny_noti { display: block; margin-left: 90px } 
 .evCon4 .gift_wrap { flex-wrap: wrap; justify-content: center; margin: 0 0 50px } 
 .evCon4 .gift_wrap .item { width: 50% } 
 .evCon4 .content .tiny_noti { font-size: 12px; padding: 0 5px } 
 .evCon5 .gift_wrap { gap:0; margin: 0 0 50px } 
 .evCon5 .content li .step { font-size: 13px } 
 .evCon5 .btnWrap a img { max-width: 150%; width: 120%; margin: 0 0 0 -10% } 
 .evCon6 .con6_content li .on .answer p { width: calc(100% - 40px) } 
 .evCon9 ul { height: auto; display: flex; flex-direction: row; flex-wrap: wrap; gap: 1%; padding: 0; } 
 .evCon9 ul li { position: relative; top: unset !important; left: unset !important; right: unset !important; bottom: unset !important; width: 49% !important; margin: 0 0 1%; background: #fff !important; border-radius: 5px } fix_menu_sti
 .evCon9 ul li:nth-child(7) { position: absolute; top: 0 !important; left: 0; width: 66% !important; background: none !important } 
 .evCon9 ul li:nth-child(7) { width: 100% !important; background: none !important; padding: 0 21%; background: #fff !important; border: 2px solid var(--point-color3); margin: 2% 0 0; } 
 .evCon9 ul li:nth-child(7) img { border-radius: 0; border: 0; } 
 .evCon9 .tiny_noti { margin: 10px 0 0; } 
 .dim_popup.sns { width:90% } 

 .br_576 { display: block } 
 #stb_subscribe .stb_form_description { font-size: 13px; line-height: 20px } 
 #stb_subscribe .stb_form_set { padding-bottom: 4% } 
 #stb_subscribe .link_btn a { padding: 5.5% 0; font-size: 14px } 
 #stb_subscribe .stb_form_policy * { font-size: 12px } 
 #stb_subscribe .stb_form_set .stb_form_set_input { padding: 3% 2% } 
 #stb_subscribe .emo { font-size: 14px } 
 #stb_subscribe .stb_form_msg_error { font-size: 12px } 
 #stb_subscribe .stb_form_policy #stb_policy_error, #stb_subscribe .stb_form_policy #stb_ad_agreement_error,#stb_subscribe .stb_form_result.fail p { font-size: 12px } 
 #stb_subscribe .stb_form_result { margin: 0 0% 0 } 

 .dim_popup.sns .tit { font-size: 18px; margin-top: 0; } 

/* 241016 */
 .evCon2_5 #stb_subscribe .description_wrp { margin-bottom: 10%; } 
.evCon2_5 #stb_subscribe .stb_form_set .stb_form_set_input { padding: 3% 3%; border-radius: 3px; font-size: 13px; } 
.evCon2_5 #stb_subscribe .stb_btn_wrap { display: block; } 
.evCon2_5 #stb_subscribe .link_btn { margin-bottom: 2%; } 
.evCon2_5 #stb_subscribe .link_btn button ,
.evCon2_5 #stb_subscribe .link_btn a { border-radius: 3px; padding: 4% 0; } 

.mail_chk_pop .btn_wrap a {
    font-size: 15px;
}
}