@charset "euc-kr";

.eventWrap{position:relative;overflow: hidden;font-family : 'NotoSans KR';font-weight:200;letter-spacing:-0.06em}
.eventWrap *{box-sizing:border-box;}
.eventWrap .inner{width: 1080px;margin:0 auto;position:relative;}
/* .eventWrap h3{position:relative;text-align:center;margin-bottom: 80px;line-height: 1.2;}
.eventWrap h3:before{position:absolute;content:'';background: #222;width: 50%;height: 1px;right: -50%;top: 130px;z-index: 3;}
.eventWrap h3.left{text-align:left} */
.eventWrap .con_box{overflow: hidden;}
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 50%;}
.eventWrap .video_box.none{padding-bottom:0}
.eventWrap .video_box .play_area{position: absolute;width: 100% !important;height: 100% !important;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .video_box img{width: 100%;height: 100%;}
.eventWrap .blindw{display:none;}


/* flo */
.flt_inner {position: absolute;text-align: center;width: 187px;top: 100px;left: 50%;margin-left: 650px;z-index: 3;}
.flt_inner a {display:block;}
/* .flt_inner a + a + a{margin-top:10px;} */
.flt_inner a:last-child{margin-top:10px;}


.eventWrap .visual { width:100%; height:800px; box-sizing:border-box; padding:70px 0 140px; background:url(https://img.megagong.net/m/2021/0706_english/mainVisual.jpg) no-repeat center; text-align:center; }
.eventWrap .visual p { animation:vs1 1s; }
.eventWrap .visual .dot { margin-top:40px; animation:vs2 2s; }
.eventWrap .visual h2 { margin-top:35px; animation:vs3 3s; }


@keyframes vs1 {
    0% { opacity:0; }
    100% { opacity:1; }
}
@keyframes vs2 {
    0%, 50% { opacity:0; }
    100% { opacity:1; }
}
@keyframes vs3 {
    0%, 70% { opacity:0; }
    100% { opacity:1; }
}


.con1 { background:url(https://img.megagong.net/m/2021/0706_english/bg_con1.jpg) no-repeat center; background-size:cover; padding:100px 0 110px; position:relative; }
.con1:before { content:""; display:block; width:760px; height:122px; position:absolute; top:100px; left:50%; margin-left:540px; background:url(https://img.megagong.net/m/2021/0706_english/bg_tit1.png) no-repeat center; }
.con1 h3 { text-align:right; }
.con1 p { margin-top:50px; }

.con2 { background:url(https://img.megagong.net/m/2021/0706_english/bg_con2.jpg) no-repeat center; background-size:cover; padding:100px 0; position:relative; }
.con2:before { content:""; display:block; width:760px; height:122px; position:absolute; top:87px; right:50%; margin-right:540px; background:url(https://img.megagong.net/m/2021/0706_english/bg_tit2.png) no-repeat center; }
.con2 h3 { text-align:left; }
.con2 .inner > div { text-align:center; margin-top:50px; }
.con2 p { margin-top:30px; }

.con3 { background:#13a094; position:relative; opacity:.9999; text-align:center; padding-bottom:110px; position:relative; }
.con3:before { content:""; display:block; width:100%; height:60px; background:#10847a; position:absolute; top:119px; left:0; z-index:-1; }
.con3:after { content:""; display:block; width:100%; height:79px; background:url(https://img.megagong.net/m/2021/0706_english/bg_con3.png) repeat-x; position:absolute; bottom:242px; left:0; z-index:-1; }
.con3 .inner2 { max-width:1300px; margin:auto; }
.con3 .img { margin-top:45px; }
.con3 p { text-align:right; font-size:12px; color:rgba(255,255,255,.2); margin:10px 50px 0 0; }
.con3 p.img_txt { text-align:center; margin-top:20px; }

.con4 { background:#f1f2f2; text-align:center; padding:100px 0 180px; position:relative; }
.con4:before { content:""; display:block; width:50%; height:15px; background:#c5e2df; position:absolute; top:245px; right:0; }
.con4 .tabMenu { margin-top:60px; }
.con4 .tabMenu:after { content:""; display:block; clear:both; }
.con4 .tabMenu li { float:left; width:20%; height:90px; background:#d1d3d4; position:relative; }
.con4 .tabMenu li:not(:first-child) { width:calc(20% - 1px); margin-left:1px;}
.con4 .tabMenu li a { display:table; width:100%; height:100%; }
.con4 .tabMenu li dl { display:table-cell; vertical-align:middle; color:#a7a9aa; }
.con4 .tabMenu li dt { font-size:20px; font-weight:300; }
.con4 .tabMenu li dd { font-size:26px; font-weight:700; margin-top:3px; }
.con4 .tabMenu li dd em { font-style:normal; }
.con4 .tabMenu li.on { background:#13a094; }
.con4 .tabMenu li.on:before { content:""; display:block; width:100%; height:28px; position:absolute; bottom:-17px; left:0; background: url(https://img.megagong.net/m/2021/0706_english/arrow_tab.png) no-repeat center top; }
.con4 .tabMenu li.on dl { color:#fff; }
.con4 .tabMenu li.on dd em { color:#fff450; }
.con4 .lectlist_wrap { background:#fff; text-align:left; }

.con4 .tab_content { margin-top:25px; overflow:hidden; } 
.con4 .tab_content > p { font-size:14px; color:#cfcfcf; text-align:right; margin-bottom:5px; }
.con4 .box1 { max-width:1080px; background:#fff url(https://img.megagong.net/m/2021/0706_english/bg_box1.png) no-repeat right top; border-radius:0 0 10px 10px; box-sizing:border-box; padding-bottom:80px; position:relative; } 
.con4 .box1:before { content:""; display:block; position:absolute; bottom:-15%; left:35px; width:12px; height:94px; background:url(https://img.megagong.net/m/2021/0706_english/bullet_tab.png) no-repeat; z-index:5; }
.con4 .box1:after { content:""; display:block; position:absolute; bottom:-15%; right:35px; width:12px; height:94px; background:url(https://img.megagong.net/m/2021/0706_english/bullet_tab.png) no-repeat; z-index:5; }
.con4 .box1 > div { overflow:hidden; position:relative; min-height:222px; box-sizing:border-box; padding:0 40px; } 
.con4 .box1 > div > img { position:absolute; top:0; right:40px; }
.con4 .box1 > div p.txt { float:left; margin:45px 0 0 80px; }
.con4 .box1 > div p.home { position:absolute; bottom:0; left:-60px; width:100%; height:22px; background: url(https://img.megagong.net/m/2021/0706_english/bg_home_line.png) no-repeat center top; }
.con4 .box1 > div p.home a { font-size:14px; color:#000; font-weight:700; line-height:22px; float:right; margin-right:200px; }
.con4 .box1 > div p.home a img { vertical-align:top; margin:3px 0 0 3px; }
.con4 .box1 .process { margin-top:40px; }
.con4 .box2 { margin-top:60px; max-width:1080px; background:#fff url(https://img.megagong.net/m/2021/0706_english/bg_box2.png) no-repeat left top; border-radius:0 0 10px 10px; box-sizing:border-box; padding-bottom:80px; position:relative; }
.con4 .box2:before { content:""; display:block; position:absolute; bottom:-12%; left:35px; width:12px; height:94px; background:url(https://img.megagong.net/m/2021/0706_english/bullet_tab.png) no-repeat; z-index:5;  }
.con4 .box2:after { content:""; display:block; position:absolute; bottom:-12%; right:35px; width:12px; height:94px; background:url(https://img.megagong.net/m/2021/0706_english/bullet_tab.png) no-repeat; z-index:5;  }
.con4 .box2 .tit { margin-top:50px; position:relative; }
.con4 .box2 .tit i { position:absolute; top:-50px; right:40px; }
.con4 .box2 .tit p { margin-top:75px; }
.con4 .lecture { background:#fff; margin-top:40px; padding-bottom:0 !important; box-shadow:10px 10px 20px rgba(0,0,0,.5);  }
.lectlist { border-top:none; border-bottom:none; }


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

    .eventWrap .visual { height:auto; padding:10vw 0 15vw; background-size:cover; }
    .eventWrap .visual p.top img { width:70%; max-width:700px; }
    .eventWrap .visual .dot { margin-top:5vw; }
    .eventWrap .visual h2 { margin-top:10vw; }

    .con1 { padding:10vw 0 15vw; }
    .con1:before { display:none; }
    .con1 h3 { text-align:right; }
    .con1 h3 img { width:80%; max-width:700px; }
    .con1 p { margin-top:5vw; }

    .con2 { padding:10vw 0; }
    .con2:before { display:none; }
    .con2 h3 { text-align:left; }
    .con2 h3 img { width:70%; max-width:650px; }
    .con2 .inner > div { margin-top:5%; }
    .con2 p { margin:3% auto 0; }
    .con2 p img { max-width:70%; }

    .con3 { padding-bottom:10vw; }
    .con3:before,
    .con3:after { display:none; }
    .con3 .inner2 { width:96%; }
    .con3 .img { margin-top:5vw; }
    .con3 p { font-size:11px; margin:1vw 5vw 0 0; }
    .con3 p.img_txt { margin:5vw auto 0; width:70%; max-width:830px; }

    .con4 { padding:10vw 0 15vw; }
    .con4:before { display:none; }
    .con4 .inner > h3 img { max-width:70%; }
    .con4 .tabMenu { margin-top:5vw; }






}

    
@media (max-width: 1080px){

    
.con4 .tab_content { margin:5vw auto 0; } 
.con4 .tab_content > p { font-size:12px; margin-bottom:5px; }
.con4 .box1 { max-width:100%; background-size:30%; box-sizing:border-box; padding:0 0 10%; } 
.con4 .box1:before { bottom:-13%; left:15px; width:10px; height:78px; background-size:100%; }
.con4 .box1:after { bottom:-13%; right:15px; width:10px; height:78px; background-size:100%; }
.con4 .box1 h3 img { width:100%; }

.con4 .box1 > div { min-height:auto; box-sizing:border-box; padding:0 10px; overflow:hidden; } 
.con4 .box1 > div > img { position:relative; right:inherit; float:right; max-width:200px; width:30%; }
.con4 .box1 > div p.txt { margin:8vw 0 0 0; max-width:500px; width:70%; }
.con4 .box1 > div p.txt img { width:100%;}
.con4 .box1 > div p.home { position:absolute; bottom:0; left:10px; width:calc(100% - 20px);}
.con4 .box1 > div p.home a { font-size:13px; margin-right:20vw; }
.con4 .box1 > div p.home a img { vertical-align:top; margin:3px 0 0 3px; }

.con4 .box1 .process { margin:5vw 10px 0; }
.con4 .box2 { margin-top:5vw; max-width:100%; background-size:30%; padding:0 0 10%; }
.con4 .box2:before { bottom:-13%; left:15px; width:10px; height:78px; background-size:100%;  }
.con4 .box2:after { bottom:-13%; right:15px; width:10px; height:78px; background-size:100%; }

.con4 .box2 .tit { margin:5vw auto 0; }
.con4 .box2 .tit i { top:-3vw; right:5px; width:15%; max-width:147px; }
.con4 .box2 .tit i img { width:100%; }
.con4 .box2 .tit p { margin:5vw auto 0; width:calc(100% - 20px);  overflow:hidden;  }
.con4 .lecture { margin-top:5vw; }


}


@media (max-width:850px) {
    .con4 .box1 > div p.home a { margin-right:30vw; }

    .con4 .tabMenu li dt { font-size:15px; }
    .con4 .tabMenu li dd { font-size:22px; }
    .con4 .tabMenu li.on:before { width:30%; height:15px; bottom:-1vw; left:35%; background-size:100%; }



}


@media (max-width: 650px){
    .con4 .tab_content { margin-top:2vw; }
    .con4 .tabMenu li { height:70px; }
    .con4 .tabMenu li dt { display:none; }
    .con4 .tabMenu li dd { font-size:15px; line-height:120%; margin-top:0; }
    .con4 .tabMenu li dd em { font-size:18px; line-height:120%; display:block; }
    .con4 .tabMenu li.on:before { display:none !important; }
    .con4 .box2 .tit p img { max-width:115% !important; }
    
.con4 .tab_content > p { display:none; }
}


@media (max-width: 480px){
    .con4 .box1:before { bottom:-13%; left:15px; width:7px; height:55px; }
    .con4 .box1:after { bottom:-13%; right:15px; width:7px; height:55px; }
    .con4 .box2:before { bottom:-13%; left:15px; width:7px; height:55px; }
    .con4 .box2:after { bottom:-13%; right:15px; width:7px; height:55px; }
    .con4 .tabMenu li { height:50px; }
    .con4 .tabMenu li dd { font-size:11px; line-height:120%; }
    .con4 .tabMenu li dd em { font-size:15px; }
}