@charset "euc-kr";


/* main */
.main {background-image: url('https://image.megagong.net/m/2023/0912_health/main_bg.jpg');background-repeat: no-repeat;background-position: center;background-size: cover; } 
.main h3 { position: relative; margin: 0 -109px; } 
.main h3 .main_slide { position: absolute; top: 57.3%; left: 5%; width: 540px; height: 144px; } 
.main h3 .teacher_home { position: absolute; left: 50%; bottom: 10%; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; height: 36px; padding: 0 45px; background-color: #fff; border-radius: 30px; } 
.main h3 .teacher_home a { display: flex; flex-direction: row; align-items: center; justify-content: center; color: #111111; font-size: 17px; font-weight: 300; } 
.main h3 .teacher_home a:last-of-type { margin-left: 35px; } 
.main h3 .teacher_home a b { position: relative; display: inline-block; height: 13px; line-height: 13px; margin-left: 9px; margin-right: 5px; padding-left: 9px; border-left: 1px solid #111111; } 
.main h3 .teacher_home a img { margin-left: 9px; } 


/* banner */
.banner { background-color: #000000; } 
.banner.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 3; } 
.banner ul { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.banner ul.for_mo { display: none; } 
.banner ul li { position: relative; flex: 1; } 
.banner ul li::before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 1px; height: 40px; background-color: #444444; } 
.banner ul li:last-of-type::before { display: none; } 
.banner ul li a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 90px; } 
.banner ul li a p { color: #fff; font-size: 16px; font-weight: 300; } 
.banner ul li a span { color: #ff0084; font-size: 20px; font-weight: bold; } 
.banner ul li a .fin { position: absolute; top: 50%; right: -15px; transform: translate(0, -50%); z-index: 2; } 


/* evSection */
.evSection .con_tit { font-size: 42px; font-weight: 900; } 
.evSection .con_subtitle { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evSection .con_subtitle .line { flex: 1; height: 1px; background-color: #000000; } 
.evSection .con_subtitle .text { padding: 15px 100px; color: #fff; font-size: 20px; font-weight: bold; background-color: #000000; border-radius: 40px; } 
.evSection .tab_base { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evSection .tab_base li { flex: 1; height: 114px; color: #c5c5c5; font-size: 22px; font-weight: bold; background-color: #eeeeee; border: 3px solid #eeeeee; border-bottom: 3px solid #111111; } 
.evSection .tab_base li.on { color: #111111; background-color: #fff; border: 3px solid #111111; border-bottom: 3px solid #fff; } 
.evSection .tab_base li a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; } 


/* evCon1 */
.evCon1 { padding: 150px 0 150px 0; background-image: url('https://image.megagong.net/m/2023/0912_health/con1_bg.jpg');background-repeat: no-repeat;background-position: center;background-size: cover; } 
.evCon1.on { padding: 240px 0 150px 0; } 
.evCon1 .con_tit div:first-of-type { color: #fff; } 
.evCon1 .con_tit div:last-of-type { color: #ff0084; font-size: 44px; } 
.evCon1 .con_tit > img { margin: 85px 0 90px 0; } 


/* evCon2 */
.evCon2 { padding: 150px 0 150px 0; background-color: #f8e7f0; } 
.evCon2 .con_tit { color: #111111; } 
.evCon2 .con_box > p { margin: 10px 0 40px 0; color: #111111; font-size: 20px; font-weight: bold; } 
.evCon2 .con_box .wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 80px; } 
.evCon2 .con_box .wrapper > img { margin-right: 50px; } 
.evCon2 .con_box .wrapper > img:last-of-type { margin-right: 0; } 
.evCon2 .con_box > img { margin: 50px 0 22px 0; } 


/* evCon3 */
.evCon3 { padding: 150px 0 160px 0; } 
.evCon3 .con_tit { margin-bottom: 35px; color: #111111; } 
.evCon3 .con_tit i { margin-bottom: 10px; color: #ff0084; font-size: 20px; font-style: normal; } 
.evCon3 .con_box > p { margin: 30px 0 50px 0; color: #111111; font-size: 20px; } 
.evCon3 .con_subtitle { margin-bottom: 50px; } 
.evCon3 .box_wrapper.for_mo { display: none; } 
.evCon3 .box_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 21px; } 
.evCon3 .box_wrapper .box { flex: 1; padding: 43px 0 55px 0; background-color: #fff; border: 2px solid #111111; border-radius: 10px; } 
.evCon3 .box_wrapper .box h6 { margin-bottom: 30px; color: #000000; font-size: 20px; font-weight: bold; } 
.evCon3 .box_wrapper .box p { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 40px; min-height: 147px; color: #000000; font-size: 16px; } 


/* evCon4 */
.evCon4 { padding: 155px 0 140px 0; background-color: #f5f5f5; } 
.evCon4 .con_tit { margin-bottom: 50px; } 
.evCon4 .con_tit i { display: inline-block; margin-top: 27px; line-height: 1.4; color: #111111; font-size: 20px; font-weight: 300; font-style: normal; } 
.evCon4 .tab_base li { color: #c5c5c5; background-color: #eeeeee; border: 3px solid #eeeeee; border-bottom: 3px solid #111111; } 
.evCon4 .tab_base li.on { color: #111111; background-color: #f5f5f5; border: 3px solid #111111; border-bottom: 3px solid #f5f5f5; } 
.evCon4 .panel_base li > div { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; min-height: 550px; padding-top: 60px; } 
.evCon4 .panel_base li > div p { margin-top: 42px; color: #111111; font-size: 26px; font-weight: bold; } 


/* evCon5 */
.evCon5 { padding: 155px 0 140px 0; background-color: #ffffff; } 
.evCon5 .con_tit { margin-bottom: 50px; } 
.evCon5 .con_tit i { display: inline-block; margin-top: 27px; line-height: 1.4; color: #111111; font-size: 20px; font-weight: 300; font-style: normal; } 
.evCon5 .panel_base li { padding-top: 50px; } 
.evCon5 .panel_base li:nth-of-type(2) .text_wrapper .text span { color: #ff0084; } 
.evCon5 .panel_base li:nth-of-type(2) .wrapper .box_wrapper .box { background-color: #ee1586; } 
.evCon5 .eventVideo.video_renewal { margin: 0 40px; margin-bottom: 80px; } 
.evCon5 .con_subtitle { margin-bottom: 50px; } 
.evCon5 .text_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 40px; margin: 0 40px; margin-bottom: 150px; } 
.evCon5 .text_wrapper .text { flex: 1; padding: 40px 0 40px 0; background-color: #fff; border: 2px solid #111111; border-radius: 10px; } 
.evCon5 .text_wrapper .text span { margin-bottom: 10px; color: #005aff; font-size: 20px; font-weight: bold; } 
.evCon5 .text_wrapper .text p { color: #000000; font-size: 16px; font-weight: 300; } 
.evCon5 .panel_base li > h5 { color: #000000; font-size: 42px; font-weight: 900; } 
.evCon5 .panel_base li > p { margin: 10px 0 40px 0; color: #111111; font-size: 20px; font-weight: bold; } 
.evCon5 .panel_base li .wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evCon5 .panel_base li .wrapper .book { position: relative; } 
.evCon5 .panel_base li .wrapper .book > a { position: absolute; right: 20px; bottom: -5px; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 120px; height: 120px; color: #fff; font-size: 18px; font-weight: bold; background-color: rgba(0, 0, 0, 0.8); border-radius: 50%; } 
.evCon5 .panel_base li .wrapper .box_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; } 
.evCon5 .panel_base li .wrapper .box_wrapper .box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 500px; height: 124px; color: #fff; font-size: 16px; font-weight: 300; background-color: #2466e0; border-radius: 10px; } 
.evCon5 .panel_base li .wrapper .box_wrapper .box b { display: inline-block; margin-bottom: 8px; font-size: 20px; } 


/* evCon6 */
.evCon6 { overflow: initial !important; padding: 150px 0 160px 0; background-color: #f5f5f5; } 
.evCon6 .con_tit { margin-bottom: 50px; color: #111111; } 
.evCon6 .con_tit i { display: inline-block; margin-bottom: 20px; color: #ff0084; font-size: 20px; font-weight: 900; font-style: normal; } 
.evCon6 .lecture { padding-bottom: 0 !important; background-color: #fff; } 


/* event */
.event { padding: 160px 0; background-color: #003daf; } 
.event .inner { position: relative; } 
.event .inner .fin { position: absolute; top: -22px; right: -10px; z-index: 2; } 
.event .con_tit { margin-bottom: 25px; color: #fff; font-size: 54px; } 
.event .con_tit i { display: inline-block; margin-top: 28px; margin-bottom: 15px; color: #ff0084; font-size: 26px; font-weight: 900; font-style: normal; } 
.event .con_box > p { margin-bottom: 43px; color: #fff; font-size: 24px; font-weight: bold; } 
.event .info_and_gift { display: flex; flex-direction: row; align-items: center; justify-content: space-around; margin: 0 40px; margin-bottom: 32px; } 
.event .info_and_gift .container_info { flex-direction: column; align-items: flex-start; padding: 0; color: #fff; background-color: transparent; border-radius: 0; } 
.event .info_and_gift .container_info .info { margin-right: 0; margin-bottom: 16px; } 
.event .info_and_gift .container_info .info:last-of-type { margin-bottom: 0; } 
.event .info_and_gift .container_info .info .info_title::before { width: 2px; height: 19px; background-color: #fff; border-radius: 0; } 
.event .info_and_gift .container_info .info .info_title::after { display: none; } 
.event .info_and_gift .container_info .info .noti { color: #5c8eee; } 
.event .step_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 40px 0; padding: 25px 0; background-color: #ffffff; } 
.event .step_wrapper .step { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; flex: 1; min-height: 178px; padding-top: 14px; border-right: 1px solid #dddddd; } 
.event .step_wrapper .step:last-of-type { border-right: 0; } 
.event .step_wrapper .step:last-of-type::before { display: none; } 
.event .step_wrapper .step::before { position: absolute; top: 50%; right: -18px; transform: translate(0, -50%); content: ''; width: 36px; height: 36px; background-image: url('https://image.megagong.net/m/2023/0912_health/event_step_arrow.png');background-repeat: no-repeat;background-position: center;background-size: contain; } 
.event .step_wrapper .step > p { margin: 15px 0 10px 0; color: #111111; font-size: 20px; } 
.event .step_wrapper .step > span { color: #f2356a; font-size: 13px; font-weight: 300; } 
.event .btn_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 40px; margin-bottom: 80px; } 
.evtBoard_common { background-color: #ececec; } 
.shareList ul li dl.sns dt { background-color: #4183ff; } 
.shareList ul li dl.naver dt { background-color: #41e16e; } 
.shareList ul li dl.daum dt { background-color: #ff8745; } 
.shareList ul li dl.etc dt { background-color: #a9a9a9; } 
.shareList ul li dl.sns dd,
.shareList ul li dl.naver dd,
.shareList ul li dl.daum dd,
.shareList ul li dl.etc dd { border: 1px solid #3a3a3a; color: #3a3a3a; } 
.evtBoard_common .board_write .inp_wrap input[type="text"]::placeholder { color: #adadad; font-size: 12px; } 
.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list { color: #777777; } 
.eventBoard .evtBoard_common .info_wrap.with_tip button { margin-top: 10px; margin-right: 17px; color: #2091ff; font-size: 16px; font-family: 'NotoSans KR'; text-decoration: underline; text-underline-offset: 7px; } 


/* À̺¥Æ® À¯ÀÇ»çÇ× */
.eventWrap .evWarning { padding: 65px 0; } 
.warningList > li.w_tit { font-weight: bold; } 
.warningList li ul li a { margin-left: 0; color: #0f48bc; text-decoration: underline; text-underline-offset: 3px; } 


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


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


@media screen and (max-width: 1300px){
    .main h3 { margin: 0 auto; } 
    .main h3 .main_slide { top: 58.3%; left: 9%; width: 32vw; height: initial; } 
}

@media screen and (max-width: 1200px){
    .main h3 .main_slide { left: 8vw; width: 35vw; } 
    .evSection .con_tit { font-size: 38px; } 
    .evCon2 .con_box > p,
    .evCon3 .con_tit i,
    .evCon3 .con_box > p,
    .evCon4 .con_tit i,
    .evCon5 .con_tit i,
    .evCon5 .panel_base li > p,
    .evCon6 .con_tit i { font-size: 18px; } 
    .evCon3 .box_wrapper .box p { min-height: 120px; font-size: 14px; } 
    .event .con_tit { font-size: 48px; } 
    .event .con_box > p { font-size: 20px; } 
}

@media screen and (max-width: 992px){
    .main h3 .teacher_home { height: 28px; padding: 0 30px; } 
    .main h3 .teacher_home a { font-size: 12px; } 
    .main h3 .teacher_home a img { width: 18px; height: 18px; } 
    .banner .inner { width: 100%; } 
    .banner ul li a .fin { right: 0; width: 10vw; } 
    .evSection .con_tit { font-size: 30px; } 
    .evCon1 .con_tit div:last-of-type { font-size: 36px; } 
    .evCon2 .con_box .wrapper > img { width: 32%; margin-right: 10px; } 
    .evCon2 .con_box > img { width: 75%; } 
    .evCon3 .box_wrapper { gap: 10px; } 
    .evCon3 .box_wrapper .box { padding: 20px 0 30px 0; } 
    .evCon3 .box_wrapper .box h6 { margin-bottom: 10px; font-size: 18px; } 
    .evCon3 .box_wrapper .box p { margin-top: 10px; min-height: 100px; font-size: 12px; } 
    .evCon4 .panel_base li > div p { font-size: 20px; } 
    .evCon5 .text_wrapper { gap: 10px; } 
    .evCon5 .text_wrapper .text p { font-size: 14px; } 
    .evCon5 .panel_base li > h5 { font-size: 32px; } 
    .evCon5 .panel_base li .wrapper .book { width: 40%; } 
    .evCon5 .panel_base li .wrapper .box_wrapper { width: 60%; } 
    .evCon5 .panel_base li .wrapper .box_wrapper .box { width: 100%; height: 100px; font-size: 12px; } 
    .evCon5 .panel_base li .wrapper .box_wrapper .box b { font-size: 16px; } 
    .event .con_tit { font-size: 38px; } 
    .event .con_box > p { font-size: 16px; } 
    .event .info_and_gift { flex-direction: column-reverse; } 
    .event .info_and_gift .container_info { margin-top: 30px; } 
    .event .step_wrapper .step > p { font-size: 16px; } 
    .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){
    .main h3 .teacher_home { height: 22px; } 
    .main h3 .teacher_home a { font-size: 10px; } 
    .main h3 .teacher_home a img { width: 13px; height: 13px; } 
    .banner ul li a p { display: none; } 
    .banner ul li a span { font-size: 15px; } 
    .evSection .con_tit { font-size: 22px; } 
    .evSection .con_subtitle .text { padding: 7px 25px; font-size: 15px; } 
    .evCon1 { padding: 10vw 0; } 
    .evCon1.on { padding: calc(10vw + 90px) 0 10vw 0; } 
    .evCon1 .con_tit > img { width: 10%; margin: 6vw 0 6vw 0; } 
    .evCon1 .con_tit div:last-of-type { font-size: 24px; } 
    .evCon2 { padding: 10vw 0; } 
    .evCon2 .con_box > p, .evCon3 .con_tit i, .evCon3 .con_box > p, .evCon4 .con_tit i, .evCon5 .con_tit i, .evCon5 .panel_base li > p, .evCon6 .con_tit i { font-size: 14px; } 
    .evCon2 .con_box > p { margin: 5px 0 20px 0; } 
    .evCon2 .con_box > img { margin: 20px 0 5px 0; } 
    .evCon3 { padding: 10vw 0; } 
    .evCon3 .con_tit { margin-bottom: 10px; } 
    .evCon3 .con_box > img { width: 30%; } 
    .evCon3 .con_box > p { margin: 10px 0 20px 0; } 
    .evCon3 .box_wrapper.for_pc { display: none; } 
    .evCon3 .box_wrapper.for_mo { display: block; width: 60%; margin: 0 auto; } 
    .evCon3 .box_wrapper.for_mo .slick-dots { position: absolute; left: 50%; bottom: -20px; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; } 
    .evCon3 .box_wrapper.for_mo .slick-dots li { width: 12px; height: 12px; margin: 0 5px; background-color: #dddddd; border-radius: 50%; cursor: pointer; } 
    .evCon3 .box_wrapper.for_mo .slick-dots li button { font-size: 0; } 
    .evCon3 .box_wrapper.for_mo .slick-dots li.slick-active { background-color: #111111; } 
    .evCon3 .box_wrapper .box > img { margin: 0 auto; } 
    .evCon4 { padding: 10vw 0; } 
    .evCon4 .con_tit { margin-bottom: 10px; } 
    .evCon4 .con_tit > img { width: 45%; } 
    .evSection .tab_base li { height: 60px; font-size: 14px; border-width: 2px; } 
    .evSection .tab_base li.on { border-width: 2px; } 
    .evCon4 .panel_base li > div { min-height: 53vw; padding-top: 30px; } 
    .evCon4 .panel_base li > div img { width: 85%; margin: 0 auto; } 
    .evCon4 .panel_base li > div p { margin-top: 30px; font-size: 15px; } 
    .evCon5 { padding: 10vw 0; } 
    .evCon5 .con_tit { margin-bottom: 10px; } 
    .evCon5 .con_tit > img { width: 45%; } 
    .evCon5 .panel_base li { padding-top: 30px; } 
    .evCon5 .eventVideo.video_renewal { margin: 0 auto; margin-bottom: 10vw; } 
    .evCon5 .con_subtitle { margin-bottom: 10px; } 
    .evCon5 .text_wrapper { margin: 0 auto; margin-bottom: 10vw; } 
    .evCon5 .text_wrapper .text span { display: inline-block; font-size: 17px; } 
    .evCon5 .text_wrapper .text p { font-size: 12px; } 
    .evCon5 .panel_base li > h5 { font-size: 26px; } 
    .evCon5 .panel_base li .wrapper { flex-direction: column; } 
    .evCon5 .panel_base li .wrapper .book { margin-bottom: 30px; } 
    .evCon5 .panel_base li .wrapper .book > a { width: 80px; height: 80px; font-size: 12px; } 
    .evCon6 { padding: 10vw 0; } 
    .event { padding: 10vw 0; } 
    .event .inner .fin { top: 0; right: 0; width: 25vw; } 
    .event .con_tit { font-size: 28px; } 
    .event .con_tit > img { width: 30vw; } 
    .event .con_tit i { margin-top: 20px; margin-bottom: 10px; font-size: 20px; } 
    .event .step_wrapper { flex-direction: column; width: 65%; margin: 0 auto; margin-top: 10px; margin-bottom: 10vw; padding: 0; } 
    .event .step_wrapper .step { width: 90%; padding-top: 30px; border-right: 0; border-bottom: 1px solid #dddddd; } 
    .event .step_wrapper .step:last-of-type { border-bottom: 0; } 
    .event .step_wrapper .step::before { top: initial; left: 50%; right: initial; bottom: -10px; transform: translate(-50%, 0) rotate(90deg); width: 20px; height: 20px; } 
    .event .btn_wrapper { gap: 10px; margin-bottom: 10vw; } 
    .eventBoard .evtBoard_common .info_wrap .tip_list { font-size: 11px; } 
}

@media screen and (max-width: 576px){
    .dim_popup.sns { width:90% } 
    .main h3 .teacher_home { bottom: 8%; height: 18px; } 
    .main h3 .teacher_home a { font-size: 9px; } 
    .main h3 .teacher_home a img { width: 10px; height: 10px; } 
    .main h3 .teacher_home a b { height: 10px; line-height: 10px; margin-left: 5px; margin-right: 3px; padding-left: 5px; } 
    .banner ul.for_pc { display: none; } 
    .banner ul.for_mo { display: flex; } 
    .banner ul li a { height: 55px; } 
    .banner ul li a span { font-size: 13px; } 
    .evSection .con_tit { font-size: 20px; } 
    .evSection .con_subtitle .text { padding: 4px 25px; font-size: 12px; } 
    .evCon1 .con_tit > img { width: 14%; } 
    .evCon1 .con_tit div:last-of-type { font-size: 22px; } 
    .evCon2 .con_box .wrapper { margin: 0 auto; } 
    .evCon2 .con_box > p, .evCon3 .con_tit i, .evCon3 .con_box > p, .evCon4 .con_tit i, .evCon5 .con_tit i, .evCon5 .panel_base li > p, .evCon6 .con_tit i { font-size: 11px; letter-spacing: -1.1px; } 
    .evCon3 .con_subtitle { margin-bottom: 10px; } 
    .evCon3 .box_wrapper.for_mo { width: 80%; } 
    .evCon3 .box_wrapper.for_mo .slick-slide { margin: 0 5px; } 
    .evCon4 .panel_base li > div img { width: 100%; } 
    .evCon4 .panel_base li > div p { margin-top: 22px; font-size: 11px; } 
    .evCon5 .text_wrapper { flex-direction: column; } 
    .evCon5 .text_wrapper .text { width: 100%; padding: 15px 0 15px 0; } 
    .evCon5 .text_wrapper .text span { font-size: 14px; } 
    .evCon5 .text_wrapper .text p { font-size: 10px; } 
    .evCon5 .panel_base li > h5 { font-size: 17px; } 
    .evCon5 .panel_base li .wrapper .book { width: 50%; } 
    .evCon5 .panel_base li .wrapper .book > a { right: -10px; bottom: -20px}
    .evCon5 .panel_base li .wrapper .box_wrapper { width: 100%; gap: 5px; } 
    .evCon5 .panel_base li .wrapper .box_wrapper .box b { font-size: 14px; } 
    .event .con_tit { font-size: 28px; } 
    .event .con_tit i { margin-top: 20px; margin-bottom: 10px; font-size: 16px; } 
    .event .con_box > p { font-size: 12px; } 
    .event .info_and_gift { margin: 0 auto; margin-bottom: 20px; } 
    .event .step_wrapper .step > span { font-size: 10px; } 
}