@charset "euc-kr";

:root {
    --point-color1:#FF3333;
    --pt-gradi-color:linear-gradient(to right, #00c6ff, #0072ff);
}
/* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */


.con_tit .end::after{background: #fff;opacity: 0.5;}/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.warningList li ul li a.tp1{background-color:#000; color:#fff;}


/* °øÅë */
.eventWrap .evSection{padding: 150px 0;}
.eventWrap .lecture { padding-bottom: 0 !important; background: #fff; } 
.evSection.evtoggleWarning{padding: 0 !important}


.evSection .fw-300{font-weight: 300 !important}
.evSection .fw-400{font-weight: 400 !important}
.evSection .fw-500{font-weight: 500 !important}
.evSection .fw-bold{font-weight: bold !important}
.evSection .fw-inh{font-weight: inherit !important}

.evSection .color-black{color: #111 !important}
.evSection .color-highlight{color: var(--point-color1) !important}
.evSection .color-highlight2{color: var(--point-color2) !important}
.evSection .color-highlight3{color: var(--point-color3) !important}
.evSection .con_tit {margin: 0 0 55px;line-height: 1.3;font-weight: bold;position: relative;z-index: 1;}
.evSection .con_tit + .mini_tit{opacity: 0.6;margin-bottom: 65px;margin-top: -40px;}
.evSection .mini_tit + .con_tit {margin: 13px -10px 60px;}

/* S: swiper template */
.eventWrap .swiper_basic1_wrap {position: relative}
.eventWrap .swiper-initialized {/* position: relative; *//* overflow: hidden; */}
.eventWrap .evCon_swiper_destroy .swiper-wrapper {gap: 10px;flex-wrap: wrap}
.eventWrap .evCon_swiper_destroy .swiper-slide {display: flex;flex: 1 0 calc(50% - 10px);justify-content: center}		
.eventWrap .evCon_swiper_destroy .swiper-pagination {display: none}

.eventWrap .swiper-pagination-bullet{background: #c4c4c4;}
.eventWrap .swiper-pagination-bullet-active{background: #000}
.eventWrap .dot_white .swiper-pagination-bullet{background: #fff}

.flt_inner.renewal.example li:not(.top) a{padding:0;background: none;}


/* ÁÖ¼® */
.eventWrap .tiny_noti.right{text-align: right;}
.eventWrap .tiny_noti.left{text-align: left;}




/* .evCon1 */
.eventWrap .evSection.evCon1 {padding: 180px 0 130px;background: #e8dcda url(https://image.megagong.net/m/2025/1020_tj/con_img1.png) no-repeat center 0;}
.evCon1 .inner{
    padding: 0 0 0 480px;
    text-align: left;
}
.evCon1 p {padding: 0 0 50px 81px;}
.evCon1 h3 {position: relative;margin: 0 0 30px 0px;}
.evCon1 .teacher_home {/* position: absolute; *//* bottom: 70px; *//* right: 225px; */margin: 0 0 0 97px;}

/* .evCon3 */
.eventWrap .evSection.evCon3 {background: #FFDBD7;}
.evCon3 .line_tit{margin: 0 0 50px;}
.evCon3 .line_tit i{
    background: none;
    border-top: 1px dashed #000;
    opacity: 0.5;
}
.evCon3 .line_tit span{
    padding: 0 20px;
}
.evCon3 .pr_review_swiper_wrap + h6{
    margin-top: 30px;
}
.evCon3 h6{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 0 30px;
}
.evCon3 h6 span{
    background: #fff;
    padding: 5px 12px 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 40px;
}
.evCon3 .pr_review_swiper .swiper-slide .review_con{
    height: 130px;
}


.evCon2 .pass_wrap {position: relative; background: #fff; text-align: left; font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}
.tech_list >.tit, .tech_comment >.tit, .tech_write >.tit, .tech_view >.tit, .tech_content .subtit, .teahome_cast_tit{line-height: 1;}
.evCon2 .btn_place a {display: block; max-width: 415px; margin: 0 auto;}

/* evCon4 */
.evCon4 .con_tit .end{top: -50px;}
.evCon4 {background: #7704ec;}
.evCon4 .gift_box{display: flex; align-items: center; justify-content: center; gap: 30px; margin: 10px 0 70px;}
.evCon4 .con_tit .end::after{background-color: #fc78ff; opacity: 1;}
.event .container_info {position: relative; padding: 50px 0 58px; margin: 0 245px 80px;}
.event .container_info::before {content: ''; position: absolute; top: 0; left: -500%; width: 1000%; height: 100%; background: #5f03bd;}
.event .container_info .info .info_title {width: 136px; line-height: 38px; font-weight: 500; font-size: 18px; background: none; background: #000; color: #fff;}
.event .container_info .info .info_date {font-weight: 500; font-size: 18px;}
.event .container_info .info .info_date .step{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.event .container_info .info .noti {color: #fc78ff ; margin-left: 5px; padding: 0;}
.event .container_info .info .noti::before {content: none;}

.evCon4 .how_box ul{display: flex; gap: 20px; margin: 0 0 50px;}
.evCon4 .how_box ul li{position: relative; aspect-ratio: 346/345; background: #fff; display: flex; flex-direction: column; align-items: center; padding: 0 10px; width: 100%;}
.evCon4 .how_box ul li .go_btn{margin: 25px 0 0; background: #121212; font-size: 14px; font-weight: 500; color: #fff; padding: 7px 20px; }
.evCon4 .how_box ul li:not(:last-child):after{position: absolute; content: ''; background: url(https://image.megagong.net/m/2024/1011_jinsyjin03/step_arrow.png) no-repeat center/cover; width: 39px; aspect-ratio: 1/1; right: -30px; top: 50%; transform: translateY(-50%); z-index: 1;}
.evCon4 .how_box ul li .txt_box {padding: 40px 0 0;}
.evCon4 .how_box ul li .txt_box .desc{ font-weight: 700; line-height: 1.4; margin: 20px 0 0; font-size: 18px;}
.evCon4 .tit_line {position:relative;margin-bottom:40px;line-height: 1;display: flex;align-items: center;justify-content: center}
.evCon4 .tit_line::before {content:'';display:block;width:100%;height:1%;background: #fff;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.evCon4 .tit_line span {position:relative; font-weight: 700; font-size: 26px; padding: 0 35px; color: #fff; background: #7704ec;}
.evCon4 .btn_n{display: flex; align-items: center; justify-content: center;}

/* °øÁö */

.eventWrap .evSection.evtoggleWarning { padding:0 } 
.evtoggleWarning p.w_tit { padding: 15px 0; } 
.evtoggleWarning p.w_tit i { font-style: inherit } 
.evtoggleWarning .not_bold { font-weight: 600 } 
.evtoggleWarning .warningList { padding: 70px 0 } 
.red_color { color: #e45c6c } 
.warningList li { text-indent: 0px } 
.warningList li ul li a { color: #f00 } 
.warningList .f_dash li.num { padding-left: 0; } 
.evSection.evtoggleWarning.on { background: #f8f8f8 } 

#event1 { background: linear-gradient(180deg, #e0c1ff 0%, #b267ff 100%); }
#event1 .container_info::before{display: none;}
#event1 .container_info .info .noti{color:#fff;}
#event1 .con_tit{margin-bottom:30px;}
#event1 .gift_list_wrap li .badge{background-color: #7704ec;}
#event1 .step_base_wrap .step_list li .box_area .label{color:#7704ec;}

@media screen and (max-width: 1340px){
    .evCon1 h3 .main_tit {margin: 0 -15%;}
    .evCon1 h3 .tea_home {bottom: 4vw; right: 14vw; max-width: 20%;}
}

@media screen and (max-width: 1200px){
    .eventWrap .evSection{padding: 15% 0;}
    .evSection .con_tit ,
    .evSection .mini_tit + .con_tit{margin: 0 auto 6%;}
    .evSection .con_tit .sub_tit {margin-top: 2%;}

    
/* .evCon1 */
.eventWrap .evSection.evCon1 {
    background-size: cover;
    padding: 15% 0 15%;
    background-position: 54% 0;
}
.evCon1 .inner{
    padding: 0 0 0 44vw;
}
    
.evCon1 p {padding: 0 0 8% 0;}
.evCon1 h3 {margin: 0 0 8% -8vw;}
.evCon1 .teacher_home {margin: 0 0 0 2%;}


    .evCon2 .btn_place a {max-width: 70%;}

.evCon3 .line_tit{margin:0 0 7%}
    .evCon3 h6 span{
    /* gap: 3px; */
    position: relative;
    padding: 12px 20px;
}
    .evCon3 h6 span img{
    position: absolute;
    top: -13px;
    left: 50%;
    margin: 0 0 0 -12px;
}
    
    .evCon4 .tit_line span{font-size: clamp(18px, 2.5vmin, 26px); padding: 0 10px;}
    .evCon4 .how_box ul li .txt_box .desc{font-size: clamp(14px, 2.2vmin, 18px);}

    .event .container_info, .event.evCon4 .container_info {padding: 5% 0 6%; margin: 0 auto 7%;}    
    .event .container_info .info .info_title {font-size: clamp(13px, 2vmin, 18px);}
    .event .container_info .info .info_date {font-size: clamp(13px, 2vmin, 18px);}

    
    /* °øÁö */
    .evtoggleWarning.on .warningList { padding: 30px 0 30px 10px } 
}

@media screen and (max-width: 992px){
    .evSection .con_tit strong {font-size: 40px;}

    .evCon1 h3 .sub_tit {font-size: 16px;}
    .evCon1 h3 .sub_tit b {font-size: 18px;}
}

@media screen and (max-width: 768px){
    .evSection .con_tit strong {font-size: 32px;}
    .evSection .con_tit .sub_tit {font-size: 18px;}
    .evCon1 .inner{padding: 0 0 0 41vw;}
    .evCon3 .pr_review_swiper .swiper-slide .review_tit{min-height: inherit;}
    .evCon3 .pr_review_swiper .swiper-slide .review_con{height: 147px;}
    .evCon4 .how_box ul{flex-direction: column; margin: 0 auto 20px; gap: 10px;}
    .evCon4 .how_box ul li:not(:last-child):after{right: auto; left: 50%; top: auto; bottom: -16px; width: 24px; transform: translate(-50%) rotate(90deg);}
    .evCon4 .how_box ul li{aspect-ratio: auto; padding: 20px 10px;}
    .evCon4 .how_box ul li .txt_box{padding: 0;}
    .evCon4 .how_box ul li .txt_box img{width: 130px;}
    .evCon4 .gift_box{gap: 5px; margin: 10px 0 40px;}
    
    .event .container_info .info .info_title {width: 110px; line-height: 2.2;}
    .event .container_info .info .info_date{text-align: center;}
}

@media screen and (max-width: 576px){
    .evSection .con_tit strong {font-size: 22px; letter-spacing: -0.06em;}
    .evSection .con_tit .sub_tit {font-size: 15px;}

    .evCon1 h3 .tea_home {bottom: 2vw;}
    .evCon1 h3 .sub_tit {font-size: 13px;}
    .evCon1 h3 .sub_tit b {font-size: 15px;}

    .tech_list >.tit, .tech_comment >.tit, .tech_write >.tit, .tech_view >.tit, .tech_content .subtit, .teahome_cast_tit {margin: 20px 0 15px; font-size: 14px;}
    .tech_list, .tech_comment, .tech_view, .tech_write{padding-bottom: 25px;}
    .bn_info_techPass li {font-size: 12px; line-height: 1.3;}

    
    .evCon4 .how_box ul li .txt_box img{width: 110px;}
    .evCon4 .btn_n{max-width: 75%; margin: 0 auto;}

    .event .container_info {display: block;}
    .event .container_info .info {flex-direction: column; align-items: center;}
    .event .container_info .info + .info {margin-top: 4%;}
}

.warningList li ul li a.tp1{background-color:#000; color:#fff;}