@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
#mContainer{position:relative;z-index:1;}
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap{width:100%;text-align:center;position:relative;font-size: 17px;line-height: 1.4;letter-spacing: -0.03em;}
.eventWrap{font-family : 'NotoSans KR';}
.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%}
.eventWrap .con_tit{position: relative;text-align: center;margin-bottom:80px;}
.eventWrap .con_subtit{margin-bottom: 35px;position:relative;padding: 0 5%;}
.eventWrap .img_mb{display:none}
.eventWrap .conBox{position:relative}
.eventWrap .conBox::after{content:"";display:block;clear:both}
.eventWrap .flow::after{content:"";display:block;clear:both}
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 56.2%;background: #222;overflow: hidden;}
.eventWrap .video_box .play_area{width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .video_box img{width:100%}
.eventWrap .video_box.ytb{padding: 0;}
.eventWrap .video_box.vdo_none{padding: 0;}

.flt_inner{position:absolute;text-align: right;margin-top: 4%;right: 5%;z-index: 2; top:1300px; }
.flt_inner a{position: relative;font-size:0;display: block;}
.flt_inner li {margin-top:5px}

#mWrap { overflow:hidden; }


.pc {}
.mo { display:none; }
.mo_view2{display: none;}


/*intro*/
.conTop { height:100vh; min-height:1100px; background:url(https://img.megagong.net/m/2022/0620_lineup/bg_intro.png) no-repeat center; background-size:cover; }
.conTop.on { position:relative; }
.conTop.on:before { content:""; display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:url(https://img.megagong.net/m/2022/0620_lineup/bg_intro2.png) no-repeat center; background-size:cover; animation:vsTxt 1.5s; animation-fill-mode: forwards; opacity:0; }
.conTop .inner { width:100%; max-width:1560px; height:100%; display:table; }
.conTop .inner > ul { display:table-cell; vertical-align:middle; opacity:0; transition:all .3s; }
.conTop .inner > ul.on { opacity:1; }
.conTop .inner > ul li:nth-child(2) { margin-top:60px; }
.conTop .inner > ul.on li:first-child { animation:vsTxt .5s 1.5s; animation-fill-mode: forwards; opacity:0;  }
.conTop .inner > ul.on li:nth-child(2) { animation:vsTxt 1s 3.5s;  animation-fill-mode: forwards; opacity:0; }

.intro { position:absolute; top:0; left:0; opacity:0; z-index:5; }
.intro .tiny_txt { position:absolute; top:45px; right:155px; color:#555; font-size:12px; line-height:120%; text-align:right; }
.intro .tiny_txt li { margin-bottom:5px; }
.intro.on { animation:vsTxt .5s 1.5s; animation-fill-mode: forwards; opacity:0;}

@keyframes vsTxt{
    0% { opacity:0; transform:scale(1); }
    100% { opacity:1; transform:scale(1); }
}

.tabWrap { position:relative; padding-top:80px;}
.tabMenu { background:#444; position:absolute; top:0; left:0; width:100%;  }
.tabMenu.on { position:fixed; z-index:5; }
.tabMenu > ul { width:1080px; margin:auto; overflow:hidden; height:80px; }
.tabMenu > ul li { float:left; width:20%; height:100%; display:table; cursor:pointer; }
.tabMenu > ul li span { display:table-cell; vertical-align:middle; color:#999; font-size:24px; }
.tabMenu > ul li.on { background:#fff;}
.tabMenu > ul li.on span { color:#f44c25; font-weight:900; }
.tabMenu > div { display:none; }
.tabMenu .mo_view{display: none;}

.tabList { position:fixed; z-index:-5; top:0; opacity:0; } 

.teacher2 { display:none; }

/*visual*/
.vsBox { height:890px; background:url(https://img.megagong.net/m/2022/0620_lineup/bg_vsBox.png) no-repeat center; background-size:cover; }
.vsBox .inner { position:relative; height:100%; }
.vsBox img { position:absolute; bottom:0; left:0; max-width:1353px; }
.vsBox p.tiny_txt { color:#b5b5b5; font-size:12px; line-height:120%; position:absolute; bottom:25px; left:0; text-align:left; font-weight:300; }
.vsBox .home { display:block; width:36px; height:36px; font-size:0; position:absolute; bottom:205px; z-index:3; }
.vsBox .home.tab11 { left:275px; }
.vsBox .home.tab12 { left:273px; bottom:197px; }
.vsBox .home.tab2 { left:411px; bottom:186px; }
.vsBox .home.tab3 { left:469px; bottom:186px; }
.vsBox .home.tab4 { left:469px; bottom:186px; }
.vsBox .home.tab5 {left: 215px; bottom:186px;}
.vsBox .home.tab6 {left: 245px; bottom:186px;}
.vsBox .home a { display:block; width:100%; height:100%; }
.vsBox .discount { position:absolute; top:200px; left:0; width:530px; height:23px; font-size:0; z-index:3;  } 
.vsBox .discount a { display:block; width:100%; height:100%; }


/*con1*/
.con01 { padding:125px 0 160px; }
.textBox { padding-top:80px; }

.tab_slick { width:100%; }
.tab_slick .item { height:80px; box-sizing:border-box; cursor:pointer; }
.tab_slick .item p { display:table; width:100%; height:100%; background:#f4f4f4; border-bottom:2px solid #000; }
.tab_slick .item p span { display:table-cell; vertical-align:middle; color:#a3a3a3; font-size:20px; font-weight:500; }
.tab_slick .slick-current .item { border:2px solid #000; border-bottom:none; box-sizing:border-box; }
.tab_slick .slick-current .item p { background:#fff; border-bottom:none; }
.tab_slick .slick-current .item p span { color:#000; }

/*
.tab_slick { width:100%; overflow:hidden; }
.tab_slick .item { float:left; width:33.333%; height:80px; box-sizing:border-box; cursor:pointer; }
.tab_slick .item p { display:table; width:100%; height:100%; background:#f4f4f4; border-bottom:2px solid #000; }
.tab_slick .item p span { display:table-cell; vertical-align:middle; color:#a3a3a3; font-size:20px; font-weight:500; }
.tab_slick .item.on { border:2px solid #000; border-bottom:none; box-sizing:border-box; }
.tab_slick .item.on p { background:#fff; border-bottom:none; }
.tab_slick .item.on p span { color:#000; }
*/

.textBox .tiny_text { margin-top:10px; color:#bebebe; line-height:120%; font-size:11px; text-align:left; }
.tabC_slick { width:100%; border:2px solid #000; border-top:none; padding:60px 30px; box-sizing:border-box; margin-top:-5px; text-align:center; }
.tabC_slick .item > img { display:block; margin:auto; }
.tabC_slick .video_box { float:left; width:540px; padding-bottom:30%; }
.tabC_slick .video_box + img { float:right; }
.tabC_slick div .tiny { clear:both; text-align:right; color:#aaa; margin-top:10px; font-size:12px; padding-top:10px; }



/*con2*/
.con02 { padding:120px 0 160px; background:#ffeee9; }
.videoBox { margin-top:85px; overflow:hidden; text-align:center; }
.videoBox li { width:530px; display:inline-block; vertical-align:top; }
.videoBox li:last-child { float:right;}


/*con3 tbl*/
.con03 { padding:120px 0 160px; }
.con03 .boxTbl { margin-top:85px; }
.teaCurr { margin-top:70px; }
.teaCurr .essential .tbl tr th.leftTit { background:#f3f3f3; font-weight:300;}
.teaCurr .tbl tbody tr th, .teaCurr .tbl tbody tr td { padding:25px 6px; position:relative; }
.teaCurr .tbl .focusIcon { font-size:12px; padding:3px 7px; }
.teaCurr .tbl .focusIcon.ver1 { position:absolute; top:5px; left:10px; width:370px; }
.teaCurr .tbl .focusIcon.ver2 { position:absolute; top:5px; left:10px; width:340px; }
.stepTbl { width:100%; overflow:hidden; margin-bottom:10px; }
.stepTbl li { float:left; width: calc(20% - 1px); margin-left:1px; border:1px solid #333; border-radius:5px; padding:8px 0; font-weight:700; font-size:14px; }
.stepTbl li:first-child { width: calc(40% - 3px); }
.stepTbl li:nth-child(2) { float:left; }

.lecture { margin-top:60px; padding-bottom:0 !important; }



/*event*/
.eventCon { background:#d5f1db; padding:160px 0; position:relative; opacity:.9999; }
.eventCon:before { content:""; display:block; width:100%; height:504px; background:#e6f7e9; position:absolute; top:568px; }
.eventCon .finish { position:absolute; top:0; right:0; }
.eventCon .txt { color:#000; font-size:22px; font-weight:700; line-height:120%; margin-top:35px; }

.eventBox { margin-top:75px; width:100%; background:#e6f7e9; padding:40px 0; overflow:hidden; display:table; }
.eventBox ul { display:table-cell; vertical-align:middle; font-size:21px; }
.eventBox li { line-height:120%; border-top:1px dashed #8a8b8a; padding:25px 0; text-align:left; color:#000; font-size:21px; line-height:120%; }
.eventBox li:first-child { border-top:none; }
.eventBox li p { display:inline-block; vertical-align:top; position:relative; padding-left:15px; }
.eventBox li p:before { content:""; display:block; width:4px; height:4px; background:#000; position:absolute; top:10px; left:0; border-radius:50%; }
.eventBox li p:after { content:""; display:inline-block; margin:0 8px; width:2px; height:15px; background:#000;  }
.eventBox li > span { display:inline-block; vertical-align:top; }
.eventBox li > span > span { margin-left:10px; font-size:13px; }
.eventBox > p { display:table-cell; vertical-align:middle; }

.process { margin-top:125px; position:relative; }
.process i { position:absolute; top:-153px; left:75px; }
.process h4 { position:relative; }
.process h4:before { content:""; display:block; width:100%; height:1px; background:#000; position:absolute; top:14px; left:0; z-index:-1; }
.process h4 span { display:inline-block; width:auto; background:#d5f1db; font-size:24px; line-height:120%; padding:0 15px; color:#000; position:relative; }
.process h4 span:before { content:""; display:block; width:1px; height:10px; background:#000; position:absolute; top:10px; left:0; }
.process h4 span:after { content:""; display:block; width:1px; height:10px; background:#000; position:absolute; top:10px; right:0; }
.process .listBox { margin-top:30px; overflow:hidden; }
.process .listBox li { display:inline-block; vertical-align:middle; }
.process .listBox li.bullet { margin:0 15px; }
.process .btn { margin-top:60px; }
.process .btn li { display:inline-block; vertical-align:top; margin:0 10px;}

.evt_box h3 { background:#227e38; text-align:center; color:#fff; font-size:24px; line-height:60px; height:60px; }
.evt_box > div { padding:70px 0; overflow:hidden; text-align:left; color:#000; font-size:14px; line-height:120%; font-weight:300;}
.evt_box h4 { font-size:16px; font-weight:700; }
.evt_box ul { margin-top:10px; }
.evt_box li { line-height:120%; margin-top:5px; }
.evt_box dt { margin-top:15px; font-weight:700; }
.evt_box dd { color:#555; line-height:120%; margin:5px 0 0 15px; }
.evt_box dd a { color:#ff0000; text-decoration: underline; font-weight:700; margin-left:5px; }


@media (max-width: 1520px){

    /*intro*/
    .conTop { height:72vw; min-height:auto; }
    .conTop .inner > ul li:nth-child(2) { margin-top:5vw; }
    .conTop .inner > ul li img { width:70%; }
    .intro .tiny_txt { top:45px; right:8vw; }

}

@media (max-width: 1200px){
    .eventWrap{font-size: 13px;}
	.flt_inner{display: none !important;}
    .eventWrap .inner {width: 96%;}

    
    .tabWrap { padding-top:80px; z-index: 6; }
    .tabMenu > ul { width:100%; margin:auto; overflow:hidden; height:80px; box-sizing:border-box; padding:0 2%; }
    .tabMenu > ul li { position:relative; }
    .tabMenu > ul li span { font-size:20px; }
    .tabMenu > ul li.on { background:none;}
    .tabMenu > ul li.on:before { content:""; display:block; width:100%; height:3px; background:#f44c25; position:absolute; bottom:0; left:0; }
    .tabMenu > div { width:100%; height:50px; display:block; background:#f4f4f4; position:relative; z-index:5; }
    .tabMenu > div > p { float:left; line-height:150%; margin-left:10px; }
    .tabList { opacity:1; }
    .tabList p { padding:15px; color:#c4c4c4; }
    .tabList p i { display:inline-block; vertical-align:middle; margin-left:2px; width:16px; height:16px; overflow:hidden; position:relative; background:url(https://img.megagong.net/m/2022/0620_lineup/icon_discount.png) no-repeat left top; }
    .tabList p.on i { background:url(https://img.megagong.net/m/2022/0620_lineup/icon_discount.png) no-repeat right top; }
    /* .tabList p i img { position:absolute; top:0; left:0; width:32px; } */
    .tabList p.on a { color:#000; }
    .tabList.sec p{text-align: left;}
    /* .tabList p.on i img { position:absolute; left:16px; } */

    /*intro*/
    .intro .tiny_txt { top:5vw; right:5vw; font-size:11px; }


    /*visual*/
    .vsBox { height:65vw; }
    .vsBox img { width:100%; max-width:1353px; }
    .vsBox .home { width:3vw; height:3vw; bottom:14vw; }
    .vsBox .home.tab11 { left:20%; }
    .vsBox .home.tab12 { left:21%; bottom:14vw; }
    .vsBox .home.tab2 { left:30%; bottom:13vw; }
    .vsBox .home.tab3 { left:34.5%; bottom:13vw; }
    .vsBox .home.tab4 { left:34.5%; bottom:13vw; }
    .vsBox .home.tab5 {left: 15.5%; bottom:13vw;}
    .vsBox .home.tab6 {left: 18%; bottom:13vw;}
    .vsBox .discount {  top:16.5vw; width:38vw; height:2vw; } 
    .vsBox p.tiny_txt { bottom:15px; }


    /*con1*/
    .con01 { padding:10vw 0; }
    .textBox { padding-top:5vw; }
    .tab_slick .item { height:80px; }
    .tab_slick .item p span { font-size:16px; }
    .tabC_slick { padding:3vw; }
    .tabC_slick .video_box { width:57%; padding-bottom:30%; }
    .tabC_slick .video_box + img { width:42%; }
    .tabC_slick div .tiny { font-size:11px; padding-top:5px; }


    /*con2*/
    .con02 { padding:10vw 0; }
    .videoBox { margin-top:5vw; }
    .videoBox li { width:46%; }

        
    /*con3 tbl*/
    .con03 { padding:10vw 0; }
    .con03 .boxTbl { margin-top:5vw; }
    .teaCurr { margin-top:5vw; }
    .teaCurr .essential .tbl tr th.leftTit { background:#f3f3f3; font-weight:300;}
    .teaCurr .tbl td { position:relative; }
    .teaCurr .tbl .focusIcon.ver1 {width: 288%;left: 6%;}
    .teaCurr .tbl .focusIcon.ver2 {width: 187%;left: 6%;}
    .lecture { margin-top:5vw; padding-bottom:0 !important; }




    /*event*/
    .eventCon { padding:10vw 0; }
    .eventCon:before { display:none; }
    .eventCon .finish { width:20%; max-width:190px; }
    .eventCon .txt { font-size:18px; margin-top:3vw; }
    .eventBox { margin-top:5vw; padding:3vw 2vw; }
    .eventBox ul { font-size:16px; }
    .eventBox li { padding:15px 0; font-size:16px; }
    .eventBox li p { padding-left:10px; }
    .eventBox li p:before { top:7px; }
    .eventBox li p:after { margin:0 5px; width:2px; height:12px; }
    .eventBox li > span > span { margin-left:5px; font-size:13px; }
    .eventBox > p { width:40%; }
    .eventBox > p img { width:100%; }
    .process { margin-top:10vw; }
    .process i { display:none; }
    .process h4:before { top:10px; }
    .process h4 span {font-size:18px; padding:0 15px; }
    .process h4 span:before { height:10px; top:5px; }
    .process h4 span:after { height:10px; top:5px; }
    .process .listBox { margin-top:3vw; }
    .process .listBox li { width:30%; }
    .process .listBox li:first-child { width:28%; }
    .process .listBox li.bullet { margin:0; width:5%; }
    .process .listBox li.bullet img { margin-top:0; }
    .process .btn { margin-top:5vw; }
    .process .btn li { width:45%; margin:0 5px; }
    .evt_box h3 { font-size:18px; line-height:45px; height:45px; }
    .evt_box > div { padding:5vw 0; font-size:13px; }
    .evt_box h4 { font-size:15px; }
    .evt_box ul { margin-top:10px; }
    .evt_box li { margin-top:5px; }
    .evt_box dt { margin-top:10px; }
    .evt_box dd {margin:5px 0 0 10px; }
    
}

@media (max-width: 992px){

    
}

@media (max-width: 768px){

    .mo { display:block; width:100%; margin:auto; }
    .pc { display:none; }


    /*intro*/
    .conTop { max-height:auto; min-height:540px; height:160vw; }
    .conTop .inner { width:100%; max-width:1560px; height:100%; display:table; }
    .conTop .inner > ul li:nth-child(2) { margin-top:5vw; }
    .conTop .inner > ul li img { width:100%; }
    .intro { text-align:center; }
    .intro .tiny_txt { display:none; }

    
    .tabWrap { padding-top:80px; }
    .tabMenu > ul { width:100%; margin:auto; overflow:hidden; height:80px; box-sizing:border-box; padding:0 2%; }
    .tabMenu > ul li { position:relative; }
    .tabMenu > ul li span { font-size:20px; }
    .tabMenu > ul li.on { background:none;}
    .tabMenu > ul li.on:before { content:""; display:block; width:100%; height:3px; background:#f44c25; position:absolute; bottom:0; left:0;}
    .tabMenu > div { width:100%; height:50px; display:block; background:#f4f4f4; position:relative; z-index:5; }
    .tabMenu > div > p { float:left; line-height:150%; margin-left:10px; }
    .tabList p { padding:15px; color:#c4c4c4; }
    .tabList p i { display:inline-block; vertical-align:bottom; margin-left:2px; width:16px; height:16px; overflow:hidden; position:relative; }
    .tabList p i img { position:absolute; top:0; left:0; }

    
    /*visual*/
    .vsBox { height:140vw; min-height:560px; }
    .vsBox img { position:absolute; top:10%; bottom:inherit;  }
    .vsBox p.tiny_txt { font-size:10px; left:inherit; text-align:right; color:#868686; line-height:120%; }
    .vsBox .home { width:6vw; height:6vw; bottom:inherit; top:106vw; }
    .vsBox .home.tab11 {left: 36.5%;}
    .vsBox .home.tab12 {left: 36.5%; bottom:inherit;top: 103vw;}
    .vsBox .home.tab2 { left:55%; bottom:inherit;top: 108vw;}
    .vsBox .home.tab3 {left: 63%; bottom:inherit;top: 107vw;}
    .vsBox .home.tab4 {left: 63%; bottom:inherit;top: 107vw;}
    .vsBox .home.tab5 {left: 28%; bottom:inherit;top: 107vw;}
    .vsBox .home.tab6 {left: 32%; bottom:inherit;top: 107vw;}
    .vsBox .discount { top:37vw; width:41vw; height:9vw; } 
    
    

    /*con3 tbl*/
    .stepTbl li { width: calc(49.5% - 1px); }
    .stepTbl li:first-child { margin-left:0; width:calc(50% + 1px); }
    .stepTbl.one li:first-child { width:67%; }
    .stepTbl.one li:nth-child(2) { width:calc(33% - 1px); }
    .lecture { margin-top:60px; padding-bottom:0 !important; }


}

@media (max-width: 578px){
    
    
    /*con1*/
    .tab_slick .item { height:60px; }
    .tab_slick .item p span { font-size:11px; }

    
    /*visual*/
    .tabWrap { padding-top:60px; }
    .tabMenu > ul { height:60px; }
    .tabMenu > ul li span { font-size:17px; }
    .tabMenu > ul li.on { background:none;}
    .tabMenu > ul li.on:before { content:""; display:block; width:100%; height:3px; background:#f44c25; position:absolute; bottom:0; left:0;}
    .tabMenu > div { width:100%; height:50px; display:block; background:#f4f4f4; position:relative; z-index:5; }
    .tabMenu > div > p { float:left; line-height:150%; margin-left:10px; }
    .tabList p { padding:15px; color:#c4c4c4; }
    .tabList.sec p{padding: 7px 15px;}
    .tabList p i { display:inline-block; vertical-align:bottom; margin-left:2px; width:16px; height:16px; overflow:hidden; position:relative; }
    .tabList p i img { position:absolute; top:0; left:0; }


    /*event*/
    .eventCon .txt { font-size:15px; }

    .eventBox ul { font-size:15px; clear:both; display:block; }
    .eventBox li { padding:10px 0; font-size:14px; }
    .eventBox li p { padding-left:10px; }
    .eventBox li p:before { top:7px; }
    .eventBox li p:after { margin:0 5px; width:2px; height:12px; }
    .eventBox li > span > span { margin-left:5px; font-size:13px; }
    .eventBox > p { display:block; width:60%; margin:auto; }
    .eventBox > p img { width:100%; }

    .process h4 span {font-size:16px; padding:0 10px; }
    .process .listBox li { width:29%; }

    .evt_box h3 { font-size:15px; line-height:40px; height:40px; }
    .evt_box > div { font-size:12px; }
    .evt_box h4 { font-size:13px; }
    .evt_box ul { margin-top:5px; }
    .evt_box li { margin-top:2px; }
    .evt_box dt { margin-top:5px; }
    .evt_box dd {margin:5px 0 0 5px; }

    .vsBox .home {top:110vw; }
    .vsBox .home.tab12{top:103vw; }
    .vsBox .home.tab2,
    .vsBox .home.tab3{top:108vw; }
}


@media (max-width: 460px){
    .vsBox .home {top:112vw; }
    .vsBox .home.tab12{top:105vw; }
    .vsBox .home.tab2,
    .vsBox .home.tab3{top: 107vw;}
    .tabMenu .mo_view{display: block;}
    .tabList.sec p{padding: 7px 25px;}
    .mo_view2{display: block;}
    .teaCurr .tbl .focusIcon.ver2.d0627{font-size: 10px;top:-2%}
}

@media (max-width: 360px){
    .tabList.sec p{padding: 7px 15px;}
}


/* evtBoard_common */
.sns_lst { margin-top:60px; }
.sns_lst .tit{position: relative;text-align: center;}
.sns_lst .tit::before{position:absolute;content:'';top: 50%;left: 0;margin-top:-5px;width: 410px;height: 10px;border-top:2px dashed #888888}
.sns_lst .tit::after{position:absolute;content:'';top: 50%;right: 0;margin-top:-5px;width: 410px;height: 10px;border-top:2px dashed #888888}
.sns_lst ul{padding: 40px;background: #fff;}
.sns_lst ul li+li{margin: 15px 0 0;}
.sns_lst ul li dl{position: relative;padding: 0 0 0 155px;text-align: center;}
.sns_lst ul li dl:after{content:'';display:block;clear:both}
.sns_lst ul li dl dt{color: #fff;width: 155px;height: 50px;line-height:50px; border-radius: 8px;font-size: 20px;font-weight: bold;margin: 0;position: absolute;top: 0;left: 0;}
.sns_lst ul li dl dd{float: left;width: 155px;height: 50px;border-radius: 8px;margin: 0 0 0 20px;border: 1px solid #3a3a3a; color: #3a3a3a; font-weight: bold;font-size: 16px;box-sizing: border-box;  }
.sns_lst ul li dl dd+dd{margin:0 0 0 10px}
.sns_lst ul li dl dd a { display:table; width:100%; height:100%; }
.sns_lst ul li dl dd a span { display:table-cell; vertical-align:middle; line-height:120%; }

.btnUrl{position: absolute;right: 0;top: 0;font-size: 15px;font-weight: bold; border-bottom:1px solid #000; font-family: 'NotoSans KR'; }
.board_notice{position:relative;margin: 0 30px;}
.board_notice li{color:#f8d3d1}
.evtBoard_common{background: #ececec;padding: 30px 0;margin: 0 auto; }
.evtBoard_common .board_write{padding: 0 135px 0 0;}
.evtBoard_common .board_write .inp_wrap{border: 2px solid #2a2a2a;}
.evtBoard_common .board_write .inp_wrap textarea, 
.evtBoard_common .board_write .inp_wrap input[type="text"]{width:100%; height: 56px;border: none;padding: 15px 15px;box-sizing: border-box; background:#ececec; }
.evtBoard_common .board_write .btn_wrap { width:135px; }
.evtBoard_common .board_write .btn_wrap a{height: 60px;line-height: 60px;width:auto;padding: 0; text-indent: 0; background: #2a2a2a; color: #fff; }

.evtBoard_common .board_notice li {color: #666;opacity: 1;font-size: 13px;line-height: 1.2;}
.evtBoard_common .board_notice li span{color: #c3f6c9;}
.evtBoard_common .board_notice label{position:absolute;right:0;top:0}
.evtBoard_common .board_list{position: relative;margin: 20px auto 0;}
.evtBoard_common .board_list .tbl{border:none}
.evtBoard_common .board_list .tbl tr th{background:#000;border: none;color:#fff;font-size: 16px;font-weight: 200;}
.evtBoard_common .board_list .tbl tr{border-bottom:1px solid #6c6c6c;color:#fff}
.evtBoard_common .board_list .tbl tr:first-child,
.evtBoard_common .board_list .tbl tr:last-child{border:none}
.evtBoard_common .board_list .tbl tr td{border:none;}
.evtBoard_common .board_list .tbl tr td.titxt{text-align:left}
.evtBoard_common .board_list .tbl tr td .td_remove{float:right;margin-top: 3px;}

.evtBoard_common .paging{color: #fff;margin: 60px auto 0;text-align: center;padding: 0;}
.evtBoard_common .paging a, 
.evtBoard_common .paging strong{line-height: 1;vertical-align: top;}
.evtBoard_common .paging a{padding:0 5px;/* margin-top: 3px; */display: inline-block;}
.evtBoard_common .paging strong{padding: 0 9px;color: #fff;}
.evtBoard_common .paging img{margin-top: 3px;}


/* Æ˾÷ */
.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_bnrwrp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;}
.dim_bnrwrp_wrap .dim_popup{position:fixed;top:50% !important;left:50%;z-index:3;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.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 (max-width: 1200px){

    .flt_inner{display: none;}
    .eventWrap .inner{width: 96%;}
    .eventWrap .con_box{width:100%}

    .sns_lst ul{padding: 2%;}
    .sns_lst ul li dl{padding: 0 0 0 18%;}
    .sns_lst ul li dl dt{width: 18%;font-size: 18px;}
    .sns_lst ul li dl dd{width: 18%;margin: 0 0 0 2%;font-size: 16px;}
    .sns_lst ul li dl dd+dd{margin:0 0 0 1%}

    .evtBoard_common .board_write{padding: 0;}
    .evtBoard_common .board_write .btn_wrap a{height:40px;line-height:40px}
    .evtBoard_common .board_write .btn_wrap { width:100%; }
    .board_notice{margin:0 15px}
    .btnUrl{font-size: 12px; float:right; position:relative;}

}
@media (max-width: 992px){
    
    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}
    
}
@media (max-width: 768px){
    
    .sns_lst ul li dl{padding: 0;}
    .sns_lst ul li dl dt{width: 100%;font-size: 18px;position: relative;margin-bottom: 2%;height: 40px;line-height: 40px;}
    .sns_lst ul li dl dd{width: 32%;margin: 0 0 0 1.3%;font-size: 14px;height: 40px;}
    .sns_lst ul li dl dd:nth-child(2),
    .sns_lst ul li dl dd:nth-child(5){margin:0}
    .sns_lst ul li dl dd:nth-child(5),
    .sns_lst ul li dl dd:nth-child(6){margin-top:1.3%}
    .evtBoard_common .board_write .inp_wrap textarea, 
    .evtBoard_common .board_write .inp_wrap input[type="text"]{height:40px;line-height:40px;padding: 0 5px;font-size: 13px;}
    .evtBoard_common .board_write .btn_wrap a{height:40px;line-height:40px}

}
@media (max-width: 576px){
    .sns_lst { margin-top:30px; }
    .sns_lst ul li dl dt { font-size:15px; height:30px; line-height:30px; }
    .sns_lst ul li dl dd { font-size:12px; height:35px; }
    .evtBoard_common .board_notice li { font-size:11px; }
    .dim_popup.sns{width:90%}
}