@charset "euc-kr";

/* bg url: https://img.megagong.net/m/2022/ */

.eventWrap .evSection.evCon1{background-image:url(https://img.megagong.net/m/2022/0704_zzangyoo/con1_bg.jpg);overflow:hidden;}
.evCon1 .c1_tea{position:relative;left:276px;}
.evCon1 .c1_tea a{position:absolute;display:block;width:18%;height:4%;right:13%;top:47%;font-size:0;background-color:gold;opacity:0;}
.evCon1 .c1_tit{position:absolute;left:-156px;top:306px;}
.evCon1 .c1_txt{position:absolute;left:0;top:105px;}
.evCon1 .c1_txt .line{display:block;height:34px;width:1000px;position:absolute;left:-1000px;}
.evCon1 .c1_txt .line.line1{top:0;background-color:#fda7c8;}
.evCon1 .c1_txt .line.line2{top:41px;background-color:rgba(255, 255, 255, 0.23);}
.evCon1 .c1_txt .line.line3{top:82px;background-color:rgba(255, 255, 255, 0.23);}

.evCon2, .evCon3, .evCon4, .evCon5, .evCon6, .evCon7, .evCon8{padding:140px 0 150px;}

.evCon2{background-color:#efefef;}
.evCon2 .c2_txt{margin:60px auto 0;}

.evCon3{background-color:#29b884;position: relative;}
.evCon3:before{content:'';display:block;width:100%;height:40.5%;background-color: #fff;position:absolute;left:0;bottom:0;}
.evCon3 .c3_tit{position:relative;margin:0 auto;width:1180px;left:-50px;}
.evCon3 .video_wrap{margin:69px auto 0;width:1000px;}
.evCon3 .video_wrap dt{overflow:hidden;width:100%;}
.evCon3 .video_wrap dt .video_box{position: relative;}
.evCon3 .video_wrap dt::after{content: "";display: block;clear: both;}
.evCon3 .video_wrap dt .video_box img {width:100%;height:100%;}
.evCon3 .video_wrap dt .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 56.5%;background: #222;overflow: hidden;}
.evCon3 .video_wrap dt .video_box.none{padding-bottom:0;background: none;}
.evCon3 .video_wrap dt .video_box .play_area{width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.evCon3 .video_wrap dt .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.evCon3 .video_wrap dd{width:1080px;position:relative;left:-40px;}
.evCon3 .c3_txt{margin:21px auto 0;width:1000px;position:relative;}

.evCon4{background-color: #fda7c8;overflow:hidden;}
.evCon4 .c4_book{width:100%;margin-top:60px;}
.evCon4 .c4_book:after{content:'';display:block;clear:both;}
.evCon4 .c4_book li{float:left;margin-left:30px;}
.evCon4 .c4_book li:first-child{margin-left:0;}
.evCon4 .c4_slide{margin-top:60px;}
.evCon4 .slick-arrow{display:block;width:30px;height:50px;position:absolute;top:50%;z-index:1;transform:translateY(-50%);font-size:0;}
.evCon4 .slick-arrow.slick-prev{left:-55px;background:url(https://img.megagong.net/m/2022/0704_zzangyoo/btn_arrow_l.png) 0 0 no-repeat;}
.evCon4 .slick-arrow.slick-next{right:-55px;background:url(https://img.megagong.net/m/2022/0704_zzangyoo/btn_arrow_r.png) 0 0 no-repeat;}
.evCon4 .slick-dots{font-size:0;margin-top:10px;}
.evCon4 .slick-dots li{display:inline-block;margin:0 2px;}
.evCon4 .slick-dots li button{width:14px;height:14px;border-radius:50%;border:1px solid #000;font-size:0;transition:background-color 0.2s;}
.evCon4 .slick-dots li.slick-active button{background-color:#000;}

.evCon5{background-color:#efefef;}
.evCon5 .c5_links{margin:70px auto 0;}
.evCon5 .c5_links li{float:left;margin-left:40px;width:520px;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);}
.evCon5 .c5_links li:first-child{margin-left:0;}
.evCon5 .c5_links li a{display:block;}
.evCon5 .c5_links li dt{padding:50px 0;}
.evCon5 .c5_links li dd{padding:20px 0;background-color:#333;text-align:center;font-size:28px;font-weight:bold;color:#fff;}

.evCon6{background-color:#fff;}
.evCon6 .c6_tit{margin-bottom:60px;}
.evCon6 .lecture_whtwrp .lecture{padding-bottom:0 !important;}

.evCon7{background-color:#00228c;overflow:hidden;}

.evCon7 .c7_tit{position:relative;}
.evCon7 .c7_tit .evt_end{position:absolute;right:-80px;top:40px;}
.evCon7 .c7_total{width:180px;height:180px;border-radius:50%;background-color: #ff66a1;position: absolute;left:-126px;top:0;text-align:center;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);color:#fff;}
.evCon7 .c7_total dt{font-size:16px;padding-top:40px;}
.evCon7 .c7_total dt span{font-weight:900;color:#00228c;margin-left:3px;}
.evCon7 .c7_total dd{font-size:18px;padding-top:20px;margin-top:15px;position:relative;}
.evCon7 .c7_total dd:before{content:'';display:block;width:20px;height:1px;background-color:#fff;position:absolute;left:50%;top:0;transform:translateX(-50%);}
.evCon7 .ev_join, .evCon7 .ev_community{margin-top:100px;}
.evCon7 .ev_join dd{padding-top:30px;}
.evCon7 .ev_join dd a{margin-left:30px;display:inline-block;}
.evCon7 .ev_join dd a:first-child{margin-left:0;}
.evCon7 .ev_community dd{padding:25px 40px;background-color:#fff;}
.evCon7 .ev_community dd ul{width:100%;font-size:0;}
.evCon7 .ev_community dd ul:after{content:'';display:block;clear:both;}
.evCon7 .ev_community dd li{width:150px;margin-left:20px;display:inline-block;}
.evCon7 .ev_community dd li:first-child{margin-left:0;}
.evCon7 .ev_community dd li a{display:block;padding:20px 0;font-size:17px;font-weight:bold;color:#00228c;background-color: #ff66a1;border-radius:5px;}
.evCon7 .ev_community dd li a span{display:inline-block;position: relative;padding-right:16px;}
.evCon7 .ev_community dd li a span:after{content:'';display:block;width:8px;height:12px;position: absolute;right:0;top:50%;margin-top:-6px;background:url(https://img.megagong.net/m/2022/0704_zzangyoo/icon_share_arrow.png) 0 0 no-repeat;}
.evCon7 .eventBoard .evtBoard_common{background-color:#546bb2;}
.evCon7 .eventBoard .evtBoard_common .info_wrap button{color:#fff;text-decoration:underline;}
.evCon7 .eventBoard .evtBoard_common .info_wrap .s_info{text-align:left;font-size:11px;color:#b7c8fe;}

.evCon8{background-color:#29b884;overflow:hidden;}
.evCon8 .c8_tit{position: relative;}
.evCon8 .c8_tit .evt_end{position: absolute;right:-80px;top:40px;}

.product_list{font-size:0;margin:87px auto 0;}
.product_list li{display:inline-block;font-size:18px;position:relative;margin-left:160px;}
.product_list li:first-child{margin-left:0;}
.product_list li dd{margin-top:10px;}
.product_list li dt{position:relative;}
.product_list li dt .ttip{display:block;width:94px;height:94px;position:absolute;left:-47px;top:0;border-radius:50%;color:#fff;padding-top:20px;}
.product_list li dd{font-weight:bold;}

.evCon7 .product_list li.pro1 dt{padding-top:48px;}
.evCon7 .product_list li.pro1 dd{margin-top:30px;}
.evCon7 .product_list li dt .ttip{background-color:rgba(81, 123, 255, 0.9);}
.evCon7 .product_list li dd{color:#517bff;}
.evCon8 .product_list li{margin-left:180px;}
.evCon8 .product_list li:first-child{margin-left:0;}
.evCon8 .product_list li dt .ttip{background-color:rgba(27, 1, 126, 0.8);}
.evCon8 .product_list li.pro1 dt .ttip{left:-27px;top:-17px;}
.evCon8 .product_list li dd{color:#1b017e;}

.evCon8 .eventBoard{margin-top:80px;}
.evCon8 .eventBoard .evtBoard_common{background-color:rgba(0, 0, 0, 0.3);}
.evCon8 .evtBoard_common .board_notice li{color:#36e1a3;font-size:11px;opacity:1;}
.evCon8 .evtBoard_common .board_notice li:first-child{padding-right:50px;}
.evCon8 .eventBoard .evtBoard_common .board_notice li.chk_notice{font-size:15px;}
.evCon8 .radio_list{margin-bottom:30px;}

.warningList li ul li a{background-color: #29ffb0;border:1px solid #48dca6;}

.evCon9{padding:90px 0;}
.kind{font-style:normal; color:red; font-weight: bold;}

/* Æ˾÷ */
.black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index:92}
.dim_popup button{position:absolute;right: 15px;top: 15px;background: none;}
.clickPop{width: 470px;background: #fff;padding: 30px 0 35px;position: fixed;left:50%;top: 50% !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99;}

/* µî·ÏÇÑ url Æ˾÷ */
.dim_popup.sns .tit{text-align:center;margin: 20px 0;padding: 0 15px;font-size: 30px;font-weight: bold;}
.dim_popup.sns table{font-size: 14px;}
.dim_popup.sns table tr th, .dim_popup.sns table tr td{padding: 8px 5px;border: 1px solid #ddd;word-break: break-all;text-align: center;}
.dim_popup.sns table tr th{border-color:#fff;background:#eaeaea}
.dim_popup.sns table tr td.con{text-align:left}
.dim_popup.sns .btnConfirm{text-align:center;margin: 40px 0 0 0;}
.dim_popup.sns .btnClose{position:absolute;right: 10px;top: 10px;background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}

@media screen and (max-width: 1530px){
    .evCon1 .c1_tea{left:30%;}
}

@media screen and (max-width: 1450px){
    .evCon1 .c1_tea{left:25%;}
    .evCon1 .c1_tit{left:-10%;}
}

@media screen and (max-width: 1350px){
    .evCon1 .c1_tea{left:18%;}
    .evCon1 .c1_tit{left:-5%;}
    .evCon7 .c7_total{left:0;}
}

@media screen and (max-width: 1200px){
    .product_list{margin-top:40px;}

    .evCon1 .c1_tea{left:43%;width:60%;}
    .evCon1 .c1_txt{width:49.35%;left:-2%;top:6%;}
    .evCon1 .c1_txt .line{display:none;}
    .evCon1 .c1_tit{width:60%;left:0;top:inherit;bottom:5%;}

    .evCon3{padding:10% 0 10%;}
    .evCon2, .evCon4, .evCon5, .evCon6, .evCon7, .evCon8{padding:70px 0 75px;}
    .evCon3 .c3_tit{width:100%;left:0;}
    .evCon3 .video_wrap{margin-top:7%;}
    .evCon3 .video_wrap dt {width: 100%;height: auto;}
    .evCon3 .video_wrap dd{width:108%;left:-4%;}
    .evCon3 .c3_txt{margin-top:3%;}

    .evCon4 .c4_book li{width:32%;margin-left:2%;}
    .evCon4 .c4_book li:first-child{margin-left:0;}

    .evCon5 .c5_links{margin-top:35px;}
    .evCon5 .c5_links li{width:49%;margin-left:2%;}
    .evCon5 .c5_links li:first-child{margin-left:0;}

    .evCon7 .ev_join, .evCon7 .ev_community{margin-top:50px;}
    .evCon7 .c7_tit .evt_end{width:20%;right:0;top:10%;}
    .evCon7 .c7_total{width:120px;height:120px;top:-20px;}
    .evCon7 .c7_total dt{padding-top:20px;font-size:13px;}
    .evCon7 .c7_total dd{font-size:14px;margin-top:10px;padding-top:15px;}
    .evCon7 .ev_join dd{width:60%;font-size:0;margin:0 auto;padding-top:15px;}
    .evCon7 .ev_join dd a{width:48%;margin-left:4%;}
    .evCon7 .ev_join dd a:first-child{margin-left:0;}
    .evCon7 .ev_community dd{padding:15px;}
    .evCon7 .ev_community dd li{width:15%;margin-left:2%;}
    .evCon7 .ev_community dd li:first-child{margin-left:0;}

    .evCon8 .radio_list{margin-bottom:15px;}
    .evCon8 .eventBoard{margin-top:40px;}
    .evCon8 .c8_tit .evt_end{width:20%;right:0;top:20%;}

    .evCon9{padding:45px 0;}
}

@media screen and (max-width: 1000px){
    .evCon3 .video_wrap{width:100%;}
    .evCon3 .c3_txt{width:100%;}
}

@media screen and (max-width: 992px){
    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}

    .evCon7 .ev_community dd li{width:32%;}
    .evCon7 .ev_community dd li:nth-child(4){margin-left:0;}
    .evCon7 .ev_community dd li:nth-child(4), .evCon7 .ev_community dd li:nth-child(5),
    .evCon7 .ev_community dd li:nth-child(6){margin-top:10px;}
}

@media screen and (max-width: 900px){
    .product_list{display:table;width:100%;}
    .product_list li{display:table-cell;font-size:16px;}
    .product_list li dt .ttip{width:70px;height:70px;padding-top:14px;left:0;}
    
    .evCon7 .product_list li.pro1{width:56%;}
    .evCon7 .product_list li.pro2{width:44%;padding-left:4%;}
    .evCon8 .product_list li.pro1{width:50%;}
    .evCon8 .product_list li.pro1 dt .ttip{top:-5%;left:15%;}
    .evCon8 .product_list li.pro1 dd{margin-top:20px;}
    .evCon8 .product_list li.pro2{width:50%;}
    .evCon8 .product_list li.pro2 dt .ttip{left:15%;}
}

@media screen and (max-width: 768px){
    .evCon2, .evCon4, .evCon5, .evCon6, .evCon7, .evCon8{padding:35px 0 40px;}
    .evCon9{padding:25px 0;}
    .product_list li{padding:0 5% !important;}
}

@media screen and (max-width: 576px){
    .dim_popup.sns{width:90%}
    .product_list li{font-size:14px;}
    .product_list li dt .ttip{width:60px;height:60px;padding-top:11px;}
    
    .evCon7 .ev_community dd li a{font-size:14px;padding:10px 0;}

    .evCon7 .c7_total{width:80px;height:80px;}
    .evCon7 .c7_total dt{padding-top:15px;font-size:10px;}
    .evCon7 .c7_total dd{font-size:11px;margin-top:5px;padding-top:6px;}

    .evCon8 .product_list li.pro1 dt .ttip{left:0;}
    .evCon8 .product_list li.pro2 dt .ttip{left:0;}
}

@media screen and (max-width: 414px){
    .evCon7 .ev_community dd li a{font-size:12px;}
}