@charset "euc-kr"; /* bg url: https://image.megagong.net/m/2023/ - to-be url */
:root { --ev1-bg-url:url('https://image.megagong.net/m/2023/0905_move/con1_bg.jpg') no-repeat center; --evpass-bg-url:url('https://image.megagong.net/m/2023/0905_move/conpass_bg.png') no-repeat center; --evpass-arrow-url:url('https://image.megagong.net/m/2023/0905_move/conpass_arrow.png') no-repeat center; --ev5-arrow-url:url('https://image.megagong.net/m/2023/0905_move/con5_arrow.png') no-repeat center; --ev-point-color1: #62bb8f; } 

/* common */ 
.lecture { padding-bottom: 0 !important; background: #fff; } 
.evSection { background: #fff; } 
.tiny { text-align: right; font-size: 15px !important; opacity: 0.45; } 
.dflex { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 0 auto; position: relative; } 
.dflex > *:last-child { margin:0 !important } 
.dtable { display: table; border-collapse: separate; } /*Á¤·ÄµÈ ¿ä¼Ò°¡ ³ôÀÌ°¡ °°¾Æ¾ßÇÒ¶§*/
.dtable > * { display: table-cell; vertical-align: middle; } 
.v_mo { display: none; } 
.v_pc { display: block; } 


/* fix menu */
.eventWrap .evSection.fix_mode { padding-top:100px; } 
.fix_menu { background: #000000e3; z-index: 5; position: relative; } 
.fix_menu ul { width: 1080px; margin: 0 auto; } 
.fix_menu li { position: relative; } 
.fix_menu li a { display: block; padding: 20px 0; font-size: 19px; position: relative; color: #fff; font-weight: 700; } 
.fix_menu li a:before { content:''; display:block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #999; height: 40%; width: 1px; } 
.fix_menu li:first-child a:after { content:''; display:block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #999; height: 40%; width: 1px; } 
.fix_menu li a span { color: #2bab6e; } 
.fix_menu.fixed { position: fixed; bottom: 0; left: 0; right: 0; top:auto; width: 100%; } 

/* title */ 
.con_tit { margin-bottom: 60px; font-weight:900; font-size: 50px; position: relative; } 
.con_tit span { color: #00944f; } 
.con_tit p { font-size: 28px; margin: 30px auto 25px; font-weight: 500; } 
.btxt { font-size: 32px; margin-top: 70px; } 
.btxt span { color: #00944c; font-weight: 900; } 

/* button, buttons */ 
.btns { margin-top: 30px; width: 1000px; } 
.btns li { width: 49%; } 
.btns li a,.btn a { color: #fff; background: #000000; display: block; padding: 25px 0; border-radius: 10px; display: flex; justify-content: center; align-items: center; font-size: 22px; } 
.btns li a img,.btn a img { margin-left: 10px; } 
.btn { margin: 55px auto 0; width: 460px; } 

/* information */ 
.info { background: #ededed; font-size: 21px; padding: 10px 0; border-radius: 30px; justify-content: center; } 
.info li { width: 45%; } 
.info li b { position: relative; padding: 0 0 0 15px; margin-right: 12px; width: 130px; display: inline-block; } 
.info li b::before { content: '\00B7'; display: block; position: absolute; left: -3px; top: auto; color:#000; } 
.info li b::after { content: '\2223'; display: block; position: absolute; right: 0; top: 50%; color:#000; font-size: 14px; transform: translateY(-50%); } 

/* evCon1 */
.evCon1 { padding: 75px 0 0; background: #5cb7fe var(--ev1-bg-url); background-position: center bottom !important; } 
.evCon1 h2 { position: relative; } 
.evCon1 h2 .move { position: absolute; left: 65px; bottom: 0; } 
.evCon1 p { margin: -10px auto 30px; font-size: 26px; letter-spacing: .6rem; font-weight: 900; color: #fff; } 
.evCon1 h2 .move { animation: vibration .1s infinite } 
.evCon1 h2 .move.on { animation:initial } 
@keyframes vibration { 
 0% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } 
 }

/* evCon2 */
.evCon2 { padding: 140px 0; position: relative; } 
.evCon2 .randomRoll { width: 100%; max-width: 860px; height: 92px; margin: 0 auto 50px; overflow: hidden; background: #fff; border: 6px solid #00944d; } 
.evCon2 .randomRoll .swiper-vertical>.swiper-wrapper { align-items: center; } 
.evCon2 .swiper-slide { font-weight: 900; padding: 17px 0; font-size: 34px; color: #00944d; } 

/* evCon3 */
.evCon3 { background: #f6f6f6; padding: 140px 0; } 
.evCon3 .con_tit { margin-bottom:100px } 
.evCon3 .flip li { width: 261px; height: 400px; position: relative; transition: .4s; transform-style: preserve-3d; } 
.evCon3 .flip li .front { background: #2baa6d; padding: 10px; } 
.evCon3 .flip li .front,.evCon3 .flip li .back { cursor: url(https://image.megagong.net/m/2023/0905_move/cursor.png) 2 2, auto; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 20px; -webkit-box-shadow: 5px 5px 15px 5px #cecece; box-shadow: 5px 7px 3px 2px #cecece; cursor: pointer; } 
.evCon3 .flip li .back { transform: rotateY(180deg); } 
.evCon3 .flip li .back dl { padding-top: 55px; padding-left: 12px; text-align: left; } 
.evCon3 .flip li .back dt { font-size: 30px; font-weight: 900; text-align: center; margin-bottom: 25px; } 
.evCon3 .flip li .back dd { padding-left: 10px; margin-bottom: 15px; font-size: 16px; letter-spacing: -.1rem; position: relative; } 
.evCon3 .flip li .back dd:before { content: '\00B7'; display: block; position: absolute; left: -3px; top: auto; color:#000; } 
.evCon3 .flip li .back dd b { color: #2baa6d; } 
.evCon3 .flip li .back dd.tiny { font-size: 11px !important; margin-right: 10px; } 
.evCon3 .flip li .back a { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); bottom: 30px; width: 83%; border-radius: 10px; height: 48px; background: #2baa6d; color: #fff; line-height: 48px; font-size: 18px; } 
.evCon3 .flip li.on { transform: rotateY(180deg); } 
.evCon3 .con_box + .con_box { margin-top: 150px; } 
.evCon3 .table_wrap { width: 930px; margin: 0 auto; } 
.evCon3 .table_wrap .dflex > div { width: 49%; } 
.evCon3 .table_wrap .tiny { margin-top: 15px; font-size: 12px; } 
.evCon3 .tbl th { background: #d5ffb9; } 
.evCon3 .tbl td { background: #fff; } 
.evCon3 .tbl td span { color:#999 } 
.evCon3 .tbl th, .evCon3 .tbl td { padding: 10px; } 
.evCon3 .clicking { position: absolute; right: -85px; top: -120px; animation: clouding .5s infinite alternate; z-index: 2; } 
@keyframes clouding { 
 0% { margin-top: 0px; } 100% { margin-top: 10px; } 
 }

/*evCon4*/
.evCon4 { background: #2baa6d; padding: 70px 0; } 
.evCon4 .con_tit { position: relative; margin-bottom: 0; } 
.evCon4 .con_tit:before { content: ''; display: block; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); height: 1px; background: #000; } 
.evCon4 .con_tit span { padding: 0 15px; position: relative; background: #44aa6b; font-size: 32px; color: #000; } 
.evCon4 .con_tit span img { margin: 0 10px 25px 0; } 
.evCon4 .btns { margin-top: -5px } 
.evCon4 .btns li a { color: #abe051; } 
.evCon4 .btns li + li a { color: #f3dc5b; } 

/* evCon5 */
.evCon5 { padding: 140px 0; } 
.evCon5 h4 i { position: absolute; right: 0; top: 0; max-width: 20%; } 
.evCon5 .gift { position: relative; margin-top: 70px; } 
.evCon5 .gift img { margin: 0 auto; } 
.evCon5 .gift a { position: absolute; top: 7px; left: 50%; margin-left: 87px; height: 110px; width: 110px; border-radius: 50%; font-size: 0; /*background: red; */ } 
.evCon5 .popupRollwrap { display: none; position: absolute; left: 50%; margin-left: 210px; top: 60px; z-index: 5; width: 500px; padding-top: 36px; z-index: 2; } 
.evCon5 .popupRollwrap > a { position: absolute; top: 0; right: 0; } 
.evCon5 .popupRollwrap .swiper-wrapper { align-items: center; } 
.evCon5 .popupRollwrap .popupRoll { overflow: hidden; border: 1px solid; background: #fff; padding-bottom: 20px; } 
.evCon5 .popupRollwrap .popupRoll .swiper-pagination-bullet-active { background: #5e5e5e; } 
.evCon5 .popupRollwrap .popupRoll .swiper-slide { padding: 40px 0 30px; } 
.evCon5 .popupRollwrap .popupRoll .swiper-pagination { position: relative; top: auto; left: auto; } 

/* evCon5.ver2 */
.evCon5.ver2 { background: #efffe0; } 
.evCon5.ver2 .gift a { margin-left: 425px; } 
.evCon5.ver2 .btn { margin: 0 auto; } 

/* evCon6 */
.evCon6 { background: #1c1c1c var(--evpass-bg-url); padding: 70px 0; color: #fff; } 
.evCon6 .inner > span { font-size: 20px } 
.evCon6 a { font-size: 16px; padding: 0 30px 8px; position: relative; background:var(--evpass-arrow-url); background-size: contain; background-position: center 100%; } 
.evCon6 .con_tit p { margin: 40px auto 10px; } 
.evCon6 .con_tit span { color: #299ffe; } 

/* event */
.event { padding: 140px 0; background: #aede70; } 
.event .btns { width: 750px; } 
.event h4 { margin-bottom: 0; } 
.event h4 i { position: absolute; right: 0; top: 0; max-width: 20%; } 
.event h5 { font-size: 24px; margin-bottom: 55px; } 
.event .step { position:relative } 
.event .step > p { position: relative; margin-bottom: 20px; } 
.event .step > p::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.event .step > p span { display: inline-block; position: relative; padding: 0 20px; font-size: 30px; background: #b2de69; font-weight: 900; } 
.event .step ul { width: calc(100% + 40px); border-spacing: 20px; margin-left: -20px; } 
.event .step li { border-radius: 10px; border: 1px solid; width: 32%; background: #fff; padding: 55px 0 45px; position: relative; } 
.event .step li i { display: block; font-style: normal; font-size: 18px; padding: 25px 0 20px; font-weight: 700; } 
.event .step li span { color: #485a94; } 
.event .step li .tiny { text-align: center; color: #ff0000; opacity: 1; margin-top: 20px; } 
.event .step li:nth-child(2):before { content: ''; display: block; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); background: var(--ev5-arrow-url); width: 36px; height: 36px; background-size: contain; } 
.event .step li:nth-child(2):after { content: ''; display: block; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); background: var(--ev5-arrow-url); width: 36px; height: 36px; z-index: 2; background-size: contain; } 
.event .step li > a { position: absolute; top: -27px; right: -27px; } 
.event .btns li + li a { background: #2baa6d; } 
.event .inft { margin: 70px auto 110px; flex-direction: row-reverse; } 
.event .inft .info { background: transparent } 
.event .inft .info li { margin-bottom: 15px; width: 100%; text-align: left; } 
.event .shareList { margin-top: 100px; } 
.event .eventBoard .evtBoard_common { background: rgb(244 244 244); } 
.event .eventBoard .evtBoard_common .info_wrap.with_tip button { color: var(--ev-point-color1); font-weight: 700; padding-bottom: 3px; border-bottom: 1px solid var(--ev-point-color1); } 
.event .shareList ul li dl dd { width: 196px; } 
.event .shareList ul li dl.sns dt { background-color: #3dbff5; } 
.event .shareList ul li dl.sns dd,
.event .shareList ul li dl.etc dd,
.event .shareList ul li dl.commu dd { border: 1px solid #cdcdcd; color: #878787; } 
.event .shareList ul li dl.commu dt { background-color: #71ce8b; } 
.event .shareList ul li dl.commu dd { height: 60px; margin-bottom: 10px; } 
.event .shareList ul li dl.commu dd:nth-child(5) { margin-right: 1px; } 
.event .shareList ul li dl.commu dd:nth-child(6) { margin-left: 20px; } 
.event .shareList ul li dl.commu dd:nth-child(n+6):nth-child(-n+9) { margin-bottom: 0; height: 50px; } 
.event .shareList ul li dl.commu dd .tiny { text-align: center; font-size: 12px !important; } 
.event .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list li:nth-child(2) { color: var(--ev-point-color1); font-weight: 700; } 
.event .tipPop { display: none; position: absolute; left: 50%; top: 45px; z-index: 5; width: 352px; padding-top: 36px; z-index: 2; margin-left: 192px; } 
.event .tipPop > a { position: absolute; top: 0; right: 0; } 
.event .tipPop .pop_inner { overflow: hidden; background: #ededed; padding: 20px; border: 1px solid; text-align: left; font-size: 15px; color: #979797; border: 1px solid #000; font-size: 14px; } 
.event .tipPop .pop_inner b { color:#000 } 

/* warning */
.warningList li ul li a { border-bottom: 1px solid var(--ev-point-color1); color: var(--ev-point-color1); padding: 0 0 2px; } 

/* popup */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.clickPop { width: 470px; background: #fff; padding: 30px 0 35px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; } 

/* url popup */
.dim_popup.sns .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 30px; font-weight: bold; } 
.dim_popup.sns table { font-size: 14px; } 
.dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center; } 
.dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.dim_popup.sns table tr td.con { text-align:left } 
.dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.sns .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://image.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 

.mg_today { position: absolute; left: 50%; top: 590px; z-index: 10; width: 360px; transform: translate(92% , 0); } 
.mg_today .content_area { border: 1px solid #000; padding: 24.9px 5px; } 
.mg_today .content_area .tit { font-size: 16px; font-weight: 700; margin: 0 0 10px; } 
.mg_today .content_area .txt { font-size: 15px; color: #777777; line-height: 1.25; } 
.mg_today .content_area .txt strong { display: block; color: #000; } 

@media screen and (max-width: 1200px){
 .v_mo.w1200 { display: block; } 
 .v_pc.w1200 { display: none; } 

 .con_tit { margin-bottom: 7%; font-size: 37px; } 
 .con_tit p { margin: 3% auto .5%; font-size: 21px; } 
 .con_tit > img { width: 25%; } 
 .btxt { margin-top: 7%; font-size: 25px; } 

 .btns,.event .btns { margin-top: 4%; width: 90%; } 
 .btns li a,.btn a { font-size: 20px; } 
 .btn { margin: 5% auto 0; width: 45%; } 

 .info { font-size: 18px; text-align: left; border-radius: 5px; padding: 10px 2%; } 
 .info li { width: 100%; } 
 .info li b { width: auto; padding: 0 10px; margin-right: 10px; } 

 .fix_menu ul { width: 100%; } 
 .fix_menu li a { padding: 15px 0; font-size: 17px; } 
 .fix_menu li:last-child a:before,
 .fix_menu li:first-child a:after { display: none; } 
 .tiny { font-size: 10px !important; } 
 
 .evCon1 { padding:10% 0 0; } 
 .evCon1 h2 .move { width: 36%; left: 10%; bottom: 4%; } 
 .evCon1 p { margin: 4% auto; font-size: 22px; } 

 .evCon2 { padding:15% 0 } 
 .evCon2 .swiper-slide { font-size: 30px; } 

 .evCon3 { padding:15% 0; } 
 .evCon3 .clicking { right: -5%; width: 30%; top: -23%; } 
 .evCon3 .con_tit { margin-bottom:15% } 
 .evCon3 .flip li { width: 24%; } 
 .evCon3 .flip li .back dd.tiny { font-size: 10px !important; } 
 .evCon3 .flip li .front img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 87%; } 
 .evCon3 .flip li .back dl { padding: 20% 10px 0; } 
 .evCon3 .flip li .back dt { font-size: 25px; margin-bottom: 8%; } 
 .evCon3 .flip li .back dd { margin-bottom: 10px; font-size: 14px; } 
 .evCon3 .flip li .back a { bottom: 10px; width: 75%; height: 40px; line-height: 40px; font-size: 15px; } 
 .evCon3 .con_box + .con_box { margin-top: 15%; } 
 .evCon3 .con_box + .con_box .con_tit { margin-bottom: 7%; } 
 .evCon3 .table_wrap { width: 100% } 
 .evCon3 .table_wrap h5 { width: 90%; margin: 0 auto 2%; } 

 .evCon4 { padding: 8% 0; } 
 .evCon4 .con_tit span img { width: 8%; margin: 0 0 10px 0; } 
 .evCon4 .con_tit span { font-size: 26px; } 
 .evCon4 .btns { margin-top: 3%; } 
 
 .evCon5 .popupRollwrap { margin-left: 0; left: auto; right: 0; top: 28%; } 
 
 .evCon5 { padding:15% 0 } 
 .evCon5 .gift { margin-top: 8%; } 
 .evCon5 .gift a { width: 10vw; height: 10vw; margin-left: 9vw; } 

 .evCon5.ver2 .gift > img { width: 100%; } 
 .evCon5.ver2 .gift a { margin-left: 41%; } 
 
 .evCon6 { padding: 8% 0; } 
 .evCon6 a { font-size: 14px; } 
 .evCon6 .con_tit p { margin: 4% auto 0; } 
 .evCon6 .inner > span { font-size: 18px } 
 .event .shareList ul li dl.commu dd:nth-child(6) { margin-left: 2%; } 

 .event { padding:15% 0 } 
 .event .shareList { margin-top: 15%; } 
 .event .shareList ul li dl dd { width: 23%; } 
 .event .step > p span { font-size: 23px; } 
 .event .inft > div { width: 50%; } 
 .event .inft .info { padding: 0; } 
 .event .inft .gfit { width: 40%; } 
 .event .tipPop { margin-left: 18px; top: 19%; } 

 .mg_today { top: 50%; transform: translate(-50%, -50%); position: fixed; } 
 }
@media screen and (max-width: 992px){
 .clickPop { padding: 15px 0 20px; } 
 .dim_popup.sns .tit { font-size:22px } 
 .dim_popup.sns table { font-size:12px } 
 }
@media screen and (max-width: 768px){
 .v_mo.w768 { display: block; } 
 .v_pc.w768 { display: none; } 
 .con_tit { font-size: 28px; } 
 .con_tit p { font-size: 19px; } 
 .btxt { font-size: 22px; } 
 .btns li a,.btn a { padding: 15px 0; font-size: 18px; } 
 .info { font-size: 15px; } 
 .fix_menu li a { font-size: 15px; } 

 .evCon1 p { font-size: 18px; } 
 .evCon1 { background-size: 200%; } 
 .evCon1 .car { /* width: 60%; */ } 
 
 .evCon2 .randomRoll { height: 80px; width: 100%; border-width: 4px; } 
 .evCon2 .swiper-slide { font-size: 25px; } 

 .evCon3 .clicking { top: -10%; right: 0; } 
 .evCon3 .flip li { width: 49%; margin-bottom: 4%; height: 60vw; } 
 .evCon3 .flip li:nth-child(3) { margin-bottom: 0; } 
 .evCon3 .flip li .front img { width: 31vw; } 

 .evCon4 .con_tit span { font-size: 23px; } 
 
 .evCon5 .popupRollwrap { padding-top: 19px; width: 65%; top: 36%; } 
 .evCon5 .popupRollwrap > a,.event .tipPop > a { width: 20px; } 
 .evCon5 .popupRollwrap .popupRoll { padding-bottom: 0; } 
 .evCon5 .popupRollwrap .popupRoll .swiper-slide { padding: 20px 10px; } 

 .evCon6 a { font-size: 12px; padding-bottom: 3px; } 
 .evCon6 .inner > span { font-size: 15px } 
 
 .event .inft { display: block; margin: 7% auto 12%; } 
 .event .inft .gift { width: 80%; margin: 0 auto 5%; } 
 .event .inft .info { width: 100%; } 
 .event .inft .info li { margin-bottom: 5px; } 
 .event .step li > a { right: 0; width: 19%; } 
 .event .step ul { display: block; width: 100%; border-spacing: 0; margin: 0; } 
 .event .step li { width: 100%; padding: 5% 0%; display: block; } 
 .event .step li i { top: 0; left: 0; border-bottom-right-radius: 10px; border-top-left-radius: 10px; color: #fff; padding: 5px 15px; transform: initial; position: absolute; background: #44aa6b; font-size: 14px; } 
 .event .step li:nth-child(2) { margin: 10px 0; } 
 .event .step li:nth-child(2):before { transform: translateX(-50%) translateY(0) rotate(90deg); top: -20px; left: 50%; max-width: 22%; max-height: 22%; } 
 .event .step li:nth-child(2):after { transform: translateX(-50%) translateY(0) rotate(90deg); bottom: -20px; left: 50%; top: auto; max-width: 22%; max-height: 22%; } 
 .event .step li > img { display: none; } 
 .event .shareList ul li dl dd { width: 24%; } 
 .event .shareList ul li dl.commu dd:nth-child(5) { margin: 0 0 2% 1%; } 
 .event .shareList ul li dl.commu dd:nth-child(6) { margin: 0; } 
 .event .tipPop { margin-left: 0; left: auto; right: 0; top: 38%; width: 50%; padding-top: 19px; } 
 .event .tipPop .pop_inner { font-size: 12px; } 
 }
@media screen and (max-width: 576px){
 .v_mo.w576 { display: block; } 
 .v_pc.w576 { display: none; } 

 .info li b::after { font-weight: 300; } 
 .con_tit { font-size: 20px; } 
 .con_tit > img { width: 30%; } 
 .con_tit p { font-size: 16px; } 
 .btxt { font-size: 18px; } 
 .btns,.event .btns { width: 100%; } 
 .btns li a,.btn a { padding: 10px 0; font-size: 15px; border-radius: 5px; } 
 .btns li a img,.btn a img { width: 8%; } 
 .btn { width: 50%; } 
 .fix_menu li a { font-size: 13px; } 
 .dim_popup.sns { width:90% } 
 
 .evCon1 p { font-size: 15px; letter-spacing: .3rem; } 

 .evCon2 .randomRoll { height: 65px; } 
 .evCon2 .swiper-slide { font-size: 18px; } 

 .evCon3 .clicking { width: 46%; top: -8%; } 
 .evCon3 .flip li { height: 75vw; } 
 .evCon3 .flip li .front img { width: 40vw; } 
 .evCon3 .flip li .back dt { font-size: 20px; } 
 .evCon3 .flip li .back dd { font-size: 12px; margin-bottom: 4px; } 
 .evCon3 .flip li .back a { height: 30px; line-height: 30px; font-size: 12px; border-radius: 5px; } 

 .evCon4 .con_tit span { font-size: 18px; } 

 .evCon5 .gift a { width: 14vw; height: 14vw; margin-left: 8vw; top: 0vw; } 
 .evCon5 .gift img:nth-of-type(2) { width: 50%; margin: 0 auto; } 
 .evCon5 .popupRollwrap,.event .tipPop { width: 85%; top: 25%; } 

 .evCon5.ver2 .gift a { margin-left: 37%; } 
 
 .event .step > p span { font-size: 18px; padding: 0 10px; } 
 .event .shareList ul li dl.commu dd .tiny { font-size: 10px !important; } 
 .event .shareList ul li dl.commu dd { margin-bottom: 0; } 
 .event .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list { font-size: 12px; } 
 }
@media screen and (max-width: 375px){
 .v_mo.w375 { display: block; } 
 .fix_menu li a { font-size: 11px } 
 .evCon3 .flip li { height: 90vw; } 
 .evCon4 .con_tit span { font-size: 17px; } 
 .evCon6 .inner > span { font-size: 12px; } 
 }