@charset 'utf-8';

/*image map border none*/
area:focus{
  border: none;
  outline:none;
  outline-style: none;
  -moz-outline-style:none; 
}

/*기본설정*/
.w1050 {
    width:1050px;
    margin:0 auto;
}
.cen {text-align:center;}
.vlast {margin-bottom:0;}
.pc {display:block;}
.tb {display:none;}
.mo {display:none;}
.pc_tb {display:block;}
.tb_mo {display:none;}
.underline {text-decoration:underline;}
body {
    overflow-x:hidden;
}
.f_pretendard {
    font-family:'Pretendard',sans-serif;
}

/*비주얼*/
.vis_wrap {
    background:url('//new.wowgosi.co.kr/txt_img/open2022_12/2301event01bg.jpg') center top no-repeat;
    padding-top:80px;
    padding-bottom:140px;
    position:relative;
    overflow:hidden;
}
.vis_wrap div {box-sizing:border-box;}
.vis_wrap+div div {box-sizing:border-box;}
.vis_obj {
    position:relative;
}
.vis_obj div {
    position:absolute;
}
.vis_obj .obj1 {
    top:65px;
    left:10vw;
}
.vis_obj .obj2 {
    top:90px;
    right:10vw;
}
.vis_tit > div {
    -webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.vis_tit .tit1 {margin-bottom:30px;}
.vis_tit .tit2 {
    margin-bottom:10px;
    animation-delay:.2s;
}
.vis_tit .tit3 {
    margin-bottom:50px;
    animation-delay:.4s;
}
.vis_tit .tit4 {animation-delay:.6s;}

@-webkit-keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
            transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
            transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}

/*합격수기*/
.sec1_wrap {
    background-color:#0d0d0d;
    padding:120px 0 90px;
}
.sec1_tit {
    font-size:40px;
    font-weight:900;
    letter-spacing:-.25px;
    color:#ffffff;
    margin-bottom:64px;
}
.sec1_con1Wrap.pc_tb {
    width:954px;
    margin:0 auto;
    margin-bottom:100px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:16px;
}
.sec1_con1Wrap > div {
    position:relative;
}
.sec1_con1Wrap .con2 {top:20px;}
.sec1_con1Wrap .con4 {top:14px;}
.sec1_con1Wrap .con5 {top:22px;}
.sec1_con1Wrap .con6 {top:5px;}
.sec1_con1Wrap .con7 {top:20px;}
.sec1_con1Wrap .con8 {top:6px;}
.sec1_con1Wrap .con9 {top:16px;}
.sec1_con2Wrap {}
.sec1_con2Wrap .sec1_con2_txt {
    font-size:36px;
    font-weight:700;
    color:#ffffff;
    line-height:140%;
    letter-spacing:-.25px;
}
.sec1_con2Wrap .sec1_con2_num {
    margin:20px 0;
    font-size:102px;
    font-weight:900;
    color:#24ff65;
    letter-spacing:-.5px;
}
.sec1_con2Wrap .sec1_con2_sub {
    font-size:14px;
    color:#737373;
    margin-top:8px;
    letter-spacing:-.3px;
}

