@charset "euc-kr";
 
.eventWrap .inner2 { max-width:1000px; margin:auto; }
.evSection:not(.target) { position:relative; z-index:5; }
.evSection .target { position:relative; z-index:-2; }

/*fullpage layout*/
.fullpage { position: relative; z-index:1; }
.fullpage > div > article { height:100vh; max-width:1370px; min-height:800px; margin:auto; position:relative;  width:90%; }
.fullpage > div.bottom_hidden.target {  position:absolute; left:0; width:100%; height:35vh; margin-top:0; background:transparent; z-index:10; }
.fullpage > div.top_hidden.target {  position:absolute; left:0; width:100%; height:60vh; margin-top:-60vh; background:transparent; z-index:10; }


#full1 { background:#e4f6f9; }
#full2 { background:#f9dfed; }
#full3 { background:#fbecd6; }
#full4 { background:#e7dcf4; }

.fullpage .txtBox { position:absolute; top:50%; transform:translateY(-50%); text-align:left; width:100%;  }
.fullpage .txtBox .tit dd { margin-top:35px; } 
.fullpage .txtBox .tit dt,
.fullpage .txtBox .tit dt + dd,
.fullpage .txtBox .tit dd:last-child,
.fullpage .txtBox .sTit { opacity:0; }

.fullpage .txtBox .sTit { margin-top:70px; }
.fullpage .txtBox .sTit dt { font-size:26px; font-weight:700; margin-bottom:15px; }
.fullpage .txtBox .sTit dd { overflow:hidden; width:100%; display:flex; justify-content: flex-end; }
.fullpage .txtBox .sTit dd a { margin-right:20px; min-width:320px; padding:0 70px; display:inline-block; box-sizing:border-box; height:100px; border-radius:50px; color:#fff; font-size:32px; font-weight:700; display:table; text-align:center; }
.fullpage .txtBox .sTit dd a span { display:table-cell; vertical-align:middle; line-height:120%; }
.fullpage .img { height:100%; }
.fullpage .teacher {  font-size:20px; color:#181818; max-width:1370px; width:100%; box-sizing:border-box; padding:0 20px; }
.fullpage .teacher i { display:inline-block; width:27px; height:27px; background:#181818; border-radius:50%; font-style:normal; color:#fff; text-align:center; }


.fullpage .animate .txtBox .tit dt { opacity:0; animation:fadeIn .3s; animation-fill-mode: forwards; }
.fullpage .animate .txtBox .tit dt + dd { opacity:0; animation:fadeIn .3s .6s; animation-fill-mode: forwards; }
.fullpage .animate .txtBox .tit dd:last-child { opacity:0; animation:fadeIn .6s .9s; animation-fill-mode: forwards; }
.fullpage .animate .txtBox .sTit { opacity:0; animation:fadeIn .9s 1.2s; animation-fill-mode: forwards;  }
/* 
.fullpage .animate .txtBox .tit dt,
.fullpage .animate .txtBox .tit dt + dd,
.fullpage .animate .txtBox .tit dd:last-child  { opacity:1; } */

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}


#full1 .txtBox { right:5%; text-align:right; }
#full1 .txtBox .sTit dt { color:#42a2b1; text-align:right; }
#full1 .txtBox .sTit dd { text-align:right; }
#full1 .txtBox .sTit dd a { background:#42a2b1; margin:0 0 0 20px; }
#full1 .teacher { text-align:left; }
#full1 .img { float:left; }

#full2 .txtBox { left:5%; }
#full2 .txtBox .sTit dt { color:#e04fa0; }
#full2 .txtBox .sTit dd { justify-content: flex-start; }
#full2 .txtBox .sTit dd a { background:#e04fa0; }
#full2 .teacher { text-align:right; }
#full2 .img { float:right; }

#full3 .txtBox { right:5%; text-align:right; }
#full3 .txtBox .sTit dt { color:#ef9f29; text-align:right; }
#full3 .txtBox .sTit dd a { background:#ef9f29; margin:0 0 0 20px; }
#full3 .teacher { text-align:left; }
#full3 .img { float:left; }

#full4 .txtBox { left:5%; }
#full4 .txtBox .sTit dt { color:#a572e0; }
#full4 .txtBox .sTit dd { justify-content: flex-start; }
#full4 .txtBox .sTit dd a { background:#a572e0; }
#full4 .teacher { text-align:right; }
#full4 .img { float:right; }

.fullWrap { position:relative; }

.subBtn { position:fixed; top:10vh; left:2%; height:80vh; display:none; z-index:3; }
.subBtn:before { content:""; display:block; width:3px; height:100%; background:#fff; position:absolute; top:0; left:0; }
.subBtn li { /*height:25%;*/ height: 33.333%; width:60px; position:relative; padding-left:15px; }
.subBtn li:before { display:none; content:""; width:6px;  position:absolute; top:0; left:0;  }
.subBtn li.on:before { display:block; height:100%;  }
.subBtn li a { display:table; width:100%; height:100%; font-size:15px; }
.subBtn li span { display:table-cell; vertical-align:middle; text-align:left; opacity:0; }
.subBtn li.on span { opacity:1; }

.subBtn li:first-child.on:before { background:#42a2b1; }
.subBtn li:nth-child(2).on:before { background:#e04fa0; }
.subBtn li:nth-child(3).on:before { background:#ef9f29; }
.subBtn li:nth-child(4).on:before { background:#a572e0; }
.subBtn li:first-child.on a { color:#42a2b1; }
.subBtn li:nth-child(2).on a { color:#e04fa0; }
.subBtn li:nth-child(3).on a { color:#ef9f29; }
.subBtn li:nth-child(4).on a { color:#a572e0; }


/*evMain*/
.eventWrap .evSection.evMain { background-position:0 0; }
.evMain { height:100vh; min-height:1400px; background:url(https://img.megagong.net/m/2022/1216_final/bg_evMain.png) no-repeat center top; background-size:cover; }
.evMain .inner2 { max-width:1366px; margin:auto; height:100%; position:relative; }
.evMain p { color:#bbcde5; font-size:28px; line-height:120%; text-align:center; position:absolute; top:3vw; text-align:center; width:100%; }
.evMain h2 { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:1366px; width:100%; }
.evMain .mainList { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  width:100%; max-width:1080px; height:auto; }
.evMain .mainList li { display:inline-block; vertical-align:top; margin:100px 25px; opacity:0; transform:translateY(20%); transition:all .3s; filter: blur(15px); -webkit-filter: blur(15px); }
.evMain .mainList li.on { opacity:1; transform:translateY(0); filter: blur(0); -webkit-filter: blur(0); }


/*evCon1*/
.evCon1 { padding:100px 0; background:#fff; }
.evCon1 h4 { margin-top:55px; position:relative; }
.evCon1 h4:before { content:""; position:absolute; top:15px; z-index:-1; display:block; width:100%; height:25px; box-sizing:border-box; border:1px solid #cecece; border-bottom:none; }
.evCon1 .slickBn { margin-top:55px; width:1020px; } 

/*evCon2*/
.evCon2 { background:#f7f7f7; padding:150px 0; }
.evCon2 .slickBn { margin-top:70px; width:1020px; } 
.evCon2 .item img { display:block; margin:10px auto; }
.evCon2 .item .img_mo { display:none; }
.evBn { background:#2f2f2f; }


/*evCon3*/
.evCon3 { background: url(https://img.megagong.net/m/2022/1216_final/bg_evCon3.png) no-repeat center top; background-size:cover; padding:150px 0; }
.evCon3 .finish { position:absolute; top:0; left:50%; margin-left:350px; max-width:235px; width:20%; }
.evCon3 .sampleArea { margin-top:65px; }

.step1Box { margin-top:90px; display:none; }
.step2Box { margin-top:60px; }
.step1Box,
.step2Box { background:#fff; border-radius:15px; padding:40px; position:relative; }
.step1Box .tit,
.step2Box .tit { color:#191919; font-size:22px; line-height:140%; font-weight:700; }

.step1Box h4 { position:absolute; top:-25px; left:50%; transform:translateX(-50%); width:205px; height:45px; line-height:45px; text-align:center; background:#191919; border-radius:22.5px; color:#fff; font-size:25px; font-weight:700; }
.step1Box ul { margin-top:30px; }
.step1Box li { display:inline-block; vertical-align:top; text-align:center; padding:0 10px; position:relative; }
.step1Box li:first-child { margin-left:0; }
.step1Box li i { position:absolute; top:50%; width:100%; height:30px; }
.step1Box li i a { display:block; width:60%; height:100%; font-size:0; margin:auto; }
.step1Box li > a { display:block; margin-top:10px; }
.step1Box ul + p { text-align:left; margin-top:40px; color:rgba(65,65,65,.6); font-size:15px; }
.step2Box > img { margin-top:40px; }
.eventBoard { margin-top:80px; }
.eventBoard .evtBoard_common .evtBoard_inner { background:rgba(245,185,168,.6); }
.evtBoard_common .board_notice li { color:#bb8473; opacity:1; font-size:11px; }

/*warning*/
.eventWrap .evWarning { background:#f4f4f4; padding:60px 0; text-align:left; }
.evWarning dl { color:#222; line-height:120%; font-size:13px; }
.evWarning dt { font-size:16px; font-weight:700; margin-bottom:15px; }
.evWarning dd { margin-bottom:8px; font-size:13px; }
.evWarning a { display:inline-block; margin-left:2px; border-bottom:1px solid #456bde; color:#456bde; font-size:13px; font-weight:700; }


@media (max-width: 1200px){ 

    /*evMain*/
    .evMain { height:110vw; min-height:320px; }
    .evMain .inner2 { width:96%; }
    .evMain p { font-size:3vw; top:5vw; }
    .evMain h2 { top:52%; }
    .evMain .mainList { top:8vw; transform:translate(-50%, 0); }
    .evMain .mainList li { margin:6vw 2vw; width:45%; max-width:470px; }

        
    /*evCon1*/
    .evCon1 { padding:10vw 0; }
    .evCon1 h4 { margin-top:5vw; }
    .evCon1 h4:before { top:2vw; height:3vw; }
    .evCon1 h4 span img { width:80%; }
    .evCon1 .slickBn { margin-top:5vw; max-width:1020px; width:100%; } 
    .evCon1 .slickBn .item img { width:95%; display:block; margin:auto; max-width:322px; }
    .evCon1 .slick-dots { }
    .evCon1 .slick-dots li { display:inline-block; vertical-align:top; margin:0 5px; }
    .evCon1 .slick-dots li button { width:15px; height:15px; background:#777; font-size:0; border-radius:50%; }
    .evCon1 .slick-dots li.slick-active button { background:#f8a1ac; }

    /*evCon2*/
    .evCon2 { padding:10vw 0; }
    .evCon2 .slickBn { margin-top:5vw; max-width:1020px; width:100%; } 
    .evCon2 .item img { width:95%; display:block; margin:2.5%; }
    .evCon2 .slick-dots { }
    .evCon2 .slick-dots li { display:inline-block; vertical-align:top; margin:0 5px; }
    .evCon2 .slick-dots li button { width:15px; height:15px; background:#777; font-size:0; border-radius:50%; }
    .evCon2 .slick-dots li.slick-active button { background:#f8a1ac; }

    /*evCon3*/
    .evCon3 { padding:10vw 0; }
    .evCon3 .finish { left:inherit; margin-left:0; right:2%; }
    .evCon3 .sampleArea { margin-top:5vw; }

    .step2Box { margin-top:5vw; }
    .step2Box { padding:5vw 2vw; }
    .step2Box .tit { font-size:18px; }
    .step2Box > img { margin-top:5vw; }
    .eventBoard { margin-top:10vw; }


    /*warning*/
    .eventWrap .evWarning { padding:5vw 0; }
    .evWarning dt { font-size:13px; margin-bottom:5px; }
    .evWarning dd { font-size:12px; }
    .evWarning a { margin:5px 0 0 5px; }

    /*fullpage*/
    .fullpage > div.bottom_hidden.target,
    .fullpage > div.top_hidden.target { z-index:-1; }

    .fullpage > div > article  { min-height:auto; }
    .fullpage .txtBox { top:inherit; bottom:10vh; transform:translateY(0); width:90%; }
    .fullpage .txtBox .tit dt img { max-width:70%; }
    .fullpage .txtBox .tit dd { margin-top:5vw; max-width:100%; }
    .fullpage .txtBox .tit dd img { max-width:50%; }
    .fullpage .txtBox .tit dd:last-child { width:100%; }
    .fullpage .txtBox .tit dd:last-child img { max-width:75%; }
    .fullpage .txtBox .sTit { margin-top:8vw; }
    .fullpage .txtBox .sTit dt { font-size:23px; margin-bottom:10px; }
    .fullpage .txtBox .sTit dd a { margin-right:5px; min-width:30%; padding:0 10px; height:50px; border-radius:25px; font-size:20px; }

    .fullpage .img { height:auto; max-width:60%; }
    .fullpage .teacher { font-size:15px; padding:0; }
    .fullpage .teacher i { display:inline-block; width:27px; height:27px; line-height:27px; background:#181818; border-radius:50%; font-style:normal; color:#fff; text-align:center; }

    #full1 .txtBox .sTit dd a { margin:0 0 0 5px; }
    #full1 .teacher { text-align:right; margin-top:3vw; }
    #full2 .teacher { text-align:left; margin-top:3vw; }
    #full3 .txtBox .sTit dd a { margin:0 0 0 5px; }
    #full3 .teacher { text-align:right; margin-top:3vw; }
    #full4 .teacher { text-align:left; margin-top:3vw; }
 
    /* .subBtn li span { opacity:1; } */
}
 
@media (max-width: 768px){ 
    .evtBoard_common .board_notice li.chk_notice { position:static; top:inherit; float:right; margin-top:-8px; }
}

@media (max-width: 576px){ 

    /*evMain*/
    .evMain { height:110vw; min-height:320px; }
    .evMain .inner2 { width:96%; }
    .evMain p { font-size:3vw; top:5vw; }
    .evMain h2 { top:52%; }

    /*evCon2*/
    .evCon2 .item .img_mo { display:block; }
    .evCon2 .item .img_pc { display:none; }

    /*evCon3*/
    .step2Box .tit { font-size:14px; }
    
    /*warning*/
    .eventWrap .evWarning { padding:8vw 0; }


    /*fullpage*/
    .fullpage .txtBox .sTit { margin-top:8vw; }
    .fullpage .txtBox .sTit dt { font-size:18px; margin-bottom:10px; }
    .fullpage .txtBox .sTit dd a { height:40px; border-radius:20px; font-size:12px; min-width:32%; }

    .fullpage .teacher { font-size:13px; }
    .fullpage .teacher i { width:17px; height:17px; line-height:17px; }

    .subBtn { top:50%; height:30vh; min-height:150px; transform:translateY(-50%); }
    .subBtn:before { left:1px; }
    .subBtn li { height:25%; width:60px; position:relative; padding-left:0; margin:3px 0;}
    .subBtn li:before { display:block; background:#fff; width:6px; height:6px; border-radius:50%; top:50%; transform:translateY(-50%); border-radius:50%; left:0; }
    .subBtn li.on:before { width:6px; height:6px; border-radius:50%; top:50%; transform:translateY(-50%); border-radius:50%; left:0; }
    .subBtn li a { font-size:13px; }
    .subBtn li span { opacity:0; }
    .subBtn li.on span { opacity:0; }
}
@media (max-width: 368px){ 
    /*evCon3*/
    .step2Box .tit { font-size:13px; }
}