@charset "euc-kr";
:root { 
    --point-color1: #13A190; 
    --point-color2: #FEDD6B; 
    --point-color3: #42B094; 
    --point-color4: #C39A0D; 
} 

.con_tit .end::after { background: var(--point-color1); } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection .con_tit { margin:0 0 60px; line-height: 1.3; } 
.evSection .mini_tit { margin:0 auto 20px; opacity: 0.6; } 
.evSection .con_tit .point { color: var(--point-color1); } 
.evSection .con_tit .point2 { color: var(--point-color2); } 
.evSection { padding: 150px 0; } 
.clp-fs120 { font-size: 120px; } 


/*evCon1*/
.eventWrap .evSection.evCon1 { position:relative; padding: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0704_ysw7/evCon1_bg.png"); } 
.evCon1 .tea_img { position: relative; width: 100%; overflow:hidden; display: flex; align-items: center; justify-content: center; } 
.evCon1 .tea_img > img { max-width: unset; } 
.evCon1 .tea_img .img2 { position: absolute; left: 18%; top: 10%; } 
.evCon1 .teacher_home { position: absolute; top:380px; right: 25%; padding: 5px 20px; color:var(--point-color2); border-radius: 40px; border: 1px solid rgba(254, 221, 107, 0.70); } 
.evCon1 .teacher_home b { padding:0; width: 16px; height: 16px; font-size:11px; background-color: var(--point-color2); color:#083120; } 
.evCon1 .teacher_home i { background-color: var(--point-color2); } 
.evCon1 .con_tit_wrap { position: absolute; left: 50%; transform: translate(-50%); bottom: 12%; color:#fff; } 
.evCon1 .con_tit { margin: 0 auto 30px; line-height: 1; } 
.evCon1 .con_tit .mini_tit { display: block; font-weight: 400; opacity: 1; } 
.evCon1 .cir_tit { padding: 0 35px; margin: 30px auto 0; height: 58px; width: max-content; border-radius: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(2.5px); } 


/*evCon2*/
.evCon2 .tab_base_wrap { position: relative; width: 100%; } 
.evCon2 .tab_base_wrap .inner { position: static; } 
.evCon2 .arr_bg { position: relative; left: 0; z-index: 1; width: initial; max-width: calc(100% + 80px); display:flex; align-items: center; } 
.evCon2 .arr_bg > img { width: initial; max-width: unset; } 
.evCon2 .arr_bg > img:nth-child(1) { height: 100px; } 
.evCon2 .tab_base { position: absolute; width:100%; height:100px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:2; display: flex; align-items: stretch; justify-content: center; } 
.evCon2 .tab_base li { flex: 1 0 0; background-color: transparent; } 
.evCon2 .tab_base li a { color:#446C68; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.evCon2 .tab_base li.on a { border-top: 4px solid var(--point-color1); border-right: 1px solid var(--point-color1); border-left: 1px solid var(--point-color1); background: #FFF; color:var(--point-color1); } 
.evCon2 .panel_base { margin-top: -35px; } 
.evCon2 .panel_base > li { padding: 60px 0; border-radius: 0px 0px 40px 40px; border-right: 1px solid var(--point-color3); border-bottom: 1px solid var(--point-color3); border-left: 1px solid var(--point-color3); background: #FFF; } 
.evCon2 .chk_list { display: flex; flex-direction: column; gap: 15px; padding: 0 60px; } 
.evCon2 .chk_list li { display: flex; gap: 12px; text-align: left; } 
.evCon2 .chk_list li::before { content: ""; margin:5px 0 0; display: block; width: 18px; height: 16px; background-image: url("https://image.megagong.net/m/2025/0704_ysw7/chk.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; } 


/*evCon3*/
.evCon3 .con_tit { position:relative; } 
.evCon3 .con_tit .evt_badge.type-2 { left: auto; top: -30px; right: -57px; z-index: 2; width: 160px; height: 160px; background: var(--point-color4); } 
.evCon3 .con_tit .evt_badge.type-2 .txt1 { color: #2EFBE3; } 
.evCon3 .sub_tit { position: relative; } 
.evCon3 .sub_tit::before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #111111; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.evCon3 .sub_tit > span { position: relative; padding: 0 15px; margin: 50px auto; background-color: #E6E6E6; display: block; width: max-content; } 
.evCon3 .sub_tit > img { position: absolute; top: 0%; right: -100px; transform: translateY(-50%); z-index: 2; } 


/*evCon4*/
.eventWrap .evSection.evCon4 { background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0704_ysw7/evCon4_bg1.png"); } 
.eventWrap .evSection.evCon4.active { background-image: url("https://image.megagong.net/m/2025/0704_ysw7/evCon4_bg2.png"); } 
.evCon4 .tab_base { display: flex; align-items: stretch; justify-content: center; } 
.evCon4 .tab_base li { flex: 1 0 0; } 
.evCon4 .tab_base li a { width: 100%; height: 100%; padding: 24px 0; background: #454545; color:#B4B4B4; display: flex; flex-direction: column; gap: 2px; align-items: center; justify-content: center; cursor: pointer; } 
.evCon4 .tab_base li.on a { background: var(--point-color1); color:#fff; } 
.evCon4 .panel_base > li { padding: 70px 0 0; } 
.evCon4 .panel_base > li .flex { display: flex; justify-content: flex-end; align-items: center; min-height: 680px; } 
.evCon4 .book_wrap { position: absolute; left: -50px; } 
.evCon4 .point_wrap { display: flex; flex-direction: column; gap: 14px; } 
.evCon4 .point_wrap > li { display: flex; height: 140px; width: 480px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; align-self: stretch; border-radius: 120px; border: 1px solid var(--point-color1); background: #FFF; } 
.evCon4 .panel_base > li:nth-child(2) .point_wrap > li { height: 180px; border:1px solid var(--point-color4); } 
.evCon4 .point_wrap .tit { color:var(--point-color1); font-weight: bold; } 
.evCon4 .panel_base > li:nth-child(2) .tit { color:var(--point-color4); } 
.evCon4 .point_wrap .det { color:#535353; font-weight: 400; } 
.evCon4 .panel_base .evt_con_base.xs { display: block; font-size: 12px; margin: 14px 0 0; } 
.evCon4 .btn-base.xl > * { min-width: 367px; } 


/*evCon5*/
.eventWrap .evSection.evCon5 { background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0704_ysw7/evCon5_bg.png"); } 
.evCon5 .two_box { display: flex; justify-content: center; align-items: stretch; gap:20px; } 
.evCon5 .two_box .box { position: relative; flex: 1 0 0; padding: 40px 45px; border-radius: 10px; border: 1px solid #BFBFBF; background: rgba(255, 255, 255, 0.60); } 
.evCon5 .two_box .evt_badge.type-2 {left: auto;top: -55px;right: -57px;z-index: 2;width: 160px;height: 160px;background: var(--point-color4);font-weight: 700;display: flex;justify-content: center;align-items: center;position: absolute;color: #fff;border-radius: 50%;flex-direction: column;cursor: pointer;} 
.evCon5 .two_box .evt_badge.type-2 .txt1 { color: #2EFBE3; } 


.evCon5 .box .cir_tit { margin: 0 auto; border-radius: 22px; background: #2D2D2D; display: flex; width: 121px; height: 33px; justify-content: center; align-items: center; color:#fff; } 
.evCon5 .box .s_tit { margin: 20px auto 10px; color:#686868; font-weight: 400; } 
.evCon5 .box .m_tit { font-weight: bold; } 
.evCon5 .box .bottom { margin: 25px auto 0; padding: 38px 30px; border-radius: 10px; background: #EBFFE7; } 
.evCon5 .box .bottom .underline { text-decoration: underline; color:var(--point-color1); } 
.evCon5 .box:nth-child(2) .bottom { background-color:#FFFBCB; } 
.evCon5 .box:nth-child(2) .bottom .underline { color:var(--point-color4); } 
.evCon5 .box .det { padding: 32px 0; line-height: 1.5; } 
.evCon5 .box .btn { margin:0 auto; display: flex; height: 30px; width: 120px; justify-content: center; align-items: center; border-radius: 3px; border: 1px solid #DEDEDE; background: #FFF; } 
.evCon5 .bnr { margin: 70px auto 0; padding: 35px 60px; background-color: var(--point-color2); color:#003181; display: flex; align-items: center; justify-content: space-between; text-align: left; } 
.evCon5 .bnr .m_tit { margin: 5px 0 0; font-weight: 900; } 
.evCon5 .bnr .btn { display: flex; width: 195px; height: 38px; justify-content: center; align-items: center; border-radius: 70px; border: 2px solid #003181; font-weight: 900; } 



/*evCon6*/
.evCon6 { background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0704_ysw7/evCon6_bg.png"); color:#fff; } 
.evCon6 .review .mega_slick { display: flex; flex-direction: column; gap: 16px; } 
.evCon6 .review .item { display: flex; height: 214px; padding: 36px 80px; align-items: center; align-self: stretch; border-radius: 20px; background: #FFF; text-align: left; color: #000000; gap: 40px; background-position: top right; background-size: initial; background-repeat: no-repeat; background-image: url("https://image.megagong.net/m/2025/0704_ysw7/quote.png"); } 
.evCon6 .review .tit { margin: 0 0 25px; font-weight: bold; } 
.evCon6 .review .det { color: #515151; line-height: 1.55; } 
.evCon6 .evt_con_base.xs { color:#fff; margin: 20px 0 0; opacity: 0.7; text-align: right; } 


/*event1*/
#event1 { background: linear-gradient(180deg, var(--point-color2) 0%, var(--point-color1) 100%); } 
#event1 .mini_tit { margin:0 auto 30px; color:#39827F; line-height: 1.3; } 
#event1 .btn-base-wrap { margin:30px auto 60px; } 
#event1 .regist_form_area { position: relative; } 
#event1 .check-base { position: absolute; bottom: 13px; right: 40px; } 

.container_info .info .noti { color:#000; opacity: 0.6; } 
.gift_list_wrap li .badge { background-color: var(--point-color1); } 
.step_base_wrap .step_list li .box_area .label.c_blue { color:var(--point-color1); } 
.step_base_wrap .hashtag { color:var(--point-color1); } 
.share_link_wrap { margin-bottom: 0; } 
.regist_form_area { background-color:var(--point-color1); border-radius: 3px 3px 0 0; } 
.comment_base_wrap .comment_list { margin-top:0; border-radius: 0 0 3px 3px; padding: 0; } 
.comment_list .board-list-wrap { padding: 30px 40px; } 
.gift_list_wrap li { padding: 83px 0 25px; } 
.gift_list_wrap li .name { margin-top: 60px; } 


.evtoggleWarning { padding: 0 !important; } 

@media screen and (max-width: 1200px){
    .evSection { padding: 12% 0; } 
    .evSection .con_tit { margin: 0 auto 5vmin; } 
    .evSection .mini_tit { margin: 0 0 3vmin; } 
    .clp-fs120 { font-size: clamp(40px, 7.7vmin, 70px); } 


    /*evCon1*/
    .evCon1 .teacher_home { top: 39%; right: 5%; } 
    .evCon1 .tea_img .img1 { width: 280%; } 
    .evCon1 .tea_img .img2 { width: 23%; left: 3%; } 
    .evCon1 .con_tit .mini_tit + strong { display:block; width: max-content; } 
    .evCon1 .cir_tit { margin: 3vmin auto 0; padding: 1vmin 5vmin; height: auto; font-size: clamp(14px, 3.1vmin, 26px); } 


    /*evCon2*/
    .evCon2 .arr_bg { position: absolute; height: 100%; width: 100%; } 
    .evCon2 .arr_bg > img { width: 100%; } 
    .evCon2 .arr_bg > img:nth-child(1) { height: 100%; max-width: unset; width: 100%; } 
    .evCon2 .arr_bg > img:nth-child(2) { display:none; } 
    .evCon2 .tab_base { top: 0; position: relative; left: 0; transform: translate(0, 0); height: auto; } 
    .evCon2 .tab_base li a { padding: 3vmin 0; } 
    .evCon2 .panel_base { margin-top: 0; } 
    .evCon2 .panel_base>li { padding: 8vmin 6vmin; border-radius: 0px 0px 10px 10px; } 
    .evCon2 .chk_list { padding: 0; font-size: clamp(15px, 2.6vmin, 20px); } 


    /*evCon3*/
    .evSection.evCon3 .con_tit { width: max-content; } 
    .evCon3 .sub_tit > span { margin: 8vmin auto; } 
    .evCon3 .con_tit .evt_badge.type-2 {width: clamp(96px, 20vmin, 134px);height: clamp(96px, 20vmin, 134px);top: unset;bottom: 96%;right: 0;} 
    .evCon3 .sub_tit>img { display: none; } 


    /*evCon4*/
    .evCon4 .tab_base li a { padding: 4vmin 0; } 
    .evCon4 .panel_base>li {padding: 7vmin 0 0;} 
    .evCon4 .panel_base>li .flex { justify-content: center; min-height: unset; } 
    .evCon4 .book_wrap { position: static; width: 45%; } 
    .evCon4 .book_wrap img { width: 100%; } 
    .evCon4 .point_wrap { align-items: stretch; } 
    .evCon4 .point_wrap>li {width: 100%;padding: 4vmin 3vmin;height: auto;} 
    .evCon4 .panel_base > li:nth-child(2) .point_wrap > li { height: auto; } 


    /*evCon5*/
    .eventWrap .evSection.evCon5 {background-image:none;}
    .evCon5 .two_box .evt_badge.type-2 {width: clamp(96px, 20vmin, 134px);height: clamp(96px, 20vmin, 134px);top: -6%;right: -1%;} 


    /*event*/
    #event1 .mini_tit { margin: 0 auto 3vmin; } 
    #event1 .btn-base-wrap { margin:3vmin auto 5vmin; } 
    .gift_list_wrap li { padding: 35px 0 25px; } 
    .gift_list_wrap li .name { margin-top: 20px; } 
    .comment_list .board-list-wrap { padding: 20px; } 
}

@media screen and (max-width: 992px) { 
    /*evCon3*/
    .evSection.evCon3 .con_tit { width: 100%; } 

    /*evCon4*/
    .evCon4 .panel_base>li .flex { display: block; } 
    .evCon4 .book_wrap { width: 64%; margin: 0 auto 8vmin; } 
    .evCon4 .book_wrap img { position: relative; left: 5%; } 
    .evCon4 .point_wrap > li { border-radius: 10px; } 

    /*evCon5*/
    .evCon5 .two_box { flex-direction: column; } 
    .evCon5 .two_box .box { padding: 8vmin 5vmin; } 
    .evCon5 .box .bottom {padding: 5vmin;} 
    .evCon5 .box .det { padding: 5vmin 0; } 
    .evCon5 .bnr { margin: 8vmin auto 0; padding: 8vmin 5vmin; flex-direction: column; gap: 4vmin; text-align: center; } 
    .evCon5 .bnr .btn { width: max-content; height: auto; padding: 1vmin 10vmin; } 
}

@media screen and (max-width: 768px){
    .eventWrap .evSection .slick-dots { margin:15px 0 0; display:flex; align-items: center; justify-content: center; gap:10px; } 
    .eventWrap .evSection .slick-dots li { width: 8px; height: 8px; border-radius: 100%; background-color: #bfbfbf; } 
    .eventWrap .evSection .slick-dots li button { font-size: 0; } 
    .eventWrap .evSection .slick-dots li.slick-active { background-color: #000; } 

    /*evCon1*/
    .evCon1 .tea_img { width: 100%; } 
    .evCon1 .tea_img .img2 { top: 5%; width: 26%; } 
    .evCon1 .teacher_home { top: 8%; right: 1%; padding: 0.5vmin 2.5vmin; } 
    
    /*evCon2*/
    .evCon2 .img_wrap .show-768 { width:100%; } 
    .evCon2 .chk_list li::before { width: 15px; height: 9px; } 

    /*evCon6*/
    .evCon6 .review .mega_slick { display: block; } 
    .evCon6 .review .item { padding: 8vmin 5vmin; min-height: clamp(215px, 34vmin, 298px); background-image: none; text-align:center; } 
    .evCon6 .review .item img { display:none; } 
    .evCon6 .review .det br { display:none; } 
    .evCon6 .evt_con_base.xs { text-align: center; } 
    
    /*event*/
    .gift_list_wrap li .img img { max-width: unset; width: 80%; } 
}


@media screen and (max-width: 576px) { 
    /*evCon2*/
    .evCon2 .img_wrap .show-768 {width: initial; margin: 5% auto 0;}
    
    /*evCon3*/
    .evCon3 .con_tit .evt_badge.type-2 {display:none;}

    /*event*/
    #event1 .check-base { right: unset; left: 20px; bottom: 14px; } 
 }