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

/* settings */
:root {
    --color-highlight: #059ed0;
}

.evSection {padding: 150px 0; color: #111;}
.evSection .con_tit {margin-bottom: 70px;}
.evSection .con_tit h4 {font-size: 42px; letter-spacing: -0.03em;}
.evSection .con_tit h4 span {color: var(--color-highlight);}
.evSection.event .con_tit .sub_tit {font-size: 42px;}
.evSection.event .con_tit h4 {font-weight: 900; font-size: 50px;}
.con_tit .end::after {background: #fff; opacity: 0.6;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

.evSection .subtitle_line .text.bg {font-weight: 500; font-size: 22px; color: #fff; background: #111; border-radius: 23px; margin: 0; padding: 7px 7%;}
.evSection .tiny_txt {font-weight: 400; font-size: 13px;}

.evSection .swiper-pagination {position: static; margin-top: 40px;}
.evSection .swiper-pagination-bullet {width: 14px; height: 14px;}
.evSection .swiper-pagination-bullet-active {background: #161616;}

/* evCon1 */
.evCon1 {padding: 0; background: #fff url(https://image.megagong.net/m/2024/1030_jinsyjin03/con1_bg.jpg) no-repeat;}
.evCon1 h3 {margin: 0 -464px;}
.evCon1 .evt_bnr {position: absolute; right: -110px; bottom: 146px; border-radius: 50%; box-shadow: 0 0 30px 1px rgba(35, 113, 146, 0.2);}
.evCon1 .tea_home {position: absolute; left: -110px; bottom: 174px;}

/* evCon2 */
.evCon2 {background: #fff;}
.evCon2 .subtitle_line {margin-bottom: 70px;}
.evCon2 .question_roll {position: relative; overflow: hidden;}
.evCon2 .question_roll .swiper-slide {border-radius: 20px; overflow: hidden;}
.evCon2 .question_roll .swiper-slide .tit {font-size: 20px; color: #fff; background: #161616; padding: 21px 0;}
.evCon2 .question_roll .swiper-slide .img {background: #eef1f3; padding: 35px 0;}
.evCon2 .btm_msg {position: relative; background: #ff6100; border-radius: 85px; padding: 52px 0; margin-top: 80px;}
.evCon2 .btm_msg::before {content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); border-left: 19px solid transparent; border-right: 19px solid transparent; border-bottom: 33px solid #ff6100;}
.evCon2 .btm_msg .img {position: absolute; bottom: 0; left: 70px;}
.evCon2 .btm_msg p {font-size: 24px; color: #fff; text-align: left; margin-left: 414px;}

/* evCon3 */
.evCon3 {background: #059ed0;}
.evCon3 .con_tit h4 {color: #111;}
.evCon3 .con_tit h4 span {color: #fff;}
.evCon3 .review_wrap {display: flex; justify-content: center; align-items: center; gap: 30px; margin: 0 45px;}
.evCon3 .review_wrap .item {flex: 1; display: flex; flex-direction: column; height: 666px; background: #fff; padding: 50px 10px; border-radius: 12px}
.evCon3 .review_wrap .item .ico {margin-bottom: 30px;}
.evCon3 .review_wrap .item .tit {font-weight: 900; font-size: 22px; color: var(--color-highlight); margin-bottom: 20px;}
.evCon3 .review_wrap .item p {font-weight: 400; font-size: 16px; line-height: 1.7; color: #757575;}
.evCon3 .review_wrap .item p b {font-size: 18px; color: #111;}
.evCon3 .review_wrap .item .writer {font-weight: 500; font-size: 13px; color: #757575; margin-top: auto;}
.evCon3 .tiny_txt {color: #fff; text-align: right; margin: 20px 45px 0; opacity: 0.7}

/* evCon4 */
.evCon4 {background: #fff;}
.evCon4 .video_wrap .tab_base {position: relative; display: flex; gap: 1px; margin-bottom: 60px; z-index: 0;}
.evCon4 .video_wrap .tab_base::before {content: ''; position: absolute; width: 1000%; height: 3px; background: #111; bottom: 0; left: -500%; z-index: 1;}
.evCon4 .video_wrap .tab_base li {flex: 1;}
.evCon4 .video_wrap .tab_base li a {position: relative; display: block; font-weight: 900; font-size: 24px; color: #c5c5c5; background: #e9e9e9; padding: 28px 0;}
.evCon4 .video_wrap .tab_base li.on a {color: #111; background: #fff;}
.evCon4 .video_wrap .tab_base li.on a::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 3px solid #111; border-bottom-color: #fff; box-sizing: border-box; pointer-events: none; z-index: 1;}
.evCon4 .video_wrap .panel_base li .eventVideo {margin-bottom: 60px;}
.evCon4 .video_wrap .panel_base li .subtitle_line {margin-bottom: 45px;}
.evCon4 .video_wrap .panel_base li .subtitle_line .line {background: var(--color-highlight);}
.evCon4 .video_wrap .panel_base li .subtitle_line .text {position: relative; background: var(--color-highlight);}
.evCon4 .video_wrap .panel_base li .subtitle_line .text::before {content: ''; position: absolute; right: 25px; top: -8px; width: 41px; height: 44px; background: url(https://image.megagong.net/m/2024/1030_jinsyjin03/con4_point.png) no-repeat; background-size: contain;}
.evCon4 .video_wrap .panel_base li .point {display: flex; justify-content: center; align-items: center; gap: 15px;}
.evCon4 .video_wrap .panel_base li .point li {flex: 1; font-size: 20px; background: #fff; border-radius: 16px; box-shadow: 0 0 30px 1px rgba(35, 113, 146, 0.2); padding: 47px 10px;}
.evCon4 .video_wrap .panel_base li .point li b {color: var(--color-highlight);}

/* evCon5 */
.evCon5 {background: #d1f2f7;}
.evCon5 .review_roll_wrap {position: relative; z-index: 0; margin-bottom: 70px;}
.evCon5 .review_roll_wrap::before {content: ''; position: absolute; width: 1000%; height: 100%; top: 0; left: -500%; background: #b2e3eb; opacity: 0.6; z-index: 1;}
.evCon5 .review_roll {position: relative; overflow: hidden; height: 93px;}
.evCon5 .review_roll .swiper-slide {display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 400; font-size: 24px;}
.evCon5 .book_wrap {display: flex; justify-content: center; gap: 35px;}
.evCon5 .book_wrap .book {margin-bottom: 70px;}
.evCon5 .book_wrap .book .img {margin-bottom: 46px;}
.evCon5 .book_wrap .book .btn a {display: block; font-weight: 700; font-size: 22px; color: #fff; background: #ff6100; padding: 22px 0; border-radius: 38px;}
.evCon5 .swiper_tab_list {display: flex; }
.evCon5 .swiper_tab_list .swiper_tab {flex: 1; font-weight: 700; font-size: 18px; color: #c5c5c5; background: #e9e9e9; padding: 20px 0; cursor: pointer;}
.evCon5 .swiper_tab_list .swiper_tab.active {color: #fff; background: #111;}
.evCon5 .book_roll {overflow: hidden;}
.evCon5 .book_roll .swiper-slide {background: #b2e3eb;}
.evCon5 .book_roll .swiper-slide .book_img {display: flex; justify-content: center; align-items: center; padding: 40px 0 10px;}
.evCon5 .lec_tit {font-weight: 700; font-size: 36px; line-height: 1.3; letter-spacing: -0.03em; margin-bottom: 50px; margin-top: 100px;}
.evCon5 .lec_tit span {color: var(--color-highlight);}

/* evCon6 */
.evCon6 {background: #059ed0;}
.evCon6 .subtitle_line .text.bg {padding: 7px 5%;}
.evCon6 .con_tit .end {top: -10%;}
.evCon6 .con_tit .event_tag {max-width: 290px; background: #059ed0; border-width: 3px; margin-bottom: 40px;}
.evCon6 .con_tit .event_tag::before {border-width: 3px;}
.evCon6 .con_tit h4 span {color: #fff;}
.evCon6 .evt_info {display: flex; justify-content: flex-end; align-items: center; gap: 35px; margin-bottom: 70px;}
.evCon6 .evt_info .txt {font-weight: 400; font-size: 22px; text-align: left;}
.evCon6 .evt_info .txt b {color: #fff;}
.evCon6 .container_info {color: #fff; background: transparent; border: 2px solid #fff; margin-bottom: 60px;}
.evCon6 .container_info .info .info_title::before {background: #fff;}
.evCon6 .container_info .info .info_title::after {content: ':'; background: none; margin: 0; padding: 0; transform: none; top: 0.2em; font-size: 0.8em;}
.evCon6 .container_info .info .noti {margin-left: 10px; opacity: 1;}
.evCon6 .container_gift_wrap {margin-bottom: 100px;}
.evCon6 .container_gift_wrap ul {gap: 70px;}
.evCon6 .container_gift_wrap ul li {width: min(335px,45%)}
.evCon6 .evt_step {display: flex; gap: 60px; margin-bottom: 55px;}
.evCon6 .evt_step li {position: relative; flex: 1; background: #f2f2f2; border-radius: 20px; padding: 30px 0;}
.evCon6 .evt_step li + li::before {content: ''; position: absolute; top: 50%; left: -30px; transform: translate(-50%, -50%); width: 40px; height: 40px; background: url(https://image.megagong.net/m/2024/1030_jinsyjin03/con6_arrow.png) no-repeat; background-size: contain;}
.evCon6 .evt_step li .num {font-weight: 900; font-size: 18px; margin-bottom: 20px;}
.evCon6 .evt_step li .ico {margin-bottom: 25px;}
.evCon6 .evt_step li .txt {font-size: 18px; color: #333;}
.evCon6 .book_shop {display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 55px;}
.evCon6 .book_shop li a {display: block; width: 300px; border: 3px solid #fff;}
.evCon6 .evt_book {font-weight: 400; font-size: 16px; color: var(--color-highlight); background: #d0ecf6; padding: 16px 0; border-radius: 50px; margin-bottom: 50px;}
.evCon6 .evt_btn {margin-bottom: 100px;}
.evCon6 .evt_btn a {display: block; font-weight: 700; font-size: 22px; color: #fff; background: #ff6100; border-radius: 38px; width: 80%; max-width: 430px; margin: 0 auto; padding: 22px 0;}

.gallery_lst ul li .txt {font-weight: 400;}

.type_lst ul li {border-right-color: #fff;}
.type_lst ul li a {color: #fff;}
.type_lst ul li.on a {color: #fff;}
.paging.gall strong, .paging.gall a {color: #fff;}

.mg_select {width: 100%; border: 1px solid #d0d0d0; padding: 5.5px 9px; color: #999;}
.mg_select option {color: #111;}
.mg_textarea.url {height: auto;}
.mg_filebox .filename {width: calc(100% - 120px);}
.mg_filebox .filebtn {width: 120px;}
.mg_filebox .filebtn label {background: #777;}
.mg_popup_wrap h6 {font-weight: 400; font-size: 13px; color: #111; margin-top: 20px;}
.mg_s_info {color: #111; margin-top: 5px;}
.mg_s_info li {font-size: 13px; margin-top: 0; line-height: 1.4; padding-left: 0;}
.mg_s_info li:before {content: none;}
.mg_s_info li a {color: #f00;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.warningList li ul li a {color: #f00; margin-left: 0;}

@media screen and (max-width: 1300px){
    /* evCon1 */
    .evCon1 h3 {margin: 0 -340px;}
    .evCon1 .evt_bnr {right: 0;}
    .evCon1 .tea_home {left: 0;}
}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 7%;}
    .evSection .con_tit h4 {font-size: clamp(21px, 4.2vmin, 42px);}
    .evSection.event .con_tit .sub_tit {font-size: clamp(21px, 4.2vmin, 42px);}
    .evSection.event .con_tit h4 {font-size: clamp(25px, 5vmin, 50px);}

    .evSection .swiper-pagination {margin-top: 2%;}

    /* evCon1 */
    .evCon1 {padding: 0;}
    .evCon1 h3 {margin: 0 -40vmin 0 -30vmin;}
    .evCon1 .evt_bnr {bottom: 10%; max-width: 26%;}
    .evCon1 .tea_home {bottom: 20%; max-width: 24%;}

    /* evCon2 */
    .evCon2 .subtitle_line {margin-bottom: 7%;}

    /* evCon3 */
    .evCon3 .review_wrap {margin: 0;}
    .evCon3 .tiny_txt {margin: 2% 0 0;}

    /* evCon5 */
    .evCon5 .lec_tit {font-size: clamp(18px, 3.6vmin, 36px); margin-top: 10%; margin-bottom: 5%;}

    /* evCon6 */
    .evCon6 .con_tit .event_tag {margin-bottom: 4%;}
    .evCon6 .evt_info {gap: 2vmin; margin-bottom: 7%;}
    .evCon6 .evt_info .book {width: 40%;}
    .evCon6 .evt_info .txt {width: 60%; font-size: clamp(15px, 2.4vmin, 22px);}
    .evCon6 .container_info {margin-bottom: 6%;}
    .evCon6 .container_gift_wrap {margin-bottom: 10%;}
    .evCon6 .container_gift_wrap ul {gap: 5vmin;}
}
@media screen and (max-width: 992px){
    .evSection .subtitle_line .text.bg {font-size: clamp(15px, 2.4vmin, 22px); padding: 0.5vmin 4%;}

    .evCon2 .btm_msg {padding: 5vmin 0; margin-top: 8%;}
    .evCon2 .btm_msg .img {left: 7vmin; max-width: 20%;}
    .evCon2 .btm_msg p {font-size: clamp(13px, 2.6vmin, 24px); margin-left: 32vmin;}

    .evCon3 .review_wrap {flex-direction: column; gap: 3vmin;}
    .evCon3 .review_wrap .item {width: 100%; height: auto; padding: 4vmin 1vmin;}
    .evCon3 .review_wrap .item .ico {max-width: 16%; margin: 0 auto 3%;}
    .evCon3 .review_wrap .item .tit {font-size: clamp(17px, 2.4vmin, 22px); margin-bottom: 4%;}
    .evCon3 .review_wrap .item p {font-size: clamp(14px, 1.8vmin, 16px); line-height: 1.5;}
    .evCon3 .review_wrap .item p b {font-size: clamp(15px, 2vmin, 18px);}
    .evCon3 .review_wrap .item .writer {margin-top: 3%;}

    .evCon4 .video_wrap .tab_base {margin-bottom: 6%;}
    .evCon4 .video_wrap .tab_base li a {font-size: clamp(16px, 2.6vmin, 24px); padding: 2.5vmin 0;}
    .evCon4 .video_wrap .panel_base li .eventVideo {margin-bottom: 6%;}
    .evCon4 .video_wrap .panel_base li .subtitle_line {margin-bottom: 5%;}
    .evCon4 .video_wrap .panel_base li .subtitle_line .text {padding: 0.5vmin 8%;}
    .evCon4 .video_wrap .panel_base li .subtitle_line .text::before {top: -1vmin; right: 2%; width: 35px; height: 35px;}
    .evCon4 .video_wrap .panel_base li .point {gap: 1vmin;}
    .evCon4 .video_wrap .panel_base li .point li {font-size: clamp(14px, 2.2vmin, 20px); padding: 4vmin 0.5vmin;}

    .evCon5 .review_roll_wrap {margin-bottom: 7%;}
    .evCon5 .review_roll {height: 60px;}
    .evCon5 .review_roll .swiper-slide {font-size: clamp(14px, 2.6vmin, 24px);}
    .evCon5 .book_wrap {gap: 2vmin;}
    .evCon5 .book_wrap .book {margin-bottom: 7%;}
    .evCon5 .book_wrap .book .img {margin-bottom: 5%;}
    .evCon5 .book_wrap .book .btn a {font-size: clamp(15px, 2.4vmin, 22px); padding: 2vmin 0;}
    .evCon5 .swiper_tab_list .swiper_tab {font-size: clamp(15px, 2vmin, 18px); padding: 2vmin 0;}
    .evCon5 .book_roll .swiper-slide .book_img {padding: 4vmin 0 1vmin;}

    .evCon6 .evt_step {gap: 5vmin; margin-bottom: 5%;}
    .evCon6 .evt_step li {padding: 3vmin 0;}
    .evCon6 .evt_step li + li::before {left: -2.5vmin; width: 26px; height: 26px;}
    .evCon6 .evt_step li .num {font-size: clamp(14px, 2vmin, 18px); margin-bottom: 4%;}
    .evCon6 .evt_step li .ico {max-width: 36%; margin: 0 auto 4%;}
    .evCon6 .evt_step li .txt {font-size: clamp(14px, 2vmin, 18px);}
    .evCon6 .book_shop {gap: 1vmin; margin-bottom: 5%;}
    .evCon6 .book_shop li {flex: 1;}
    .evCon6 .book_shop li a {width: 100%;}
    .evCon6 .evt_btn {margin-bottom: 10%;}
    .evCon6 .evt_btn a {font-size: clamp(16px, 2.4vmin, 22px); padding: 2vmin 0;}
}
@media screen and (max-width: 768px){
    .evSection .tiny_txt {font-size: 11px;}
    .evSection .swiper-pagination-bullet {width: 10px; height: 10px;}

    .evCon2 .question_roll .swiper-slide {border-radius: 10px;}
    .evCon2 .question_roll .swiper-slide .tit {font-size: clamp(15px, 2.2vmin, 20px); padding: 1.5vmin 0;}
    .evCon2 .question_roll .swiper-slide .img {padding: 3vmin 1vmin;}

    .evCon4 .video_wrap .panel_base li .point {flex-direction: column;}
    .evCon4 .video_wrap .panel_base li .point li {width: 100%;}

    .evCon5 .book_roll .swiper-slide .book_img {flex-direction: column;}
    .evCon5 .book_roll .swiper-slide .book_img .img {max-width: 80%;}
    .evCon5 .book_roll .swiper-slide .book_img .img:first-child {padding-right: 2vmin;}
    .evCon5 .book_roll .swiper-slide .book_img .img:last-child {padding-left: 2vmin; margin-top: -5%;}
}
@media screen and (max-width: 576px){
    .evCon2 .btm_msg {border-radius: 10px;}
    .evCon2 .btm_msg::before {border-left-width: 10px; border-right-width: 10px; border-bottom-width: 20px;}
    .evCon2 .btm_msg .img {left: 2vmin; max-width: 34%;}
    .evCon2 .btm_msg p {margin-left: 40vmin;}

    .evCon4 .video_wrap .panel_base li .subtitle_line .text::before {width: 20px; height: 20px;}

    .evCon5 .book_wrap .book .img {width: 90%; margin: 0 auto;}
    .evCon5 .book_wrap .book .btn a {font-size: 13px; padding: 3vmin 0;}
    .evCon5 .swiper_tab_list {flex-direction: column; gap: 1vmin;}
    .evCon5 .swiper_tab_list .swiper_tab {border-radius: 5px;}

    .evCon6 .evt_info {flex-direction: column;}
    .evCon6 .evt_info .book {width: 64%;}
    .evCon6 .evt_info .txt {width: 100%; text-align: center;}
    .evCon6 .evt_step {flex-direction: column; gap: 8vmin;}
    .evCon6 .evt_step li + li::before {width: 20px; height: 20px; left: 50%; top: -4vmin; transform: translate(-50%, -50%) rotate(90deg);}
    .evCon6 .evt_step li .num {margin-bottom: 2%;}
    .evCon6 .evt_step li .ico {max-width: 14%;}
    .evCon6 .book_shop li a {padding: 0 16%;}
    .evCon6 .evt_book {font-size: 13px; padding: 10px 0; margin-bottom: 5%;}

    .mg_tb_form th, .mg_tb_form td {padding: 5px 3px;}
}