/*프로모션*/
.sec2_wrap {
    background-color:#6c47ff;
    padding:75px 0;
}
.sec2_con_txt {
    font-size:34px;
    font-weight:700;
    line-height:145%;
    letter-spacing:-.6px;
    color:#ffffff;
    margin-bottom:50px;
}
.sec2_con_txt span {color:#24ff65;}
.sec2_con2 {margin-bottom:25px;}
.sec2_con3 {}

/*수강신청*/
.sec3_wrap {
    background-color:#ffffff;
    padding:100px 0 0 0;
}
.sec3_tit {
    font-size:40px;
    font-weight:900;
    letter-spacing:-.25px;
    color:#000000;
    margin-bottom:40px;
    line-height:130%;
}
.sec3_tit span {color:#5c33ff;}
.sec3_prtWrap {
    width:1130px;
    margin:0 auto;
    margin-bottom:50px;
}
.sec3_wrap .sec3_prtWrap:last-child {margin-bottom:90px;}
.sec3_prtWrap.prt_pub {}
.sec3_prtWrap .prt_tit {
    font-size:32px;
    font-weight:700;
    letter-spacing:-.6px;
    margin-bottom:20px;
    text-align:left;
}
.sec3_prtWrap .prt_btnWrap {}
.sec3_prtWrap .prt_btnWrap ul {
    display:flex;
    flex-wrap:wrap;
    gap:12px 7px;
}
.sec3_prtWrap .prt_btnWrap ul li {
    width:153px;
    padding:14px 0 13px;
    cursor:pointer;
    font-size:17px;
    font-weight:700;
    letter-spacing:-.25px;
    border-radius:50px;
}
.sec3_prtWrap .prt_btnWrap ul li .sf {
    font-size:16px;
}
.sec3_prtWrap.prt_pub .prt_tit {color:#6c47ff;}
.sec3_prtWrap.prt_pub .prt_btnWrap ul li {
    color:#6c47ff;
    border:1px solid #6c47ff;
}
.sec3_prtWrap.prt_pub .prt_btnWrap ul li.on {
    background-color:#6c47ff;
    color:#ffffff;
}
.sec3_prtWrap.prt_mil .prt_tit {color:#049f5f;}
.sec3_prtWrap.prt_mil .prt_btnWrap ul li {
    color:#049f5f;
    border:1px solid #049f5f;
}
.sec3_prtWrap.prt_mil .prt_btnWrap ul li.on {
    background-color:#049f5f;
    color:#ffffff;
}

/*유의사항*/
.sec4_wrap {
    background-color:#ffffff;
}
.sec4_tit {
    text-align:left;
    font-size:20px;
    font-weight:700;
    letter-spacing:-1px;
    margin-bottom:24px;
    color:#000000;
}

/*반응형 - 태블릿*/
@media handheld, only screen and (max-width: 1024px) {
    /*기본설정*/
    .w1050 {width:100%;}
    .mw100 {width:100%;} .mw95 {width:95%;} .mw90 {width:90%;} .mw85 {width:85%;} .mw80 {width:80%;} .mw75 {width:75%;} .mw70 {width:70%;} .mw65 {width:65%;} .mw60 {width:60%;} .mw55 {width:55%;} .mw50 {width:50%;} .mw45 {width:45%;} .mw40 {width:40%;} .mw35 {width:35%;} .mw30 {width:30%;} .mw25 {width:25%;} .mw20 {width:20%;} .mw15 {width:15%;} .mw10 {width:10%;}
    .pc {display:none;}
    .tb {display:block;}
    .mo {display:none;}
    .pc_tb {display:block;}
    .tb_mo {display:block;}
    section {border-bottom:none;}

    /*비주얼*/
    .vis_wrap {
        padding-top:12vw;
        padding-bottom:10vw;
    }
    .vis_obj {}
    .vis_obj div {}
    .vis_obj .obj1 {
        width:30vw;
        top:0;
        left:-15vw;
    }
    .vis_obj .obj2 {
        width:30vw;
        top:0;
        right:-17vw;
    }
    .vis_tit > div {}
    .vis_tit .tit1 {
        width:64%;
        margin-bottom:28px;
    }
    .vis_tit .tit2 {
        width:64%;
        margin-bottom:10px;
    }
    .vis_tit .tit3 {
        width:72%;
        margin-bottom:4.5vw;
    }
    .vis_tit .tit4 {
        width:70%;
    }
    
    /*합격수기*/
    .sec1_wrap {
        padding:12vw 0 10vw;
    }
    .sec1_tit {
        font-size:36px;
        margin-bottom:5.6vw;
    }
    .sec1_con1Wrap.pc_tb {
        width:100%;
        margin-bottom:12vw;
        gap:0 1%;
    }
    .sec1_con1Wrap > div {
        position:relative;
    }
    .sec1_con1Wrap > div > img {width:100%;}
    .sec1_con1Wrap .con1 {width:43%;top:8px;}
    .sec1_con1Wrap .con2 {width:47%;top:20px;}
    .sec1_con1Wrap .con3 {width:30%;top:16px;}
    .sec1_con1Wrap .con4 {width:29%;top:12px;}
    .sec1_con1Wrap .con5 {width:30%;top:20px;}
    .sec1_con1Wrap .con6 {width:44%;top:18px;}
    .sec1_con1Wrap .con7 {width:45%;top:28px;}
    .sec1_con1Wrap .con8 {width:38%;top:25px;}
    .sec1_con1Wrap .con9 {width:42%;top:30px;}
    .sec1_con2Wrap {}
    .sec1_con2Wrap .sec1_con2_txt {
        font-size:32px;
    }
    .sec1_con2Wrap .sec1_con2_num {}
    .sec1_con2Wrap .sec1_con2_sub {}
    
    /*프로모션*/
    .sec2_wrap {
        padding:9vw 0;
    }
    .sec2_con_txt {
        font-size:32px;
        margin-bottom:7vw;
    }
    .sec2_con_txt span {}
    .sec2_con2 {margin-bottom:25px;}
    .sec2_con3 {}
    
    /*수강신청*/
    .sec3_wrap {
        padding:10vw 0 9vw;
    }
    .sec3_tit {
        font-size:36px;
        letter-spacing:-.25px;
        margin-bottom:34px;
        line-height:125%;
    }
    .sec3_prtWrap {
        width:90%;
        margin-bottom:5vw;
    }
    .sec3_wrap .sec3_prtWrap:last-child {margin-bottom:8vw;}
    .sec3_prtWrap.prt_pub {}
    .sec3_prtWrap .prt_tit {
        font-size:24px;
        margin-bottom:12px;
    }
    .sec3_prtWrap .prt_btnWrap {}
    .sec3_prtWrap .prt_btnWrap ul {
        gap:1.2vw 1.2%;
    }
    .sec3_prtWrap .prt_btnWrap ul li {
        width:18.6%;
        padding:12px 0 10px;
        font-size:15px;
    }
    .sec3_prtWrap .prt_btnWrap ul li .sf {
        font-size:14px;
    }
    .sec3_prtWrap.prt_pub .prt_tit {}
    .sec3_prtWrap.prt_pub .prt_btnWrap ul li {}
    .sec3_prtWrap.prt_pub .prt_btnWrap ul li.on {}
    .sec3_prtWrap.prt_mil .prt_tit {}
    .sec3_prtWrap.prt_mil .prt_btnWrap ul li {}
    .sec3_prtWrap.prt_mil .prt_btnWrap ul li.on {}
    
    /*유의사항*/
    .sec4_wrap {}
    .sec4_wrap .w1130 {width:95%;}
    .sec4_tit {
        font-size:20px;
        margin-bottom:24px;
    }
}

/*반응형 - 모바일*/
@media handheld, only screen and (max-width: 500px) {
    /*기본설정*/
    .w1050 {width:90%;}
    .pc {display:none;}
    .tb {display:none;}
    .mo {display:block;}
    .pc_tb {display:none !important;}
    .tb_mo {display:block;}
    
    /*비주얼*/
    .vis_wrap {
        padding-top:12vw;
        padding-bottom:10vw;
    }
    .vis_obj {}
    .vis_obj div {}
    .vis_obj .obj1 {
        width:32vw;
        top:5vw;
        left:-19vw;
    }
    .vis_obj .obj2 {
        width:30w;
        top:5vw;
        right:-20vw;
    }
    .vis_tit > div {}
    .vis_tit .tit1 {
        width:70%;
        margin-bottom:4vw;
    }
    .vis_tit .tit2 {
        width:70%;
        margin-bottom:2vw;
    }
    .vis_tit .tit3 {
        width:78%;
        margin-bottom:5vw;
    }
    .vis_tit .tit4 {
        width:80%;
    }
    
    /*합격수기*/
    .sec1_wrap {
        padding:14vw 0 12vw;
    }
    .sec1_tit {
        font-size:20px;
        margin-bottom:6vw;
    }
    .sec1_con1Wrap.mo {
        width:96%;
        margin-bottom:10vw;
    }
    .sec1_con1Wrap > div {}
    .sec1_con2Wrap {}
    .sec1_con2Wrap .sec1_con2_txt {
        font-size:18px;
        line-height:135%;
    }
    .sec1_con2Wrap .sec1_con2_num {
        margin:2vw 0;
        font-size:60px;
    }
    .sec1_con2Wrap .sec1_con2_sub {
        font-size:9px;
        margin-top:1vw;
    }
    
    /*프로모션*/
    .sec2_wrap {
        padding:12vw 0;
    }
    .sec2_con_txt {
        font-size:19px;
        line-height:150%;
        letter-spacing:-.6px;
        margin-bottom:9vw;
    }
    .sec2_con_txt span {}
    .sec2_con2 {
        width:45%;
        margin-bottom:4.5vw;
    }
    .sec2_con3 {
        width:85%;
    }
    
    /*수강신청*/
    .sec3_wrap {
        padding:10vw 0 9vw;
    }
    .sec3_tit {
        font-size:22px;
        margin-bottom:8vw;
        line-height:125%;
    }
    .sec3_prtWrap {
        width:90%;
        margin-bottom:5vw;
    }
    .sec3_wrap .sec3_prtWrap:last-child {margin-bottom:7vw;}
    .sec3_prtWrap.prt_pub {}
    .sec3_prtWrap .prt_tit {
        font-size:19px;
        margin-bottom:3vw;
        text-align:center;
    }
    .sec3_prtWrap .prt_btnWrap {}
    .sec3_prtWrap .prt_btnWrap ul {
        gap:1.8vw 1.2%;
    }
    .sec3_prtWrap .prt_btnWrap ul li {
        width:31.8%;
        padding:7px 0 6px;
        font-size:13px;
    }
    .sec3_prtWrap .prt_btnWrap ul li .sf {
        font-size:11px;
    }
    .sec3_prtWrap.prt_pub .prt_tit {}
    .sec3_prtWrap.prt_pub .prt_btnWrap ul li {}
    .sec3_prtWrap.prt_pub .prt_btnWrap ul li.on {}
    .sec3_prtWrap.prt_mil .prt_tit {}
    .sec3_prtWrap.prt_mil .prt_btnWrap ul li {}
    .sec3_prtWrap.prt_mil .prt_btnWrap ul li.on {}
    
    /*유의사항*/
    .sec4_wrap .w1130 {width:100%;}
    .sec4_tit {
        text-align:center;
        font-size:16px;
        margin-bottom:3vw;
    }
}