@charset "euc-kr";

/* bg url: https://image.megagong.net/m/2023/ */

/* settings */
.evSection {padding: 160px 0;}
.evSection .con_tit {margin: 0 auto 60px;}
.evSection .con_tit strong {font-weight: normal; font-size: 47px; line-height: 1.2;}
.evSection .con_tit strong .highlight {font-weight: 900; background: -moz-linear-gradient(90deg, #7f00ff 0%, #222 50%, #e100ff 100%); background: -webkit-linear-gradient(90deg, #7f00ff 0%, #222 50%, #e100ff 100%); background: linear-gradient(90deg, #7f00ff 0%, #222 50%, #e100ff 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.evSection .con_tit .sub_tit {font-weight: bold; font-size: 22px; margin-top: 20px;}
.evSection .w{color: #fff !important;}
.evSection .ebo{font-weight: 900 !important;}
.evSection .nm{font-weight: 400 !important;}
.evSection .mc{color: #fc78ff !important;}

/* .evCon1 */
.evCon1 {padding: 60px 0 230px; background: #d3d0ff url(https://image.megagong.net/m/2023/1110_jinsyjin03/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 h3 {position: relative;}
.evCon1 h3 .main_tit {position: relative; margin: 0 -300px;}
.evCon1 h3 .tea_home {position: absolute; bottom: 70px; right: 225px;}
.evCon1 h3 .sub_tit {position: absolute; bottom: 60px; left: 50%; transform: translate(-50%, 100%); font-weight: 300; font-size: 18px;}
.evCon1 h3 .sub_tit b {font-size: 20px;}

/* .evCon2 */
.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;}

/* .evCon3 */
.evCon3 {background: #f3dffd;}
.evCon3 .tab_base {display: flex; gap: 2px;}
.evCon3 .tab_base li {flex: 1;}
.evCon3 .tab_base li a {display: block; font-weight: bold; font-size: 26px; background: #fff; color: #bbb; padding: 30px 0;}
.evCon3 .tab_base li.on a {background: #000; color: #fff;}
.evCon3 .lecture {background: #fff; padding-bottom: 0 !important;}
.evCon3 .vodchr_banner {margin: 0; padding: 0;}


/* 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){
    .evSection {padding: 10% 0;}
    .evSection .con_tit {margin: 0 auto 6%;}
    .evSection .con_tit .sub_tit {margin-top: 2%;}

    .evCon1 {padding: 6% 0 10%;}
    .evCon1 h3 .tea_home {right: 16vw;}
    .evCon1 h3 .sub_tit {position: unset; transform: none;}

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

    .evCon3 .tab_base li a {font-size: 20px; padding: 2vw 0;}

    .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;}

    .evCon3 .tab_base li a {font-size: 16px;}
    
    .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;}

    .evCon3 .tab_base li a {font-size: 14px;}
    
    .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;}