@charset "euc-kr";


/* main */
.main { background-image: url('https://image.megagong.net/m/2023/0427_megapassnurse/main_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.main h3 { position: relative; margin: 0 -105px; } 
.main h3 a { position: absolute; left: 49.4%; bottom: 24.3%; } 


/* °øÅë»çÇ× */
.evSection .con_tit { margin-bottom: 70px; font-size: 42px; font-weight: 900; } 


/* evCon1 */
.evCon1 { padding: 150px 0 160px 0; background-color: #252525; } 
.evCon1 .con_tit { color: #fff; } 
.evCon1 .con_tit span { background: linear-gradient(to right, #ea2771, #b70045); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.evCon1 .con_box .con_box_subtitle { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evCon1 .con_box .con_box_subtitle .line { flex: 1; height: 1px; background-color: #000000; } 
.evCon1 .con_box .con_box_subtitle .text { padding: 10px 45px; color: #fff; font-size: 22px; background-color: #000000; border-radius: 30px; } 
.evCon1 .con_box .for_pc { margin: 0 -90px; } 
.evCon1 .con_box .for_mo { display: none; } 


/* evCon2 */
.evCon2 { padding: 153px 0 160px 0; background-color: #f7f7f7; } 
.evCon2 .con_tit { color: #111111; } 
.evCon2 .con_tit span { background: linear-gradient(to right, #ea2771, #b70045); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.evCon2 .con_box .con2_img { margin: 0 -55px; } 
.evCon2 .con_box > p { margin: 75px 0; color: #111111; font-size: 34px; font-weight: bold; } 
.evCon2 .con_box .box_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evCon2 .con_box .box_wrapper .box { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; margin-right: 40px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } 
.evCon2 .con_box .box_wrapper .box:last-of-type { margin-right: 0; } 
.evCon2 .con_box .box_wrapper .box .box_title { width: 100%; height: 59px; line-height: 59px; color: #fff; font-size: 20px; font-weight: 900; background: linear-gradient(to right, #ea2771, #b70045); } 
.evCon2 .con_box .box_wrapper .box > p { width: 100%; padding: 32px 0; line-height: 1.6; color: #111111; font-size: 16px; font-weight: 300; background-color: #fff; } 


/* evCon3 */
.evCon3 { padding: 150px 0 150px 0; background-color: #e7256e; } 
.evCon3 .con_tit { color: #111111; } 
.evCon3 .con_tit span { color: #fff; } 
.evCon3 .con_box .box_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 76px; } 
.evCon3 .con_box .box_wrapper.for_mo { display: none; } 
.evCon3 .con_box .box_wrapper .box { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; margin-right: 21px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } 
.evCon3 .con_box .box_wrapper .box:last-of-type { margin-right: 0; } 
.evCon3 .con_box .box_wrapper .box > img { margin: 43px 0; } 
.evCon3 .con_box .box_wrapper .box .box_title { margin-bottom: 15px; color: #111; font-size: 18px; font-weight: bold; } 
.evCon3 .con_box .box_wrapper .box > p { margin-bottom: 45px; color: #111; font-size: 16px; font-weight: 300; } 
.evCon3 .con_box > p { color: #fff; font-size: 34px; font-weight: bold; } 


/* evCon4 */
.evCon4 { overflow: initial !important; padding: 150px 0 155px 0; background-color: #ffffff; } 
.evCon4 .con_tit { color: #111111; } 
.evCon4 .con_tit span { background: linear-gradient(to right, #ea2771, #b70045); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.evCon4 .con_box .eventVideo.video_renewal { margin: 0 40px; margin-bottom: 112px; } 
.evCon4 .con_box > h5 { margin-bottom: 35px; color: #111111; font-size: 34px; font-weight: bold; } 
.evCon4 .con_box .lecture { padding-bottom: 0 !important; } 
.evCon4 .con_box .con_box_subtitle { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 120px; margin-bottom: 75px; } 
.evCon4 .con_box .con_box_subtitle .line { flex: 1; height: 1px; background-color: #000000; } 
.evCon4 .con_box > p { margin-top: 35px; line-height: 1.8; color: #111111; font-size: 20px; } 


/* event1 */
.event1 { overflow: initial !important; padding: 160px 0 155px 0; background-color: #252525; } 
.event .inner { position: relative; } 
.event .inner .fin { position: absolute; top: 0; right: 0; z-index: 2; } 
.event .con_tit { margin-bottom: 23px; color: #fff; } 
.event .con_tit > img { margin-bottom: 23px; } 
.event .con_box > p { line-height: 1.7; color: #ea2771; font-size: 20px; font-weight: bold; } 
.container_info { flex-direction: column; align-items: flex-start; background-color: transparent; margin-top: 80px; margin-bottom: 40px; padding: 0 0 0 12px; border-radius: 0; } 
.container_info.ver_dark { background-color: transparent; } 
.container_info .info .info_title::before { display: none; } 
.container_info .info .info_title::after { left: -11px; right: initial; } 
.container_info .info { margin-right: 0; margin-bottom: 16px; } 
.container_info .info:last-of-type { margin-bottom: 0; } 
.container_info .info .noti { color: #ea2771; } 
.event1 .con_box .wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.event1 .con_box .wrapper > img { margin: -85px 0 0 0; } 
.event1 .con_box .wrapper .form_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; } 
.event1 .con_box .wrapper .form_wrapper .form { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 40px; background-color: #fff; } 
.event1 .con_box .wrapper .form_wrapper .form > div { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; } 
.event1 .con_box .wrapper .form_wrapper .form > div p { margin-right: 20px; color: #111111; font-size: 21px; font-weight: bold; } 
.event1 .con_box .wrapper .form_wrapper .form > div span { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex: 1; height: 45px; padding: 0 20px; color: #999999; font-size: 21px; font-weight: bold; background-color: #eeeeee; } 
.event1 .con_box .wrapper .form_wrapper .form > button { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 78px; margin-top: 20px; color: #fff; font-size: 22px; font-weight: bold; background-color: #111111; } 
.event1 .con_box .wrapper .form_wrapper .form > button.for_cancel { background-color: #999999; } 
.event1 .con_box .wrapper .form_wrapper .form .mg_chk_base { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; } 
.event1 .con_box .wrapper .form_wrapper .form .mg_chk_base .label_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; } 
.event1 .con_box .wrapper .form_wrapper .form .mg_chk_base .label_wrapper input { margin-right: 7px; } 
.event1 .con_box .wrapper .form_wrapper .form .mg_chk_base .label_wrapper label { flex: 1; text-align: left; } 
.mg_chk_base input, .mg_chk_base label { color: #111111; font-size: 13px; } 
.event1 .con_box .wrapper .form_wrapper .form .mg_chk_base .detail { margin-top: 5px; color: #ea2771; font-size: 13px; font-weight: bold; text-decoration: underline; text-underline-offset: 3px; } 
.event1 .con_box .wrapper .form_wrapper .tiny_noti { width: 100%; margin-top: 14px; line-height: 1.6; color: #ffffff; font-size: 13px; text-align: left; font-family: 'NotoSans KR'; } 
.event1 .con_box .wrapper .form_wrapper .tiny_noti a { margin-left: 5px; color: #ea2771; font-size: 13px; font-weight: bold; text-decoration: underline; text-underline-offset: 3px; font-family: 'NotoSans KR'; } 


/* event2 */
.event2 { overflow: initial !important; padding: 160px 0 155px 0; background-color: #ea2771; } 
.event2 .con_box > p { color: #ffb5d1; } 
.event2 .con_box .info_and_gift { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 60px; } 
.event2 .con_box .info_and_gift .container_info { margin-left: 80px; } 
.event2 .con_box .con_box_subtitle { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 40px; } 
.event2 .con_box .con_box_subtitle .line { flex: 1; height: 1px; background-color: #000000; } 
.event2 .con_box .con_box_subtitle .text { padding: 10px 45px; color: #fff; font-size: 22px; background-color: #000000; border-radius: 30px; } 
.event2 .con_box .step_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 25px 0; background-color: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); } 
.event2 .con_box .step_wrapper .center { position: relative; display: inline-block; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } 
.event2 .con_box .step_wrapper .center::before { position: absolute; top: calc(50% - 18px); left: -18px; content: ''; width: 36px; height: 36px; background-image: url('https://image.megagong.net/m/2023/0427_megapassnurse/event2_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 2; } 
.event2 .con_box .step_wrapper .center::after { position: absolute; top: calc(50% - 18px); right: -18px; content: ''; width: 36px; height: 36px; background-image: url('https://image.megagong.net/m/2023/0427_megapassnurse/event2_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.event2 .con_box .step_wrapper .arrow { margin: 0 -1px; } 
.event2 .con_box .btn_wrapper { margin: 40px 0 80px 0; } 
.event2 .con_box .btn_wrapper a:first-of-type { margin-right: 40px; } 
.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 { background-color: #ececec; } 
.eventBoard .evtBoard_common .info_wrap.with_tip button { margin-right: 15px; color: #2091ff; font-size: 16px; font-family: 'NotoSans KR'; text-decoration: underline; text-underline-offset: 7px; } 
.warningList > li.w_tit { font-weight: bold; } 
.warningList li .s_tit { display: block; margin-bottom: 7px; } 
.warningList .mgb30 { margin-bottom: 30px; } 
.warningList li ul li a { color: #0f48bc; text-decoration: underline; } 
/* °³ÀÎÁ¤º¸ µ¿ÀÇ Æ˾÷ */
.info_popwrap { display: flex; flex-direction: row; align-items: center; justify-content: center; display:none; position:absolute; width: 264px; height: 232px; z-index:2; background-color:#ffffff; border: solid 1px #222; padding: 10px 0; top: calc(50% - 132px); left:calc(50% - 116px); } 
.info_popwrap > div a.pop_clobtn { display: block; width: 36px; height: 36px; } 
.info_popwrap .conTit { font-size:14px; font-weight:bold; letter-spacing:-0.05em; color:#5a5a5a; padding: 0 0 0 10px; text-align:left; } 
.info_popwrap .conTit p { padding-top: 0 } 
.info_popwrap .conTit .txt02 { color:#333333; font-size:13px !important; font-weight: normal !important; letter-spacing:-0.05em; line-height:160%; } 
.dim_bg { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.7; z-index:1000; } 

/* Æ˾÷ */
.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; } 


@media screen and (max-width: 1300px){
    .main h3,
    .evCon1 .con_box .for_pc,
    .evCon2 .con_box .con2_img { margin: 0 auto; } 
}

@media screen and (max-width: 1200px){
    .evSection .con_tit { font-size: 38px; } 
    .event1 .con_box .wrapper > img { width: 48%; } 
    .event2 .con_box .info_and_gift .container_info { margin-left: 40px; } 
    .event2 .con_box .step_wrapper { flex-direction: column; } 
    .event2 .con_box .step_wrapper .center { margin: 30px 0; padding: 30px 0; border-left: 0; border-right: 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } 
    .event2 .con_box .step_wrapper .center::before { top: -18px; left: calc(50% - 18px); transform: rotate(90deg); } 
    .event2 .con_box .step_wrapper .center::after { top: initial; left: calc(50% - 18px); right: initial; bottom: -18px; transform: rotate(90deg); } 
}

@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 } 
    .evSection .con_tit { font-size: 30px; } 
    .evCon1 .con_box .for_pc { display: none; } 
    .evCon1 .con_box .for_mo { display: block; margin: 0 auto; margin-top: 30px; } 
    .evCon2 .con_box > p { margin: 55px 0; font-size: 25px; } 
    .evCon3 .con_box .box_wrapper.for_pc { display: none; } 
    .evCon3 .con_box .box_wrapper.for_mo { display: block; } 
    .evCon3 .con_box .box_wrapper .box { display: flex !important; } 
    .evCon3 .con_box .box_wrapper .slick-dots { position: absolute; left: 0; bottom: -20px; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 10px; background-color: #f1f1f1; border-radius: 20px; } 
    .evCon3 .con_box .box_wrapper .slick-dots li { flex: 1; height: 10px; background-color: rgba(0, 0, 0, 0.1); } 
    .evCon3 .con_box .box_wrapper .slick-dots li:first-of-type { border-radius: 10px 0 0 10px; } 
    .evCon3 .con_box .box_wrapper .slick-dots li:last-of-type { border-radius: 0 10px 10px 0; } 
    .evCon3 .con_box .box_wrapper .slick-dots li button { font-size: 0; } 
    .evCon3 .con_box .box_wrapper .slick-dots li.slick-active { background-color: #000; } 
    .evCon3 .con_box > p { font-size: 24px; } 
    .evCon4 .con_box > h5 { margin-bottom: 35px; font-size: 24px; } 
    .evCon4 .con_box > p { font-size: 16px; } 
    .event .inner .fin { width: 25vw; } 
    .event .con_box > p { font-size: 16px; } 
    .event1 .con_box .wrapper { flex-direction: column-reverse; } 
    .event1 .con_box .wrapper > img { width: initial; margin: 0 auto; margin-bottom: 3vw; } 
    .event2 .con_box .info_and_gift { flex-direction: column; } 
    .event2 .con_box .info_and_gift .container_info { margin-left: 0; margin: 0 auto; margin-top: 7vw; margin-bottom: 3vw; } 
    .event2 .con_box .btn_wrapper a:first-of-type { display: inline-block; margin-right: 0; margin-bottom: 15px; } 
}

@media screen and (max-width: 768px){
    .main h3 a { width: 2.3vw; } 
    .evSection .con_tit { margin-bottom: 5vw; font-size: 23px; } 
    .evCon1,
    .evCon2,
    .evCon3,
    .evCon4,
    .event { padding: 10vw 0; } 
    .evCon1 .con_box .con_box_subtitle .text,
    .event2 .con_box .con_box_subtitle .text { padding: 7px 30px; font-size: 18px; } 
    .evCon2 .con_box > p { margin: 30px 0; font-size: 18px; } 
    .evCon2 .con_box .box_wrapper .box { margin-right: 15px; } 
    .evCon2 .con_box .box_wrapper .box .box_title { height: 55px; line-height: 55px; font-size: 18px; } 
    .evCon2 .con_box .box_wrapper .box > p { padding: 20px 0; font-size: 12px; } 
    .evCon3 .con_box .box_wrapper .box .box_title { font-size: 16px; } 
    .evCon3 .con_box .box_wrapper .box > p { margin-bottom: 45px; font-size: 12px; } 
    .evCon3 .con_box > p { font-size: 18px; } 
    .evCon4 .con_box .eventVideo.video_renewal { margin: 0 auto; margin-bottom: 10vw; } 
    .evCon4 .con_box > h5 { margin-bottom: 35px; font-size: 16px; } 
    .evCon4 .con_box .con_box_subtitle { margin-top: 10vw; margin-bottom: 5vw; } 
    .event .con_tit > img { width: 30vw; } 
    .eventBoard .evtBoard_common .info_wrap .tip_list { font-size: 10px; } 
    .eventBoard .evtBoard_common .info_wrap.with_tip button { margin-right: 0; } 
}

@media screen and (max-width: 576px){
    .dim_popup.sns { width:90% } 
    .evSection .con_tit { font-size: 16px; letter-spacing: -1.9px; } 
    .evCon1 .con_box .con_box_subtitle .text, .event2 .con_box .con_box_subtitle .text { padding: 5px 20px; font-size: 12px; } 
    .evCon2 .con_box > p { margin: 30px 0; font-size: 12px; } 
    .evCon2 .con_box .box_wrapper .box { margin-right: 10px; } 
    .evCon2 .con_box .box_wrapper .box .box_title { height: 45px; line-height: 45px; font-size: 16px; } 
    .evCon2 .con_box .box_wrapper .box > p { padding: 15px 0; font-size: 10px; letter-spacing: -1px; } 
    .evCon3 .con_box .box_wrapper { margin-bottom: 10vw; } 
    .evCon3 .con_box > p { font-size: 12px; } 
    .evCon4 .con_box > h5 { margin-bottom: 15px; font-size: 14px; } 
    .evCon4 .con_box > p { font-size: 12px; } 
    .event .con_tit { font-size: 22px; } 
    .event .con_box > p { font-size: 12px; } 
    .container_info { margin-top: 7vw; margin-bottom: 3vw; } 
    .event1 .con_box .wrapper .form_wrapper .form { padding: 20px; } 
    .event1 .con_box .wrapper .form_wrapper .form > div span { font-size: 18px; } 
    .event1 .con_box .wrapper .form_wrapper .form > button { height: 55px; font-size: 20px; } 
    .event1 .con_box .wrapper .form_wrapper .tiny_noti,
    .event1 .con_box .wrapper .form_wrapper .tiny_noti a { font-size: 9px; } 
    .event2 .con_box .info_and_gift { margin-bottom: 10vw; } 
    .event2 .con_box .btn_wrapper { margin: 5vw 0 10vw 0; } 
}