@charset "euc-kr";

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

/* Æ˾÷ */
.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;}


.evSection.evCon1{background: #f55815 url(https://img.megagong.net/m/2023/0303_lyj4718/con_img3.jpg) no-repeat center 0;}
.evSection.evCon2{background: url(https://img.megagong.net/m/2023/0303_lyj4718/con_img31.jpg) no-repeat center 400px;}
.evSection.evCon3{background: #f1f1f1;padding: 0 0 160px;}
.evSection.evCon4{background: #131e3c;padding: 0 0 160px}
.evSection.evCon5{position: relative;overflow: visible;padding: 0 0 160px;}
.evSection.evCon6{background-color: #fde1cb;padding: 0 0 100px;position: relative;}

.evSection.evCon1 h3{position: relative;text-align: left;margin: 0 0 0 -104px}
.evSection.evCon1 h3 a{position: absolute;bottom: 16%;left: 0;z-index: 1}

.evSection.evCon2 .step{position: relative;text-align: left}
.evSection.evCon2 .step img:nth-child(2){position: absolute;top: 0;right: 0}

.evSection.evCon3 .eventVideo{width: 800px;margin: 0 auto 60px} 
.evSection.evCon3 .step{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;/* margin: 0 0 50px; */}
.evSection.evCon3 .step .item{margin: 0 10px}

.evSection.evCon4 .book{position: relative;}
.evSection.evCon4 .book .item{position: absolute;bottom: -38px;right: -84px}
.evSection.evCon4 .step{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start}
.evSection.evCon4 .step .item{margin: 0 5px}

.evSection.evCon5 .letter{position: relative;background: rgba(0,0,0,2.5%);padding: 60px 0 60px;line-height: 1.7;font-weight: 200;font-size: 20px;z-index: 1;}
.evSection.evCon5 .letter .under{border-bottom: 1px solid #000;/* line-height: 1; */}
.evSection.evCon5 .letter .writer{position: absolute;bottom: 15px;right: 40px;opacity: 0.5;font-size: 15px;}
.evSection.evCon5 .teacher{/* background: url(https://img.megagong.net/m/2023/0303_lyj4718/con_img26.png) no-repeat 0 0; */position: absolute;left: 50%;top: 0;margin: 0 0 0 -1037px;}
.evSection.evCon5 .teacher::before{content:'';position: absolute;left: 0;bottom: 0;width: 100%;height: 43px;background: linear-gradient(0deg, white, transparent);}
.evSection.evCon5 .vodchr_banner{display:none}

.evSection.evCon6 .con_tit .end{position: absolute;bottom: 27px;right: -94px}
.evSection.evCon6 .gift{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;margin: 0 0 60px}
.evSection.evCon6 .update h4{padding:120px 0 40px;overflow: hidden;}
.evSection.evCon6 .container_info{margin-left: 40px;margin-right: 40px}
.evSection.evCon6 .container_info .info + .info{margin-left: 0px}
.evSection.evCon6 .container_info .info.long{margin-right: 112px;}
.evSection.evCon6 .container_info + .container_info{margin-top: 20px;}
.evSection.evCon6 .container_info + .point{color:#f55715;margin: 0 0 100px;padding: 14px 0 0 60px;font-size: 16px;}
.evSection.evCon6 .container_info .info .noti{color: #f55715;font-weight: bold}
.evSection.evCon6 .container_info .info .info_title{width: 100px;text-align: left}
.evSection.evCon6 .container_info .info .info_date{font-weight:200}

.evSection.evWarning{background: #fde1cb;padding: 0 0 180px}
.evSection.evWarning .warningList{border: 1px solid #b19d8e;padding: 40px 40px;border-width: 1px 0}
.evSection.evWarning .warningList li a{color: #f55715;text-decoration: underline;margin: 0 0 0 5px}

[class*=mg_popup_wrap].popupCertified .mg_tb_wrap{margin: 0 0 25px}
[class*=mg_popup_wrap].popupCertified .b_tit{margin: 0 0 30px;}
[class*=mg_popup_wrap].popupCertified .t_tit{font-weight: bold;margin: 0 0 10px;}
[class*=mg_popup_wrap].popupCertified select{width: 100%;height: 30px;border: 1px solid #ccc}
[class*=mg_popup_wrap].popupCertified .mg_s_info{margin: 0 0 0;color: #9c9c9c}
[class*=mg_popup_wrap].popupCertified .mg_s_info li {font-size:13px;padding-left: 14px;}
[class*=mg_popup_wrap].popupCertified .mg_s_info li + li{margin:5px 0 0}
[class*=mg_popup_wrap].popupCertified .mg_s_info li a{color: #e45c6c;text-decoration: underline}
[class*=mg_popup_wrap].popupCertified .mg_s_info li:before{content: '¡Ø'}
[class*=mg_popup_wrap].popupCertified .mg_terms{height: 90px;padding: 10px 15px;color: #919191}
[class*=mg_popup_wrap].popupCertified .mg_terms strong{color: #919191;}
[class*=mg_popup_wrap].popupCertified .mg_terms strong.lg_tit{color: #e45c6c}


.gallery_lst ul li.none{color:#000}

.plus_btn{
    padding: 50px 0 0;
}
.plus_btn a{display:block;margin: 0 auto 0;/* background: #000; */width: 400px;/* height: 50px; *//* color: #fff; */}


@media screen and (max-width: 1200px){

    .eventWrap img{width:100%}
    .evSection.evCon1{background-size: auto 100%;background-position: 50% 0}
    .evSection.evCon2{background-size: 90%;background-position: center 28vw;}
    .evSection.evCon3{padding: 0 0 15%}
    .evSection.evCon4{padding: 0 0 15%}
    .evSection.evCon5{padding: 0 0 15%}

    .evSection .con_tit{padding: 0 15%}
    .evSection .con_tit + .point{padding: 0 10%}

    .evSection.evCon1 h3{margin: 0;padding: 0 21% 0 0}
    .evSection.evCon1 h3 a{width: 20%}

    .evSection.evCon2 .question{padding: 0 23%}
    .evSection.evCon2 h5{overflow: hidden}
    .evSection.evCon2 h5 img{max-width: 180%;width: 120%;margin: 0 0 0 -10%}
    .evSection.evCon2 .step{padding: 0 49% 0 0}
    .evSection.evCon2 .step img:nth-child(2){width: 50%}
    .evSection.evCon2 .answer{padding: 0 12%}

    .evSection.evCon3 .eventVideo{width: 100%;margin-bottom: 30px}
    .evSection.evCon3 .step .item{width: 32.3%;margin: 0 0.5%;}

    .evSection.evCon4 .book .item{right: 0;width: 33%}
    .evSection.evCon4 .step{margin: 0 -0.5%}
    .evSection.evCon4 .step .item{width: 32.3%;margin: 0 0.5%}

    .evSection.evCon5 .letter{font-size: 1.7vw}
    .evSection.evCon5 .letter .writer{font-size: 0.9em}
    .evSection.evCon5 .con_box + .con_tit{padding: 0 20%}
    .evSection.evCon5 .teacher{display: none;}

    .evSection.evCon6 .con_tit{padding: 0 6%}
    .evSection.evCon6 .con_tit .end{
    width: 20vw;
    right: 0;
    bottom: 30%;
}
    .evSection.evCon6 .gift{margin: 0 0 3%}
    .evSection.evCon6 .gift .item{width: 50%;margin: 0 0 5%}

    .evSection.evCon6 .container_info{display: block;margin: 0;border-radius: 20px 20px 0 0;padding-bottom: 0}
    .evSection.evCon6 .container_info+.container_info{margin: 0;border-radius: 0 0 20px 20px;padding-top: 0;padding-bottom: 15px}
    .evSection.evCon6 .container_info .info{align-items: flex-start;flex-direction: row;flex-wrap: wrap;justify-content: flex-start}
    .evSection.evCon6 .container_info .info.long{margin: 0}
    .evSection.evCon6 .container_info .info .info_title{width: 90px;margin: 0 30px 0 0 !important}
    .evSection.evCon6 .container_info .info .info_date{width: calc(100% - 120px);text-align: left}
    .evSection.evCon6 .container_info .info +.info  .info_date{width: 140px}
    .evSection.evCon6 .container_info .info .noti{margin: 5px 0 0 0} 
    .evSection.evCon6 .container_info + .point{padding: 10px 0 0;text-align: center}

    .evSection.evWarning{padding: 0}
    .evSection.evWarning .warningList{padding: 20px 2%}

    .plus_btn{
    padding: 7% 0 0;
}
    .plus_btn a{
    width: 40%;
}
}

@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}


    .evSection.evCon4 .book .item{bottom: -6%}

}

@media screen and (max-width: 768px){

    .evSection.evCon6 .btn_wrap button{display: block;padding: 0px 20%;background: #000}
    .evSection.evCon6 .update h4{padding: 12% 0 5%;overflow: hidden;}
    .evSection.evCon6 .update h4 img{max-width: 190%;width: 150%;margin: 0 0 0 -25%;}

}

@media screen and (max-width: 576px){

    .evSection .con_tit{padding: 0 6%}
    .evSection .con_tit + .point{padding: 0 0%}

    .dim_popup.sns{width:90%}

    .evSection.evCon1{background-position: 57% 0}
    .evSection.evCon6{padding: 0 0 15%}

    .evSection.evCon1 h3{padding: 6% 20% 10% 0}
    .evSection.evCon1 h3 a{width: 31%}

    .evSection.evCon2 .comment{overflow: hidden}
    .evSection.evCon2 .comment img{max-width: 130%;width: 110%;margin: 0 0 0 -5%}
    .evSection.evCon2 .question{padding: 0 17%}
    .evSection.evCon2 h5 img{width: 160%;margin: 0 0 0 -30%}
    .evSection.evCon2 .step{padding: 0}
    .evSection.evCon2 .step img:nth-child(2){position: relative;top: inherit;right: inherit;width: 100%;margin: 2% 0 0}
    .evSection.evCon2 .answer{padding: 0 0%}

    .evSection.evCon3 .step .item{overflow:hidden}
    .evSection.evCon3 .step .item img{max-width: 150%;width: 130%;margin: 0 0 0 -15%}

    .evSection.evCon4 .book .item{width: 39%;bottom: 0}
    .evSection.evCon4 .step .item{width: 100%;background: #fff;border-radius: 40px;overflow: hidden;padding: 0 11% 0 0;margin: 0 26% 5px 0}
    .evSection.evCon4 .step .item + .item{margin-left: 13%;margin-right: 13%;padding: 0 11% 0 0}
    .evSection.evCon4 .step .item + .item + .item{margin-left: 26%;padding: 0 11% 0 0;margin-right: 0}
    .evSection.evCon4 .step .item img{margin: -7% 0}

    .evSection.evCon5 .letter{padding: 20px 0;font-size: 12px}
    .evSection.evCon5 .letter br{display:none}
    .evSection.evCon5 .letter .writer{position: relative;bottom: inherit;right: inherit;display: block;padding: 10px 0 0}
    .evSection.evCon5 .con_box + .con_tit{padding: 0 12%}

    .evSection.evCon6 .con_tit{padding: 0 0%}
    .evSection.evCon6 .container_info + .point{margin: 0 0 10%;font-size: 12px}
    .evSection.evCon6 .gift{margin: 0 0 20px}
    .evSection.evCon6 .btn_wrap button{display: block;padding: 0 12%;background: #000}
    .evSection.evCon6 .update h4{padding: 15% 0 3%;overflow: hidden;}
    .evSection.evCon6 .update h4 img{max-width: 190%;width: 190%;margin: 0 0 0 -45%;}

    .evSection.evCon6 .container_info{padding-left: 30px;padding-right: 0px;}
    .evSection.evCon6 .container_info+.container_info{margin: 0;border-radius: 0 0 20px 20px;padding-top: 0;padding-bottom: 15px}
    .evSection.evCon6 .container_info .info{align-items: flex-start;flex-direction: row;flex-wrap: wrap;justify-content: flex-start}
    .evSection.evCon6 .container_info .info.long{margin: 0}
    .evSection.evCon6 .container_info .info .info_title{width: 66px;margin: 0 19px 0 0 !important}
    .evSection.evCon6 .container_info .info +.info  .info_date{width: 120px}
    .evSection.evCon6 .container_info .info .noti{margin: 1px 0 0 0} 
    .warningList > li.w_tit{font-size:14px}
    .evSection.evWarning .warningList{border-bottom: 0}

    .gallery_lst ul li .txt{height: 20vw;font-size: 12px;margin: 10px 0px}
.plus_btn a{
    width: 65%;
}
    
    [class*=mg_popup_wrap].popupCertified .content_area .content_inner{padding: 20px 10px}
    [class*=mg_popup_wrap].popupCertified .mg_tb_wrap{margin: 0 0 15px}
    [class*=mg_popup_wrap].popupCertified .mg_tb_form th,
    [class*=mg_popup_wrap].popupCertified .mg_tb_form td{font-size: 12px}
    [class*=mg_popup_wrap].popupCertified .b_tit{margin: 0 0 14px;font-size: 17px;}
    [class*=mg_popup_wrap].popupCertified .t_tit{font-weight: bold;margin: 0 0 10px;}
    [class*=mg_popup_wrap].popupCertified select{width: 100%;height: 30px;border: 1px solid #ccc}
    [class*=mg_popup_wrap].popupCertified .mg_s_info{margin: 0 0 0;color: #9c9c9c}
    [class*=mg_popup_wrap].popupCertified .mg_s_info li {font-size: 12px;padding-left: 13px;line-height: 1.2;}
    [class*=mg_popup_wrap].popupCertified .mg_s_info li + li{margin:5px 0 0}
    [class*=mg_popup_wrap].popupCertified .mg_s_info li a{color: #e45c6c;text-decoration: underline}
    [class*=mg_popup_wrap].popupCertified .mg_s_info li:before{content: '¡Ø'}
    [class*=mg_popup_wrap].popupCertified .mg_info_wrap{margin: 15px 0 0}
    [class*=mg_popup_wrap].popupCertified .mg_terms{height: 70px;padding: 10px 10px;font-size: 12px}
    [class*=mg_popup_wrap] .content_area .mg_btn_wrap .mg_btn_base.xl{padding: 13px 0;font-size: 14px}
    [class*=mg_popup_wrap] button.mfp-close, [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-arrow{width: 25px;height: 25px;top: -34px;background-position: center}


}