@charset "euc-kr";

/* setting */
/* common */
.mo_for { display: none; } 
.eventWrap .con_tit{margin-bottom: 100px;}
.tiny { font-size: 13px; color: #999; margin-top: 6px; text-align: right; position: absolute; right: 0; top: 0; } 
.flt_inner.renewal li{margin-top: 0;}
.flt_inner.renewal li:last-child{margin-top: 10px;color: #3686f9;font-size: 13px;text-align: center;}

/*evCon1*/
.evCon1 {background: #ffd7df url(https://image.megagong.net/m/2023/0418_tpass/gong/con1_bg.jpg) no-repeat center top;position:relative;text-align: center;padding: 150px 0 450px;} 
.evCon1 h3 { position: relative; } 
.evCon1 h3 strong {display: block;margin-bottom: 60px;margin-left: -100px;} 
.evCon1 h3 span { display: block; } 
.d0808 .evCon1 h3 strong { display: block; margin-bottom: 60px; margin-left: 0;} 

/* fix_ban */
.fix_ban {transition: 1s ease; position:absolute;bottom: 100px;left: 50%;width: 1080px;z-index:5;background: rgba(51, 135, 249, 0.902);transform: translateX(-50%);display: flex;align-items: center;height: 110px;justify-content: space-between;} 
.fix_ban.on { position:fixed; bottom: 65px; z-index:5; } 
.fix_ban .tiny{position: relative;font-size: 10px;color: #fff;opacity: .7;margin: 0;right: auto;top: auto;letter-spacing: normal;text-align: left;font-weight: 100;}
.fix_ban .date{width: 17%;background: #222;color: #fff;height: 100%;padding: 29px 0;font-size: 19px;}
.fix_ban .top_stxt{font-size: 17px;font-weight: 500;}
.fix_ban .point {font-size: 23px;margin: 0 34px;color: #fff;letter-spacing: -0.08em;text-align: left;} 
.fix_ban .point span {color: #000;} 
.fix_ban .point .mo{display: none;}
.fix_ban a {width: 205px;height: 70px;font-size: 22px;z-index:3;background: #232323;border-radius: 40px;color: #fff;font-weight: bold;text-align: center;line-height: 70px;margin-right: 40px;} 
.fix_ban a i { display: inline-block; background: url(https://image.megagong.net/m/2022/0426_tpass/con_img5.png) no-repeat center center; font-size: 0; width: 15px; height: 20px; vertical-align: middle; margin: -3px 0 0 10px; } 
.d0808 .fix_ban .point { font-size: 24px; text-align: center; /*line-height: 1.1;*/ }
.d0808 .fix_ban .point i { font-size: 18px; font-style: normal; font-weight: 400; }

.evCon2 {position: relative;background: #ffd7df;padding: 30px 0 150px;} 
.evCon2 .con_tit, .evCon4 .con_tit{margin-bottom: 70px;}
.evCon2::before { content: ''; display: block; position: absolute; right: 50%; margin-right: -645px; top: -100px; background: url(https://image.megagong.net/m/2022/0426_tpass/con_img23.png) no-repeat center; width: 79px; height: 85px; } 
.evCon2 ul {display: flex;justify-content: space-between;flex-wrap: wrap;} 
.evCon2 ul li {margin: 0 15px;} 

.evCon3 {position: relative;background: #a4cefe;padding: 150px 0 0;} 
.evCon3::before { content: ''; position: absolute; top:0; left:0; width: 100%; height: 640px; background: #fff; } 
.evCon3 .big_tea { margin: 0 -70px; } 
.evCon3 .big_tea .mo { display:none } 
.evCon3 .all_tea_list { margin: 100px -50px 0; } 
.evCon3 .all_tea_list li { float: left; margin-right: 30px; margin-bottom: 30px; min-height: 193px; } 
.evCon3 .all_tea_list li span { display: block; font-size: 15px; font-weight: 700; } 
.evCon3 .all_tea_list li span.cls { margin-top: 10px; } 
.evCon3 .all_tea_list li:nth-child(8n) { margin-right: 0; } 
.evCon3 .all_tea_box { margin-top: 100px; } 
.evCon3 .all_tea_box h4 { margin-bottom: 90px; } 

.evCon4 {position: relative;background: #222222;padding: 150px 0;} 
.evCon4 .con_subtit { margin: 70px 0 40px; background: #ff4150; border-radius: 8px; } 
.evCon4 .wrap {display: flex;justify-content: space-between;flex-wrap: wrap;} 
.evCon4 .wrap li {margin: 0 10px;} 
.evCon4 .wrap.benefit { padding: 0 90px; } 
.evCon4 .wrap.benefit li { width: 49%; } 

.lecture_whtwrp .lecture { padding: 30px 0 135px!important; } 
.lectlist .lect_item .listTitle .icon,.lectlist.ver2 li .listTitle .subTxt,.lectlist .lect_item .listTitle .subject,.lectlist .lect_item .listTitle .subNoti { text-align: left; } 
.bnRoll { margin-top: 30px; } 

.evCon4 .content-wrap { margin: 70px 0 0; border-radius: 10px; overflow: hidden; } 
.evCon4 .content-wrap h5 {background: #3686f9;font-size: 22px;color: #fff;font-weight: normal;padding: 9.5px 0;} 
.evCon4 .content-wrap .content {background: #393939;padding: 35px 0 30px;} 

/*cautn*/
.evt_cautn { padding: 80px 0 0; font-size: 13px; color: #9a9a9a; text-align: left; } 
.evt_cautn dl { width: 1080px; margin: 0 auto; font-weight: normal; } 
.evt_cautn dl p { font-size: 15px; background: #242424; color: #676767; padding: 16px 19px; } 
.evt_cautn dl dt { margin: 26px 0 9px 20px; font-weight: bold; } 
.evt_cautn dl dd { margin:0 0 9px 20px; padding-left:10px; position: relative; font-weight: 200; } 
.evt_cautn dl dd::before { content: ''; display: block; width: 4px; height: 1px; background: #9a9a9a; position: absolute; left: 0; top:10px; } 
.evt_cautn dl a { color: #fff; font-weight: bold; border: 1px solid #9a9a9a; padding: 2px 5px; } 

.dim_popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.dim_popup .dim_bg {width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.3);}
.dim_popup .popup_wrap {position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
.dim_popup .popup_wrap .popup_content {position: relative; background: #fff; border: 3px solid #222; border-radius: 20px; box-shadow: 10px 10px rgba(0, 0, 0, 0.08); padding: 25px; padding-top: 40px; min-width: 230px;}
.dim_popup .popup_wrap .popup_content .popup_close {position: absolute; top: 14px; right: 16px; font-size: 0; width: 12px; height: 12px; background-image: url(https://image.megagong.net/m/2023/1205_tpass/popup_close.png);}
.dim_popup .popup_wrap .popup_content > div {font-weight: bold; font-size: 17px; margin-bottom: 30px;}
.dim_popup .popup_wrap .popup_content .highlight {color: #3387f9;}
.dim_popup .popup_wrap .popup_content i {display: block; font-weight: bold; font-size: 14px; background: #222; border-radius: 10px; color: #fff; padding: 12px 0;}

@media (max-width:1200px){
    .tiny { font-size: 10px; } 

    /* common */
    .eventWrap h4 { margin-bottom: 7%; } 
    .evCon2 .con_tit, .evCon4 .con_tit{margin-bottom: 5% !important;}
    .eventWrap .con_tit{margin-bottom: 10%;}
    .evt_cautn { padding: 5% 0; } 
    
    .evCon1 {background-size: auto 100%;padding: 15% 0 30%;} 
    .evCon1 h3 strong,
    .d0808 .evCon1 h3 strong{margin-bottom: 6%;margin-left: 0;}
    .evCon1 h3 span{margin: 0 10%;}

    .fix_ban {width: 100%;margin: 0 auto;left: auto;height: auto;bottom: 4%;transform: translateX(0);} 
    .fix_ban .date{padding: 3vw 0;font-size: 16px;}
    .fix_ban .point,.d0808 .fix_ban .point{font-size: 21px;margin: 0;}
    .d0808 .fix_ban .point i { font-size: 16px; }
    .fix_ban .point .top_stxt{font-size: 15px;}
    .fix_ban a{width: 18%;font-size: 17px;height: 50px;line-height: 50px;margin-right: 1vw;}

    .evCon2 {padding: 3% 0 15%;} 
    .evCon2 ul li {margin: 0;width: 32%;} 

    .evCon3 {padding: 15% 0 0;} 
    .evCon3::before { height: 30%; } 
    .evCon3 .big_tea { margin: 0 auto; } 
    .evCon3 .all_tea_list { margin: 10% auto 0; } 
    .evCon3 .all_tea_list li { width: 12%; margin-right: 0.5714%; min-height: 177px; } 
    .evCon3 .all_tea_list li span { font-size: 11px; } 
    
    .evCon3 .all_tea_box { margin-top: 12%; } 
    .evCon3 .all_tea_box h4 {margin-bottom: 9%;} 

    .evCon4 {padding: 15% 0;} 
    .evCon4 .wrap { padding: 0; } 
    .evCon4 .wrap li {width: 32%;margin: 0;} 
    .evCon4 .wrap li:last-child { margin-right: 0; } 
    .evCon4 .con_subtit { margin: 8% 0 5%; } 
    .evCon4 .wrap.benefit { padding: 0 14%; } 


    .evt_cautn dl p { padding: 2%; } 
    .evt_cautn dl { width: 96%; } 
    .evt_cautn dl dt { margin: 3% 0 5px; } 
    .evt_cautn dl dd { margin-bottom: 5px } 
}

@media (max-width: 992px){
    .mo_for { display: block; } 
    .evCon3 .all_tea_list li { min-height: 171px; } 
}
@media (max-width:820px){
    .evCon3 .all_tea_list li { min-height: 151px; } 
}
@media (max-width: 768px){
    .evCon2 p { overflow: hidden; } 
    .evCon2 p img { margin-bottom: -15%; } 

    .fix_ban .date {padding: 3vw 5px;width: 17%;font-size: 14px;} 
    .fix_ban .point .top_stxt{font-size: 13px;}
    .fix_ban .point,.d0808 .fix_ban .point {font-size: 17px;} 
    .d0808 .fix_ban .point i { font-size: 14px; }
    .fix_ban a {line-height: inherit;border-radius: 15px;padding: 7px 2px;font-size: 13px;height: auto;width: 15%;} 
    .fix_ban a i{max-width: 10%;background-size: contain;}
    .fix_ban .point .mo{display: block;}

    .evCon3 .big_tea .pc { display:none } 
    .evCon3 .big_tea .mo { display:block } 
    .evCon3 .all_tea_list li span { font-size: 10px; } 

    .evCon3 .all_tea_list li { min-height: 141px; } 

    .evCon4 .content-wrap .content {padding: 5% 10% 3%;} 
    .evCon4 .content-wrap h5 { font-size: 18px; } 
    .evCon4 .content-wrap .content .price li { width: 49%; vertical-align: top; } 
    .evCon4 .content-wrap .content .price li:first-child { margin: 0 1% 0 0; } 
    .evCon4 .content-wrap .content .price li .box { padding: 30px 0; } 
    .evCon4 .content-wrap .content .price li .box .txt { font-size: 15px; } 
    .evCon4 .content-wrap .content .price li .box .txt strong { font-size: 19px; } 
    .evCon4 .content-wrap .content .price li .box .btn { font-size: 15px; width: 150px; padding: 5px 0; margin: 8px 0 0; } 
    .evCon4 .content-wrap .content .price li .tiny_noti { font-size: 12px; margin: 7px 0 0; } 
    .evCon4 .content-wrap .content .info { width: 100%; } 
    .evCon4 .content-wrap .content .info li { font-size: 12px; } 
}
@media (max-width:576px){
    .fix_ban .date{width: 18%;padding: 3.5vw 5px;}
    .fix_ban .point .top_stxt{font-size: 11px;}
    .fix_ban.on {bottom: 55px;} 
    .fix_ban .point,.d0808 .fix_ban .point{font-size: 15px;}
    .d0808 .fix_ban .point i { font-size: 12px; }
    .evCon2 ul li:first-child {margin: 0 24.5%;} 
    .evCon2 ul li{width: 49%;} 
    .evCon2 ul li img{width: 90%;}

    .evCon3 .all_tea_list li { width: 19.5%; margin-right: 0.625%; margin-bottom: 2%; min-height: 155px; } 
    .evCon3 .all_tea_list li:nth-child(8n) { margin-right: 0.625%; margin-bottom: 2%; } 
    .evCon3 .all_tea_list li:nth-child(5n) { margin-right: 0 } 
    .evCon3 .all_tea_list li span.cls { margin: 5px 0 0; } 
    .evCon4 .con_subtit img { width: 35%; } 

    .evCon4 .wrap li:first-child {margin: 0 24.5% 3%;} 
    .evCon4 .wrap li{width: 49%;margin: 0;} 
    .evCon4 .wrap li img{width: 90%;}
    .evCon4 .content-wrap h5 { font-size: 16px; padding: 7px 0; } 
    .evCon4 .content-wrap .content .price li .box { padding: 20px 0; } 
    .evCon4 .content-wrap .content .price li .box .txt { font-size: 13px; } 
    .evCon4 .content-wrap .content .price li .box .txt strong { font-size: 17px; } 
    .evCon4 .content-wrap .content .price li .box .btn { font-size: 14px; width: 125px; } 
    .evCon4 .content-wrap .content .info { padding: 15px 7px; margin: 20px 0 0; } 

    .mg_info_wrap .info_list li { font-size: 12px; } 
}

@media (max-width:480px){
    .evCon1{padding-bottom: 45%;}

    .fix_ban .tiny{position: absolute;right: -4%;top: -1px;transform: scale(.7);}
    .fix_ban {display: block;text-align: left;padding: 3.5vw 0 2vw;}
    .fix_ban .date {display: block;padding: 3px 0;background: #000;color: #fff;text-align: center;border-radius: 30px;margin: 0 auto 7px;width: 210px;font-size: 12px;}
    .fix_ban .date br{display: none;}
    .fix_ban .point,.d0808 .fix_ban .point {text-align: center;margin: 0;display: inline-block;width: 100%;font-size: 15px;} 
    .fix_ban a {padding: 1.5% 0;font-size: 12px;background: #333;border-radius: 10px;width: 80%;margin: 7px auto 0;display: block;} 
    .fix_ban a i{max-width: 3.5%;background-size: contain;}
   
    .evCon3 .all_tea_list li { min-height: 137px; } 
    .evCon4 .content-wrap h5{font-size: 14px;}

    .dim_popup .popup_wrap .popup_content {padding: 4%; padding-top: 8%;}
    .dim_popup .popup_wrap .popup_content > div {font-size: 14px; margin-bottom: 6%;}
    .dim_popup .popup_wrap .popup_content i {font-size: 12px;}
}