@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2024/ */

:root {
    --color-highlight: #131cff;
}

/* settings */
.evSection {padding: 150px 0; color: #111;}
.evSection .con_tit {margin-bottom: 75px;}
.evSection .con_tit h4 {font-weight: 900; font-size: 46px; letter-spacing: -0.05em; line-height: 1.3;}
.evSection .con_tit h4 span {color: var(--color-highlight);}
.evSection .con_tit .sub_tit {font-weight: 400; font-size: 28px; color: #333;}
.evSection .con_tit h4 + .sub_tit {margin-top: 20px;}
.evSection .con_tit .sub_tit + h4 {margin-top: 12px;}

.con_tit .end {top: -18%;}
.con_tit .end::after {background: #fff; opacity: 0.5;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection.event .con_tit {margin-bottom: 60px;}
.evSection.event .con_tit h4 {font-size: 52px;}

.evSection .button-prev {position: absolute; top: 50%; left: -20px; width: 42px; height: 78px; background-image: url(https://image.megagong.net/m/2024/0822_megapassnurse/slide_prev.png); background-size: contain; transform: translate(-100%, -50%); cursor: pointer;}
.evSection .button-next {position: absolute; top: 50%; right: -20px; width: 42px; height: 78px; background-image: url(https://image.megagong.net/m/2024/0822_megapassnurse/slide_next.png); background-size: contain; transform: translate(100%, -50%); cursor: pointer;}
.evSection .swiper-pagination {display: none; position: static; margin-top: 1%;}
.evSection .swiper-pagination-bullet-active {background: var(--color-highlight);}
.evSection .link_btn {display: flex; justify-content: center; align-items: center; gap: 10px;}
.evSection .link_btn a {display: block; width: 50%; max-width: 380px; font-weight: 700; font-size: 24px; color: #fff; background: #000; border-radius: 5px; padding: 22px 0;}

/* evCon1 */
.evCon1 {padding: 38px 0 0; background: #3720c3 url(https://image.megagong.net/m/2024/0822_megapassnurse/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {font-weight: 400; font-size: 27px; color: #f0d1ff; letter-spacing: 0.8vmin; margin-bottom: 8px;}
.evCon1 .sub_tit b {color: #fff;}
.evCon1 h3 {margin: 0 -8px;}
.evCon1 .tea_home {position: absolute; max-width: 34%; left: 50%; bottom: 130px; transform: translateX(-50%);}

/* evCon2 */
.evCon2 {background: #eaebff;}
.evCon2 .question_roll {position: relative; overflow: hidden; border-radius: 20px; box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.12);}
.evCon2 .question_roll .swiper-slide {background: #fff; padding-bottom: 50px;}
.evCon2 .question_roll .swiper-slide .b_tit {font-weight: 700; font-size: 30px; color: #fff; background: #111; padding: 12px 0; margin-bottom: 40px;}
.evCon2 .question_roll .swiper-slide .s_tit {font-weight: 700; font-size: 24px; color: #bd00ff; margin: 32px auto 10px;}
.evCon2 .question_roll .swiper-slide .txt {font-size: 18px;}

/* evCon3 */
.evCon3 {background: var(--color-highlight);}
.evCon3 .con_tit h4 {color: #fff;}
.evCon3 .con_tit .sub_tit {color: rgba(255, 255, 255, 0.6)}
.evCon3 .box_wrap {gap: 30px;}
.evCon3 .box_wrap .item {flex: 1; height: 303px; position: relative; border-radius: 15px; overflow: hidden;}
.evCon3 .box_wrap .item .cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 20px; background: #fff; padding: 35px 0 40px; transition: all .3s;}
.evCon3 .box_wrap .item.active .cover {visibility: hidden; opacity: 0;}
.evCon3 .box_wrap .item .cover::before {content: ''; position: absolute; bottom: 20px; right: 20px; width: 26px; height: 32px; background: url(https://image.megagong.net/m/2024/0822_megapassnurse/con3_mouse.png) no-repeat; background-size: contain;}
.evCon3 .box_wrap .item .cover .txt {font-weight: 700; font-size: 20px; color: #000; margin: auto;}
.evCon3 .box_wrap .item .content {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #cb35ff;}
.evCon3 .box_wrap .item .content p {font-weight: 400; font-size: 20px; color: #f0d1ff;}
.evCon3 .box_wrap .item .content p b {color: #fff;}

/* evCon4 */
.evCon4 {background: #fff;}
.evCon4 .eventVideo {margin: 0 40px 60px;}

/* evCon5 */
.evCon5 {background: #eaebff;}
.evCon5 .con_tit .sub_tit.label {width: fit-content; font-weight: 700; color: #fff; background: var(--color-highlight); padding: 8px 34px; border-radius: 28px; margin: 0 auto;}
.evCon5 .book_wrap {position: relative;}
.evCon5 .book_cover {position: absolute; bottom: -35px; left: -225px; z-index: 1;}
.evCon5 .book_roll {position: relative; overflow: hidden; margin: 0 34px; z-index: 0;}
.evCon5 .button-prev {top: 44%; left: 0;}
.evCon5 .button-next {top: 44%; right: 0;}
.evCon5 .link_btn {margin-top: 60px;}
.evCon5 .link_btn a b {color: #d96dff;}

/* evCon6 */
.evCon6 {background: #cb35ff;}
.evCon6 .con_tit .event_tag {color: #cb35ff;}
.evCon6 .con_tit h4 {color: #fff;}
.evCon6 .con_tit h4 span {color: #111;}
.evCon6 .con_tit .sub_tit {color: #f0d1ff;}
.evCon6 .con_tit .sub_tit b {color: #fff;}
.evSection .subtitle_line {position: relative; margin-bottom: 40px; z-index: 0;}
.evSection .subtitle_line::before {content: ''; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background: #111; z-index: -1;}
.evSection .subtitle_line .text {width: 50%; max-width: 274px; font-weight: 700; font-size: 22px; color: #fff; background: #111; border-radius: 26px; padding: 10px 0;}
.evCon6 .container_info_wrap {padding: 45px 0 50px; margin-bottom: 80px; gap: min(40px,4vmin);}
.evCon6 .container_info_wrap::before {content: ''; position: absolute; width: 1000%; height: 100%; top: 0; left: -500%; background: rgba(255, 255, 255, 0.15);}
.container_info.ver_circle {margin-left: 40px;}
.container_info.ver_circle .info .info_title {width: 136px; background: #222;}
.container_info.ver_circle .info .info_date {font-weight: 700; color: #212121; padding-top: 6px;}
.container_info .info .noti {font-weight: 500; opacity: 1; margin-left: 0; padding-left: 6px;}
.evCon6 .event_step {gap: 14px; margin-bottom: 40px;}
.evCon6 .event_step .step {height: 467px; border-radius: 10px; padding: 30px 0 40px;}
.evCon6 .event_step .step::before {width: 43px; height: 43px; border-radius: 50%; background-image: url(https://image.megagong.net/m/2024/0822_megapassnurse/event_arrow.png); background-size: contain; box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.15); right: -7px; transform: translate(calc(50% - 0.5px), calc(-50% + 0.5px));}
.evCon6 .event_step .step > span {width: 94px; font-size: 16px; background: #ededed; border-radius: 16px; padding: 4px 0; margin-bottom: 22px;}
.evCon6 .event_step .step .top {width: 100%; flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.evCon6 .event_step .step .top .ico {max-width: 60%; margin-bottom: auto;}
.evCon6 .event_step .step:nth-child(1) .top .ico {max-width: 80%;}
.evCon6 .event_step .step .top .txt {font-size: 13px; color: #999; text-align: left;}
.evCon6 .event_step .step .top .txt ul li {position: relative; padding-left: 6px;}
.evCon6 .event_step .step .top .txt ul li u {position: absolute; top: 0; left: 0; text-decoration: none;}
.evCon6 .event_step .step:nth-child(2) .top .txt {font-size: 16px; color: #ff454b; text-align: center;}
.evCon6 .event_step .step p {width: 83%; flex-basis: 32%; font-weight: 400; font-size: 20px; border-top: 1px solid #ddd; padding-top: 15px; margin-top: 15px;}
.evCon6 .link_btn {margin-bottom: 80px;}
.evCon6 .link_btn a {background: var(--color-highlight);}
.type_lst ul li a {font-weight: 400;}
.paging.gall strong,
.paging.gall a {color: #fff;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.evtoggleWarning p.w_tit::before {background: #111;}
.warningList li ul li a {color: #b41ce9; border-bottom: 1px solid; margin: 0; padding: 0 0 2px;}

/* Æ˾÷ */
.mg_popup_wrap .content_area .content_inner {position: relative;}
.mg_s_info {color: #333;}
.mg_s_info li {padding-left: 15px; margin-top: 5px;}
.mg_s_info li:before {content: '¡Ø';}
.mg_s_info .book_list {margin-top: 5px; font-weight: 700; color: #111;}
.mg_s_info .book_list li {padding-left: 10px;}
.mg_s_info .book_list li:before {content: '-';}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 7%;}
    .evSection .con_tit h4 {font-size: clamp(22px, 4.6vmin, 46px);}
    .evSection .con_tit .sub_tit {font-size: clamp(15px, 2.8vmin, 28px);}
    .evSection .con_tit h4 + .sub_tit {margin-top: 2%;}
    .evSection .con_tit .sub_tit + h4 {margin-top: 1%;}

    .evSection.event .con_tit {margin-bottom: 6%;}
    .evSection.event .con_tit h4 {font-size: clamp(24px, 5.2vmin, 52px);}

    .evSection .button-prev,
    .evSection .button-next {display: none;}
    .evSection .swiper-pagination {display: block;}
    .evSection .link_btn a {font-size: clamp(14px, 2.6vmin, 24px); padding: 2.5vmin 0;}

    /* evCon1 */
    .evCon1 {padding: 5% 0 0;}
    .evCon1 .sub_tit {font-size: clamp(13px, 3vmin, 27px); letter-spacing: 0.5vmin; margin-bottom: 2%;}
    .evCon1 h3 {margin: 0 auto;}
    .evCon1 .tea_home {bottom: 9vmin;}

    /* evCon2 */
    .evCon2 .question_roll .swiper-slide {padding-bottom: 5%;}
    .evCon2 .question_roll .swiper-slide .b_tit {font-size: clamp(16px, 3vmin, 30px); padding: 1vmin 0; margin-bottom: 4%;}
    .evCon2 .question_roll .swiper-slide > img {max-width: 94%;}
    .evCon2 .question_roll .swiper-slide .s_tit {font-size: clamp(14px, 2.6vmin, 24px); margin: 4% auto 2%;}
    .evCon2 .question_roll .swiper-slide .txt {font-size: clamp(12px, 2vmin, 18px);}

    /* evCon3 */
    .evCon3 .box_wrap {gap: 2vmin;}
    .evCon3 .box_wrap .item .cover {gap: 2vmin; padding: 3vmin 0 4vmin;}
    .evCon3 .box_wrap .item .cover .txt {font-size: clamp(13px, 2.2vmin, 20px);}
    .evCon3 .box_wrap .item .content p {font-size: clamp(13px, 2.2vmin, 20px);}

    /* evCon4 */
    .evCon4 .eventVideo {margin: 0 auto 6%;}

    /* evCon5 */
    .evCon5 .con_tit .sub_tit.label {padding: 0.5vmin 4vmin;}
    .evCon5 .book_cover {position: static; max-width: 50%; margin: 0 auto 2%;}
    .evCon5 .book_roll {margin: 0 auto;}
    .evCon5 .link_btn {margin-top: 6%;}

    /* evCon6 */
    .evSection .subtitle_line {margin-bottom: 4%;}
    .evSection .subtitle_line .text {font-size: clamp(14px, 2.4vmin, 22px); padding: 1vmin 0;}
    .evCon6 .container_info_wrap {gap: 4vmin 0; padding: 4% 0 5%; margin-bottom: 8%;}
    .container_info.ver_circle {margin-left: 0;}
    .evCon6 .event_step {align-items: stretch; gap: 1vmin; margin-bottom: 4%;}
    .evCon6 .event_step .step::before {right: -0.5vmin;}
    .evCon6 .event_step .step {padding: 3% 0 4%;}
    .evCon6 .event_step .step > span {font-size: clamp(12px, 1.8vmin, 16px); margin-bottom: 2%;}
    .evCon6 .event_step .step .top {flex: 0 1 60%;}
    .evCon6 .event_step .step p {width: 94%; font-size: clamp(13px, 2.2vmin, 20px); padding-top: 8px; margin-top: 8px;}
    .evCon6 .link_btn {margin-bottom: 8%;}

    .gallery_lst ul li {width: 32%;}
    .gallery_lst ul li:nth-child(even) {margin-right: 2%;}
    .gallery_lst ul li:nth-child(3n) {margin-right: 0;}
}
@media screen and (max-width: 992px){
    .evCon6 .container_info_wrap {flex-direction: column;}
    .container_info.ver_circle {flex-wrap: wrap; flex-direction: column; width: fit-content; margin: 0 auto;}
    .evCon6 .event_step .step {height: 420px;}
    .evCon6 .event_step .step .top .txt {font-size: 11px;}
    .evCon6 .event_step .step:nth-child(2) .top .txt {font-size: 13px;}
}
@media screen and (max-width: 768px){
    .evCon3 .box_wrap {flex-direction: column;}
    .evCon3 .box_wrap .item {height: clamp(150px, 30vmin, 240px); flex-basis: clamp(150px, 30vmin, 240px);}
    .evCon3 .box_wrap .item .cover .ico {max-width: 20%; margin: 0 auto;}

    .container_info_wrap .gift {width: 64%;}
    .evCon6 .event_step {max-width: none !important; margin: 0 auto 5% !important;}
    .evCon6 .event_step .step::before {width: 30px; height: 30px; bottom: -0.5vmin !important; transform: translate(-50%, 50%) rotate(90deg) !important;}
    .evCon6 .event_step .step .top .ico {max-width: 30%; margin: 0 auto 2%;}

    .gallery_lst ul {width: 80%; margin: 0 auto;}
    .gallery_lst ul li {width: 100%; margin: 0; margin-bottom: 2%;}
    .gallery_lst ul li:nth-child(3n) {margin-bottom: 0;}
    /* .gallery_lst ul li .img {width: 70%; padding-bottom: 52.7%; margin: 6px auto 0;} */
    .gallery_lst ul li .txt {height: 80px;}

    /* Æ˾÷ */
    .mg_popup_wrap .b_tit {font-size: 22px;}
    .mg_s_info li {font-size: 12px;}
    .mg_terms {font-size: 12px; padding: 15px;}
}
@media screen and (max-width: 576px){
    .evSection .link_btn {flex-direction: column;}
    .evSection .link_btn a {width: 100%;}

    .evCon2 .question_roll {border-radius: 10px;}
    
    .evCon3 .box_wrap .item .cover::before {bottom: 14px; right: 14px; width: 18px; height: 22px;}

    .evCon5 .book_roll .swiper-slide {flex-direction: column;}
    .evCon5 .book_roll .swiper-slide > img {width: 90%; max-width: 495px;}

    .container_info.ver_circle .info {flex-direction: column; justify-content: center; align-items: center;}
    .container_info.ver_circle .info .info_title {width: 100px;}
    .container_info.ver_circle .info .info_date {padding-top: 0;}

    .gallery_lst ul {width: 90%;}
    .gallery_lst ul li .img {width: auto; padding-bottom: 72%; margin: 6px 6px 0;}
    
    /* Æ˾÷ */
    .mg_popup_wrap .content_area .content_inner {padding: 20px 10px;}
    .mg_tb_form th, .mg_tb_form td {padding: 6px;}
}