@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
/* .tea_bnr{display: none;} */
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap{position:relative;width:100%;text-align:center;/*font-family:'Malgun Gothic','¢¬¨ù?¨¬ ¡Æ???';*/font-family : 'NotoSans KR';font-size: 15px;line-height: 1.4;letter-spacing: -0.02em;}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%}
/* setting */
#mContainer {position:relative;width:1080px;margin:0 auto;}

.eventWrap { max-width: 1080px; width:100%; margin: 0 auto; }
.conWrap { background:#eaeaea; opacity:.9999; overflow:hidden; box-sizing:border-box;padding: 40px 40px 70px;}
.conWrap.pdtop15 {padding-top:15px !important;}
.conWrap h3 { background:url('https://img.megagong.net/m/2021/0602_live/bullet_tit.gif') repeat-x center; text-align:left; margin-bottom:20px; }
.conWrap h3 span { background:#eaeaea; display:inline-block; padding-right:15px; }
/*.conWrap h3 span:after { content:""; display:inline-block; width: 0px; height: 0px; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 17px solid #eaeaea; transform:rotate(225deg) translateY(20px); }*/
.conWrap h3 span img { vertical-align:top; margin-top:4px; }
.conWrap .leftS { float:left; width:630px; text-align:left; }
.conWrap .leftS .movie { width:100%; overflow:hidden; }
.conWrap .leftS .movie > div,
.conWrap .leftS .movie > div span { position:relative; display:block; }
.conWrap .leftS .movie > div span:before { content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; top:0; left:0; z-index:3; }
.conWrap .leftS .movie > div span.nonebg:before {content: none;}
.conWrap .leftS .movie iframe { width:100%; height:50vw;max-height:354px;}

.conWrap .leftS .movie dl { margin-top:-5px; background:#616161; height:70px; box-sizing:border-box;padding: 13px 20px 15px; text-align:left; font-size:16px; font-weight:300;}
.conWrap.d0722 .leftS .movie dl{text-align: center;}
.conWrap .leftS .movie dt { color:#ffd759; }
.conWrap.d0722 .leftS .movie dd{font-weight: 200;}
.conWrap.d0722 .leftS .movie dt{color:#87e1ff;font-weight: bold}

.conWrap .leftS .movie dd { color:#fff; }
.conWrap .leftS h4 { margin-top:35px; color:#1947ba; font-size:22px; font-weight:300; position:relative; }
.conWrap .leftS h4:before { content:""; display:block; width:100%; height:1px; background:#1947ba; position:absolute; bottom:4px; left:0; z-index:-1; }
.conWrap .leftS h4 span { background:#eaeaea; padding-right:8px; }
.conWrap .leftS ul { margin-top:15px; }
.conWrap .leftS li { background:#f5feff; width:100%; overflow:hidden; margin-bottom:10px; box-shadow:5px 5px 5px rgba(0,0,0,.1); display:table; text-align:left; font-size:18px; }
.conWrap .leftS li h5 { display:table-cell; vertical-align:middle; height:55px; color:#1947ba; font-weight:500; width:82px; text-align:center; position:relative; }
.conWrap .leftS li h5:after { content:""; display:block; width:15px; height:55px; position:absolute; top:0; right:0;
    background: rgb(245,254,255);
    background: -moz-linear-gradient(left,  rgba(245,254,255,1) 0%, rgba(207,214,215,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(245,254,255,1) 0%,rgba(207,214,215,1) 100%);
    background: linear-gradient(to right,  rgba(245,254,255,1) 0%,rgba(207,214,215,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5feff', endColorstr='#cfd6d7',GradientType=1 );
}
.conWrap .leftS li p { display:table-cell; vertical-align:middle; height:55px; text-indent:15px; font-weight:300; }
.conWrap .leftS > p { margin-top:25px; }

/* d0628 S */
.conWrap .leftS.d0628 ul{margin-top: 25px;}
.conWrap .leftS.d0628 h4 b{position: relative; padding: 0 17px;}
.conWrap .leftS.d0628 h4 b::before{position: absolute;left: 0;top:3px; display: block;content: ''; background:url('https://img.megagong.net/m/2021/0602_live/210628/h4_side.png') no-repeat;width: 16px;height: 30px;}
.conWrap .leftS.d0628 h4 b::after{position: absolute;right: 0;top:3px; display: block;content: ''; background:url('https://img.megagong.net/m/2021/0602_live/210628/h4_side.png') no-repeat; transform: rotate(180deg); width: 16px;height: 30px;}
.conWrap .leftS.d0628 li { background:#c8dfe2; width:100%; overflow:hidden; margin-bottom:10px; box-shadow:5px 5px 5px rgba(0,0,0,.1); display:table; text-align:left; font-size:18px;}
.conWrap .leftS.d0628 li h5 {font-size: 20px; height:96px;}
.conWrap .leftS.d0628 li h5:after { content:""; display:block; width:15px; height:96px; position:absolute; top:0; right:0;background: #c8dfe2;background: -moz-linear-gradient(left,  #c8dfe2 0%, #adc0c3 100%);background: -webkit-linear-gradient(left,  #c8dfe2 0%,#adc0c3 100%);background: linear-gradient(to right,  #c8dfe2 0%,#adc0c3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5feff', endColorstr='#cfd6d7',GradientType=1 );}
.conWrap .leftS.d0628 li p {background: #f5feff; position: relative;height: 96px;}
.conWrap .leftS.d0628 li p::after {content: '';display: block; position: absolute; bottom: 0;right: 0; background:url('https://img.megagong.net/m/2021/0602_live/210628/left_anc.png') no-repeat;width: 58px;height: 47px;}
.conWrap .leftS.d0628 > p { margin-top:25px; }
/* d0628 E */

.conWrap .live_info{padding:20px 0 0;position: relative;}
.conWrap .live_info a{display: block;font-size: 0;position: absolute;bottom: 6%;left: 7%;width: 37%;background: #000;opacity: 0;height: 17%;}
.conWrap .live_info a:nth-child(3){left: 57%;}

/* 220923 Ãß°¡ */
.conWrap .live_info .event_end_0923 {position: absolute; bottom: 60px; right: 165px;}

br.mo_for{display: none;}
.conWrap .leftS h4 sup{font-size: 16px;}
.conWrap .leftS .left_btn {position: relative;text-align: center;padding: 7px 3% 0 1%;}
.conWrap .leftS .left_btn::after{content:'';display:block;clear:both}
.conWrap .leftS .left_btn a{margin-left: 0;width: 50%; position:relative;}
.conWrap .leftS .left_btn a:last-child{margin-right: 0;margin: 0 0 0 13px;}
.conWrap .leftS .left_btn a img { margin-top:10px;position:relative; }
.conWrap .leftS .left_btn a.last img { max-width:250px; width:100%; }
.conWrap .leftS .left_btn a i { position:absolute; top:-80%; left:96%; max-width:63px; width:70%; z-index:6; }
.conWrap .leftS .left_btn a i img {  width:100%; }
.conWrap .leftS .left_btn i.finish {position:absolute;top: -24%;right: 0%;max-width:67px;z-index: 2;}
.conWrap .leftS .left_btn .tiny_txt{margin-top:15px 0;text-align: center;font-size: 14px;color: #2b2b2b;clear: both;float: none;}
.conWrap .leftS .left_btn .left_tiny{margin: 8px 0 20px;text-align: left;color: #8a8a8a;font-size: 11px;}

.conWrap .rightS i.finish_live {position:absolute;top: 119px;right: 27px;max-width: 35%;}
.conWrap .rightS .txt2 { margin-top:12px;text-align: center;}

.last_txt {margin-top: 7px;color:#fc1d1d;font-size: 12px;}
.last_txt.right {padding: 0 4% 0 51%;}
.last_txt.right br{display:none}
.conWrap .rightS {float:right;width:350px;box-sizing:border-box;padding: 0 0 40px;overflow:hidden;box-shadow:5px 5px 5px rgba(0,0,0,.1);background:#fff;border-radius:20px;position:relative;}
.conWrap .rightS i.top { position:absolute; top:0; left:0; }
.conWrap .rightS i.finish { position:absolute; top:70px; right:20px; max-width:67px; }
.conWrap .rightS i.finish img { width:100%; }
.conWrap .rightS dl { margin-top:0; color:#222; }
.conWrap .rightS.july dl{margin-bottom:25px;}
.conWrap.d0722 .rightS.july dl{
    margin: 0;
}
.conWrap .rightS .txt { margin-top:25px; font-size:13px; text-align:left; overflow:hidden; }
.conWrap .rightS .txt li { overflow:hidden; position:relative; display:table; margin-bottom:5px; }
.conWrap .rightS .txt li:before { content:""; display:block; width:2px; height:12px; background:#ff4141; position:absolute; top:4px; left:0; }
.conWrap .rightS .txt li .subj { display:table-cell; vertical-align:top; width:80px; padding-left:5px; font-weight:700; }
.conWrap .rightS .txt li .cont { display:table-cell; vertical-align:top; }
.conWrap .rightS form { margin-top:0;font-family: '¢¬¨ù?¨¬ ¡Æ???','Malgun Gothic','?¢¬¢¯?','Dotum'; box-sizing:border-box; padding:0 25px;}
.conWrap .rightS form textarea {box-sizing:border-box;width:100%;height:74px;border:1px solid #dcdcdc;border-bottom:none;padding: 10px;}
.conWrap .rightS form button { margin-top:-5px; width:100%; height:36px; line-height:36px; background:#3d3d3d; text-align:center; color:#fff; font-size:15px; font-weight:700; }
.conWrap .rightS form p { text-align:left; margin-top:5px; font-size:11px; color:#eb8e8e; font-weight:300;font-family: '¢¬¨ù?¨¬ ¡Æ???','Malgun Gothic','?¢¬¢¯?','Dotum';letter-spacing: -0.06em;}

.listBox { margin:30px 25px 0; background:#fcfcfc; box-sizing:border-box; border:1px solid #dcdcdc; position:relative;font-family: '¢¬¨ù?¨¬ ¡Æ???','Malgun Gothic','?¢¬¢¯?','Dotum'; box-sizing:border-box; }
.listBox.d0722{padding: 0;border: 0;background: #fff;margin: 0 40px 0;}
.listBox > a { position:absolute; top:10px; right:10px; display:block; width:16px; height:16px; transform-origin: 50% 50%; } 
.listBox > a img { position:absolute; top:0; left:0; }
.listBox > a.on img { animation: rotate_image 2s linear; -webkit-animation: rotate_image 2s linear; }
.listBox ul { margin-top:10px; text-align:left; }
.listBox ul li { border-bottom:1px dashed #d2d2d2;padding:15px; font-size:12px; }
.listBox ul li p.name { color:#0049ff; }
.listBox ul li p.text { margin-top:2px; line-height:150%; word-break:break-all; }
.listBox ul li p.text a { color:#ff0101; margin-left:5px;width:32px; display:inline-block; }
.listBox .paging { text-align:center; }
.listBox .paging a { color:#908f8f; padding:0 8px !important; font-size:12px; }
.listBox .paging strong { color:#111; text-decoration:underline; padding:0 8px !important; font-size:12px; }
.listBox .paging span { color:#646464; }
.listBox .paging img { margin-top:-2px; }

/*bottom bn*/
.eventWrap .bt_bn {clear:both;opacity:.9999;padding: 23px 0;position:relative;background: rgb(10,32,251);background: -moz-linear-gradient(left,  rgba(10,32,251,1) 0%, rgba(252,222,149,1) 100%);background: -webkit-linear-gradient(left,  rgba(10,32,251,1) 0%,rgba(252,222,149,1) 100%);background: linear-gradient(to right,  rgba(10,32,251,1) 0%,rgba(252,222,149,1) 100%);}
/* .eventWrap .bt_bn:before { content:""; display:block; width:195px; height:55px; background:url('https://img.megagong.net/m/2022/0125_live/bg_bt_bn.png') no-repeat; position:absolute; bottom:15px; right:17%; z-index:-1; } */
.eventWrap .bt_bn dl { text-align:center; color:#fff; font-size:24px; line-height:120%; }
.eventWrap .bt_bn dt { font-weight:300; }
.eventWrap .bt_bn dd { font-weight:700; }

.eventWrap .bt_bn.d0211 {background:url('https://img.megagong.net/m/2022/0125_live/plusbtn_bg.gif') repeat-y; }
.eventWrap .bt_bn.d0322 {background-image:url('https://img.megagong.net/m/2022/0125_live/plusbtn_bg_0322.gif');background-position: 100% 100%;}
.eventWrap .bt_bn.d0613 {background: #fff0ff;}
.eventWrap .bt_bn.d0722 {background: #c2d2ff;text-align: center;padding: 36px 0;line-height: 1;}
.eventWrap .bt_bn.d230201 {background: #b4f679;}

.eventWrap .bt_bn dl.plusbtn{line-height: 1;}
.eventWrap .bt_bn dl.plusbtn dt{position: absolute;top: 35px;left: 40px;}
.eventWrap .bt_bn dl.plusbtn dd{text-align: right;padding: 0 50px 0 0;}
.eventWrap .bt_bn dl.plusbtn dd a{margin: 0 0 0 4px;}

.eventWrap .bt_bn.d0722 dt{font-size: 0;}

.eventWrap .bt_bn.d0722 dl.plusbtn dt{
    position: relative;
    top: unset;
    left: unset;
    margin: 0 10%;
    /* line-height: 1; */
    font-size: 0;
}

@keyframes rotate_image{
    100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}



.link_roll .slick-arrow{display: block !important;width: 24px;height: 20px;vertical-align:middle;transform:none;overflow:hidden;background: url('https://img.megagong.net/m/2023/0201_wjsgywls1/roll_btn.png') no-repeat 0 0;font-size: 0;margin: 0 auto;}
.link_roll .slick-prev{}
.link_roll .slick-next{background-position: 100% 100%;}
.link_roll .item{text-align: center;padding: 7px 0;}
.link_roll .item img{display: inline-block;}




@media (max-width: 1200px){
    #mContainer { width:100%; }
    .flt_inner{display: none;}
    .eventWrap{ max-width:100%; width: 100%; overflow: hidden;}
    .eventWrap .inner{ width:97% }

    .conWrap {padding: 6% 3% 5%;}
    .conWrap .leftS {width: auto;float: none;margin: 0 0 6%;}
    .conWrap .leftS .movie { width:100%; }
    .conWrap .leftS .movie iframe{
    max-height: 1000%;
}
    .conWrap .leftS .movie div span img{width: 100%;}
    .conWrap .leftS .movie dl { height:auto; }
    .conWrap .live_info img{width:100%}
    .conWrap.d220121 a.ytb_btn{padding: 0 34%;}

    .conWrap.d220121 a.ytb_btn img{width:100% }

    .conWrap .rightS {width:35%;padding: 0% 0 4%;margin: 0 0 0;float: none;width: auto;}
    .conWrap .rightS i.finish_live{top: 10vw;}
    .conWrap .rightS i.finish { top:7.5%; right:3%; width:30%; }
    .conWrap .rightS i.finish img { width:100%; }
    .conWrap .rightS .txt { margin-top:15px;}

    .conWrap .rightS form { padding:0 15px; }
    .listBox { margin:25px 15px 0;}
    .listBox ul li { padding:10px 15px; }
    .listBox .paging { padding:7px 0; }
        
    .eventWrap .bt_bn dl.plusbtn dt{top: inherit;left: inherit;position: relative;margin: 0 26% 2%;}
    .eventWrap .bt_bn dl.plusbtn dt img{width:100%}
    .eventWrap .bt_bn dl.plusbtn dd{padding: 0 25%;overflow: hidden;}
    .eventWrap .bt_bn dl.plusbtn dd a{float: left;width: 46%;margin: 0 2%;}
    .eventWrap .bt_bn dl.plusbtn dd.one{padding: 0 35%;}
    .eventWrap .bt_bn dl.plusbtn dd.one a{float: none;width: 100%;}

    .eventWrap .bt_bn dl.plusbtn dd a img{width:100%}
    .last_txt.right{clear: both;float: none;padding: 1% 4% 0 51%;}

    .link_roll{
    margin: 0 20px 0;
}
    .link_roll .slick-arrow{}
    .link_roll .slick-prev{
    position: absolute;
    top: 50%;
    left: -30px;
    transform: rotate(-90deg);
    margin: -10px 0 0 0;
    }
    .link_roll .slick-next{
    position: absolute;
    top: 50%;
    right: -30px;
    transform: rotate(-90deg);
    margin: -10px 0 0 0;
}
    .link_roll .item{
    padding: 0 2%;
}
.conWrap.d0722 .rightS.july dl dt{
    padding: 0 22%;
}

   /* 220923 Ãß°¡ */
    .conWrap .live_info .event_end_0923 {top: 68%;right: 32%;bottom: inherit;}
    
}
@media (max-width: 992px){
    /* d0628 S */
    .conWrap .leftS.d0628 h4{font-size: 20px;}
    .conWrap .leftS.d0628 h4 b{padding: 0 14px;}
    .conWrap .leftS.d0628 h4 b::before,.conWrap .leftS.d0628 h4 b::after{width: 3%;top: 0;}
    .conWrap .leftS.d0628 li {font-size:18px;}
    .conWrap .leftS.d0628 li p {font-size: 16px;height: 80px;}
    .conWrap .leftS.d0628 li h5 {font-size: 18px; height:80px;}
    /* d0628 E */
    .conWrap .leftS .left_btn{padding: 0;}
    .conWrap .leftS .left_btn a{margin:0 1%;width:47%;/* max-width:234px; */overflow:hidden;display:inline-block;font-size:0;float: left;}
    .conWrap .leftS .left_btn a img{width:100%}
    .conWrap .leftS .left_btn a.last { max-width:250px; width:53%; }
    .conWrap .leftS .left_btn a.last img { margin:0; }
    .conWrap .leftS .left_btn i.finish{max-width: 100%;width: 15%;}


}
@media (max-width: 768px){
    
    .conWrap .leftS .left_btn a i { width:20%; left:85%; }
    /* d0628 S */
    .conWrap .leftS.d0628 h4{font-size: 22px;}
    .conWrap .leftS.d0628 h4 b::before,.conWrap .leftS.d0628 h4 b::after{top: 3px;}
    .conWrap .leftS.d0628 li h5,.conWrap .leftS.d0628 li {font-size:20px;}
    .conWrap .leftS.d0628 li p {font-size: 18px;}
    .conWrap .leftS .left_btn{margin: 5% 0;}

    .conWrap .rightS i.finish_live{max-width: 100%;width: 20%;}
    .conWrap .rightS i.finish_live img{width:100%}

    .conWrap .leftS { float:none; width:100%; }
    .conWrap .leftS .movie { width:100%; }
    .conWrap .leftS .movie dl { font-size:14px; padding:10px; }
    .conWrap .leftS h4 { margin-top:5%; font-size:18px; }
    .conWrap .leftS ul { margin-top:10px; }
    .conWrap .leftS li { font-size:18px; }
    .conWrap .leftS li h5 { height:45px; width:70px; }
    .conWrap .leftS li h5:after { height:45px; }
    .conWrap .leftS li p { height:45px; text-indent:0; padding:0 10px; font-size:15px; }
    .conWrap .leftS > p { margin-top:5%; }
    .conWrap .rightS { float:none; width:100%; padding:0 2% 4%; }
    .conWrap .rightS i.finish { width:65px; }
    .conWrap .live_info{padding: 10px 0 0;}
    .conWrap .live_info img{width:100%}

    .eventWrap .bt_bn dl.plusbtn dt{margin: 0 6% 2%;}
    .eventWrap .bt_bn dl.plusbtn dd{padding: 0 1%;}
    .eventWrap .bt_bn dl.plusbtn dd.one{padding: 0 25%;}

    .listBox.d0722{margin: 0 5px;}

    /* 220923 Ãß°¡ */
    .conWrap .live_info .event_end_0923 {top: 68%;right: 26%;width: 9%;}
    

}

@media (max-width: 576px){
    .conWrap .leftS.d0628 h4{font-size: 20px;}
    .conWrap .leftS.d0628 h4 b::before,.conWrap .leftS.d0628 h4 b::after{top: 0}

    .conWrap .leftS.d0628 li h5,.conWrap .leftS.d0628 li {font-size:18px;}
    .conWrap .leftS.d0628 li p{font-size: 16px;}
    br.mo_for{display: block;}

    .eventWrap .bt_bn { clear:both; padding:20px 10px; font-size:20px; line-height:120%; }
.last_txt.right br{display:block}
    .eventWrap .bt_bn.d0722{
    padding: 3% 0;
}

    .link_roll .item a{display:block;overflow: hidden;}
    .link_roll .item img{
    max-width: 1000%;
    width: 130%;
    margin-left: -15%;
}
    
    .conWrap {padding: 30px 3% 40px;}
    .conWrap .leftS .movie dl { font-size:13px; padding:7px 5px; }
    .conWrap .leftS h4 { margin-top:5%; font-size:15px; }
    .conWrap .leftS h4 span{font-size: 18px;}
    .conWrap .leftS.d0628 h4 b::before, .conWrap .leftS.d0628 h4 b::after{width: 2%;}
    .conWrap .leftS.d0628 h4 b{padding:0 10px;}
    .conWrap .leftS li { font-size:14px; }
    .conWrap .leftS li p { font-size:12px; }
    .conWrap .leftS > p { margin-top:25px; }
    .conWrap .rightS i.top { width:55px; }
    
    /*bottom bn*/
    .eventWrap .bt_bn dt,
    .eventWrap .bt_bn dd { font-size:17px; line-height:120%; }

    .conWrap .rightS { padding:0 10px 4%; }
    .conWrap .rightS .txt { margin-top:10px; }
    .conWrap .rightS form { margin-top:10px; }
    .conWrap .rightS form textarea { height:55px; }
    .conWrap .rightS form button { height:28px; line-height:28px; font-size:14px; }
    .conWrap .rightS .txt li .subj { padding-left:6px; }

    .conWrap .rightS form { padding:0 5px; }
    .listBox { margin:25px 5px 0;}
        
    .listBox { margin-top:20px; }
    .listBox ul { margin-top:15px; }
    .listBox ul li { padding:7px; font-size:12px; }
    .listBox ul li p.text a { margin-left:3px; }
    .listBox .paging a { padding:0 4px !important; }
    .listBox .paging strong { color:#111; text-decoration:underline; padding:0 8px !important; font-size:12px; }
    .listBox .paging span { color:#646464; }
    .listBox .paging img { margin-top:-2px; }

}