@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: 30px;}
.conWrap h3 { background:url('https://img.megagong.net/m/2021/0602_live/bullet_tit.gif') repeat-x; text-align:left; margin-bottom:20px; }
.conWrap h3 span { background:#eaeaea; display:inline-block; padding-right:15px; }
.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 iframe { width:100%; height:50vw; max-height:354px; }


.conWrap .live_info{padding:35px 52px 40px; background: #fff; position: relative;}
.conWrap .live_info::before{content: '';display: block; width: 68px;height: 59px; background:url('https://img.megagong.net/m/2022/0610_gosabu88/img_infobg.jpg') no-repeat center;position: absolute;bottom: 0;right: 0;}
.conWrap .live_info span{display: block;margin: 28px auto 20px;}
.conWrap .live_info .rplWrap {position:relative;margin: 0 25px;}
.conWrap .live_info .rplWrap .slick-list {margin-left: 30px;}
.conWrap .live_info .rplRoll .slick-slide img{display: inline-block;}
.conWrap .live_info .rplRoll .slick-arrow {position:absolute;top:50%;width:15px;height:30px;transform: translateY(-50%);z-index:2;font-size:0;}
.conWrap .live_info .rplRoll .slick-prev {left:-21px;background:url(https://img.megagong.net/m/2022/0610_gosabu88/img_L.png) no-repeat center;}
.conWrap .live_info .rplRoll .slick-next {right:-21px;background:url(https://img.megagong.net/m/2022/0610_gosabu88/img_R.png) no-repeat center;}


.conWrap .leftS .left_btn{margin: 20px auto 0;text-align: center;}

.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.finish_live {position:absolute;top: 119px;right: 27px;max-width: 35%;}
.conWrap .rightS dl { margin-top:0; color:#222; }
.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 > 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; }

.bt_bn {padding: 25px 0; background: #BCADFE; background: -moz-linear-gradient(left, #BCADFE 0%, #82c8b8 50%, #45E46F 100%); background: -webkit-linear-gradient(left, #BCADFE 0%, #82c8b8 50%, #45E46F 100%); background: linear-gradient(to right, #BCADFE 0%, #82c8b8 50%, #45E46F 100%);}

.layerPopup .contentBox{position: fixed; top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50%;height:auto}
.layerPopup .contentBox button{position: absolute;display: block;top: -45px;right: 0;width: 38px;height: 38px;}
.layerPopup .contentBox .pop_box > div{position:relative; padding-bottom:56.25%; width: 100%; overflow:hidden;z-index: 10;}
.layerPopup .contentBox .pop_box > div iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

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

    .conWrap .live_info{padding: 7% 3%;}
    .conWrap .live_info img{width: 100%;}
    .conWrap .live_info span{margin: 7% auto 5%;}
    .conWrap .live_info .rplWrap .slick-list {margin-left: 2%;}
    .conWrap .live_info .rplRoll .slick-slide img{width: 95%;}
    

    .conWrap {padding: 6% 3% 5%;}
    .conWrap .leftS { width:60%; }
    .conWrap .leftS .movie { width:100%; }
    .conWrap .leftS .movie div span img{width: 100%;}
    .conWrap .rightS i.finish_live{top: 10vw;}

    .conWrap .rightS{width: 39%;}
    .conWrap .rightS form { padding:0 15px; }
    .listBox { margin:25px 15px 0;}
    .listBox ul li { padding:10px 15px; }
    .listBox .paging { padding:7px 0; }

    .layerPopup .contentBox{width: 80%;}
}
    
@media (max-width: 768px){
    .conWrap .leftS { float:none; width:100%; }
    .conWrap .leftS .movie { width:100%; }
    .conWrap .leftS .left_btn{margin: 3% auto 8%;}
    .conWrap .leftS .left_btn img{width: 35%;}

    .conWrap .rightS { float:none; width:100%; padding:0 2% 4%; }
    .conWrap .rightS i.finish_live{max-width: 100%;width: 20%;}
    .conWrap .rightS i.finish_live img{width:100%}
    .bt_bn{padding:5% 2%;}
}

@media (max-width: 480px){  
    .conWrap .live_info::before{background-size: contain;width: 10%;height: 9%;}

    .conWrap .rightS { padding:0 10px 4%; }
    .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 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; }

    .layerPopup .contentBox{width: 85%;}
    .layerPopup .contentBox button{width: 7%;height: auto;top: -15%;}
}