@import url(common.css);


.winter_m{width:100%;height:1000px;display:none;background:url(../images/winter_2019_click.jpg)top center no-repeat;background-size:cover;}
.winter_main{background:url(../images/winter_2019_main1.jpg)top center no-repeat;width:100%;height:1300px;position:relative;}
.winter_main a{color:#fff;position:absolute;left:45%;bottom:330px;text-align:center;}
.winter_main a span{display:block;font-size:20px;font-weight:400;}
.winter_main a img{width:190px;animation-name:animate_more;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:linear;}
@keyframes animate_more{
    0% {transform:translate(0, 0);}
    50% {transform:translate(20px, 0);}
}
.snow img{position:fixed;left:0;top:-10%;}
.snow img{animation-name:snow_move;animation-iteration-count:infinite; animation-timing-function:linear;}
@keyframes snow_move{
    0% {top:0%;transform:rotate(0deg);}
    50% {top:100%;transform:rotate(180deg);}
    100% {top:100%;transform:rotate(180deg);}
}
.w_contents .class h1{background:#a51310;font-size:20px;padding:10px 40px;display:inline-block;color:#fff;font-weight:400;}
.w_contents .class .class_c{margin-left:100px;}
.w_contents .class .class_c h2{color:#fb9f33;font-size:20px;font-weight:400;margin-top:60px;}
.w_contents .class .class_c dl{margin-left:130px;}
.w_contents .class .class_c dl dt{color:#a51310;font-size:18px;padding:4px 0;float:left;font-weight:500;}
.w_contents .class .class_c dl dd{padding:7px 0 7px 70px;font-size:16px;font-weight:400;}
.w_contents .per{margin-top:100px;background:url(../images/winter_2019_footer.jpg)bottom center no-repeat;width:100%;height:1040px;}
.w_contents .per .per_p{margin-left:100px;}
.w_contents .per .per_p h2{font-size:20px;font-weight:300;margin-top:60px;color:#fff;}
.w_contents .per .per_p dl dt{font-size:16px;padding:10px 0;float:left;color:#f4daad;}
.w_contents .per .per_p dl dd{padding:20px 0 20px 150px;font-size:16px;font-weight:200;color:#fff;}
.w_contents .per .per_p a{background:url(../images/class_more.png)right 50px center no-repeat #f4daad;margin:15px 0 0 150px;display:inline-block;padding:10px 80px 10px 70px;color:#a51310;font-weight:400;font-size:16px;}
@media screen and (max-width:640px){
    .winter_m{display:block;}
    .winter_main{display:none;}
    .w_contents{display:none;}
    .snow img{width:10px;}
}

.summer_wrpper{text-align:center;width:100%;line-height:0;position:relative;}
.summer_wrpper img.summer_01, .summer_wrpper img.summer_02{width:100%;}
.summer_wrpper .color_pink{background:#d45d63;padding:60px 0;position:relative;}
.summer_wrpper .color_pink .comeon{position:absolute;right:40%;top:100px;animation-name:comeon;animation-duration:1.5s;animation-iteration-count:infinite; animation-timing-function:linear;}
@keyframes comeon{
    0% {transform:translate(0, 0);}
    50% {transform:translate(15px, 0);}
    100% {transform:translate(0, 0);}
}
.summer_wrpper .logo{position:absolute;left:43%;bottom:40px;}
@media screen and (max-width:1024px){
    .summer_wrpper .color_pink img{width:300px;}
    .summer_wrpper .color_pink img.comeon{width:60px;top:86px;}
    .summer_wrpper .logo{display:none;}
}
@media screen and (max-width:440px){
    .summer_wrpper .color_pink{padding:20px 0;}
    .summer_wrpper .color_pink img{width:250px;}
    .summer_wrpper .color_pink img.comeon{right:22%;top:45%;}
}


/*2020 방학특강 공통*/
.more{display: block;padding:10px 55px 10px 30px; font-size: 16px;text-align: center;border:3px solid #181818;border-radius: 100px;font-weight: 500;background: url(/event/images/winter2020_more.png)right 20px center no-repeat;}


.port_box{position: relative; width:100%;height:500px;background: url(/event/images/winter2020_img09.png)center top no-repeat;}
.port_box:before{display: inline-block;position: absolute;left:0;bottom:0;width:100%;height:220px;background: #f0f0f0;content: '';z-index: -1;}
.port_box .wrap{position: relative;height:100%;}
.port_box span.tit_strong{position: absolute;left: 520px;top:40px;}
.port_box span.more{position: absolute;right: 0;top:70px;}
.port_box span.more a{animation: wave 1s linear infinite;}
.port_box ul{position: absolute;left: 60px;bottom:130px;width:100%;}
.port_box ul li{float: left;width:25%;}
.port_box ul li a{display: block;width:50px;height:50px;padding:10px;background: #fff; text-align:center;box-shadow: 3px 3px 10px rgba(0,0,0,0.5);border-radius: 50px;letter-spacing: -1.5px;transition:0.5s;}
.port_box ul li a:hover, .winterevent_2020 .port_box ul li a:focus{color:#fff; background: #1c2539;animation: wave .8s linear infinite;}
.port_box ul li a span{display: block;padding-top:8px;font-size: 13px;}

.man_box{margin:100px 0; text-align: center;background: url(/event/images/winter2020_img13.png)center no-repeat;}
.man_box span.tit_strong{display: block; margin:30px 0;}
.man_box .more_box{text-align: center;padding-top:30px;}
.man_box .more_box ul{display: inline-block;}
.man_box .more_box ul li{float: left;margin:30px 15px;}
.man_box .more_box ul li a:hover, .winterevent_2020 .man_box .more_box ul li.focus{animation: wave .8s linear infinite;}
.man_box .more_box ul li a.more2{color:#bf1c1c; border:3px solid #bf1c1c;background: url(/event/images/winter2020_more2.png)right 20px center no-repeat;}

/*2020 겨울방학특강*/
.winter_2020{line-height: 0;}
.winter_2020 .wrap{width:1200px;margin:0 auto;}
.winter_2020 [class*="img_box"] img{width:100%;}
.winter_2020 [class*="img_box"] span{display: inline-block;padding:10px 20px; border:3px solid #181818;border-radius: 100px;text-align: center;}
.winter_2020 .img_box02{position: relative;}
.winter_2020 .img_box02 span{position: absolute;right: calc(50% + 600px);top:0;}
/*.winter_2020 .img_box01{background-image: url(/event/images/winter2020_01.jpg);}*/

.winterevent_2020{}
.winterevent_2020_m{display:none;}
.winterevent_2022 .m_tit{display:none;}
.wrap{width:1200px;margin:0 auto;}

.tit_box{overflow: hidden; position: relative;height:1270px;}
/* .tit_box:before{display: inline-block;position: absolute;right: 0;bottom:50px;width: 100%;height:740px;content:'';background: url(/event/images/winter2020_img04.png)center left no-repeat;animation: rectang 1s linear forwards;} */
.tit_box .wrap{position: relative;height:100%;}
.tit_box span.img01{position: absolute;left:30%;top:0;}
.tit_box span.img02{position: absolute;right: 0;top:245px;}
.tit_box span.img03{position: absolute;left: 0;top:200px;}
.tit_box span.img04{position: absolute;right: -60px;top:320px;}
.tit_box span.img05{position: absolute;left: calc(50% - 700px);bottom:0;}
.tit_box_m{display:none;}

.class_box{margin:100px 0; text-align: center;}
.class_box .class-tit{display:block;position:relative;left:5%;margin-bottom:30px;text-align: left;}
.class_box .class-tit:before{display:inline-block;position:absolute;left:0;top:50%; width:50%;height:2px;background: #1d2639;content: '';z-index: -1;}
.class_box .class-tit span{display:inline-block;padding: 10px 25px;border-radius: 50px;background: #fff;border: 2px solid #1b2436;color: #1d2639;font-weight: 600;}
.class_box table{border-collapse:collapse;width:90%;margin:0 auto;text-align: center;}
.class_box table tr{border-bottom:1px solid #1d2639;}
.class_box table .s-line{border-bottom:2px solid #f1f4f8;}
.class_box table th{padding:10px 20px;text-align: left;border-bottom:2px solid #fff;background: #f1f4f9;}
.class_box table td{padding:15px 20px;}
.class_box img{position: relative;}
.class_box img:before{display: inline-block;position: absolute;left: 0;bottom:0;z-index: -1;width:100px;height:80px;background: url(/event/images/winter2020_img08.png)center left no-repeat;content: '';}

.man_box{}
.man_box .man-wrap{padding:50px;background:#1d2639;color:#fff;border-radius: 50px;}
.man_box .man-wrap .main-tit{display:block;position:relative;left:5%;margin-bottom:30px;text-align: left;}
.man_box .man-wrap .main-tit:before{display:inline-block;position:absolute;left:0;top:calc(50% - 1px); width:50%;height:2px;background: #fff;content: '';}
.man_box .man-wrap .main-tit span{position:relative;z-index:10;display:inline-block;padding: 10px 25px;border-radius: 50px;background: #1d2639;border: 2px solid #fff;color: #fff;font-weight: 600;}
.man_box .man-wrap table{margin:30px auto;width:90%;border-collapse: collapse;}
.man_box .man-wrap table tr.line{border-bottom:1px solid #3b3f48;}
.man_box .man-wrap table th{padding:15px;color:#fff;text-align: right;}
.man_box .man-wrap table td{padding:15px 30px;color:#fff;}
.man_box .man-wrap table td.center{text-align: center;}

.footer{height:430px; background: url(/event/images/winter2020_img16.png)center bottom no-repeat;text-align: center;}
.footer .wrap{position: relative;}
.footer span.logo{display:block; padding-top:200px;}
.footer span.contact{position: absolute;right: 0;top:0;}

@keyframes wave {
    0%{transform: translateY(-5px); }
    100%{transform:translateY(0);}
}
@keyframes rectang {
    0%{right: -100%; bottom:200px;}
    100%{right:0;bottom:50px;}
}
/*@media screen and (max-width:1200px){
    .winterevent_2020{display: none;}
    .winterevent_2020_m{display:block;line-height: 0;}
    .winterevent_2020_m img{width:100%;}
}*/

/*2020 여름방학특강*/
.summerevent_2020_m{display:none;}
.summerevent_2020{width:100%;overflow-x: hidden;}
.summerevent_2020 .tit_box{}
.summerevent_2020 .tit_box img{width:100%;}
.summerevent_2020 .port_box{margin:50px 0;}
.summerevent_2020 .man_box{background: none;}
.summerevent_2020 .footer img{width:100%;}


@media screen and (max-width:1200px){
    .summerevent_2020{display: none;}
    .summerevent_2020_m{display:block;line-height: 0;}
    .summerevent_2020_m img{width:100%;}
}

/* 2021 여름방학특강 */
.summer_2021 .tit_box span.img02{top:100px;}
.summer_2021 .tit_box:before{bottom:200px;height:420px;background:#005dc6;animation: none;}
.summer_2021 .man_box{background: none;}
.summer_2021 .footer img{width:100%;}
.summer_2021_m{display: none;}

/* 2023 겨울방학 */
.winterevent_2023 .tit_box{background:#1c253a;}
.winterevent_2023 .tit_box img{max-width:1260px;margin-top:50px;}

/* 2023 여름방학 */
.summer_2023 .tit_box{margin-top:50px;}
.summer_2023 .tit_box:before{position: absolute; bottom:200px;width:100%;height:420px;background:#005dc6;animation: none;content:'';}
.summer_2023 .tit_box .img01{display:block;margin:0 auto;}
.summer_2023 .man_box{background: none;}
.summer_2023 .footer{height:auto;background:none;}
.summer_2023 .footer img{width:100%;}

/* 2024 겨울방학 */
.winterevent_2024 .tit_box{height:790px;background:#1c253a;}
.winterevent_2024 .tit_box img{margin-top:0;}
.winterevent_2024 .class_box table th{text-align: center;}

@media screen and (max-width:767px) {
    body{overflow-x: hidden}
    .event-wrap{overflow-x: hidden;width:100%;}
    .wrap{width:100%;}
    .tit_box{display: none;}
    .tit_box_m{display: block;}
    .tit_box_m .img01{display: block;margin:30px auto}
    .tit_box_m .img01 img{display: block; width:300px;margin:0 auto;}
    .tit_box_m .img02 img{width:100%}
    .winterevent_2022 .m_tit{display:block;}
    .winterevent_2022 .m_tit img{width:calc(100% - 60px);margin:30px;}

    .class_box{overflow-x:scroll;padding:0 20px;margin:50px 0;}
    .class_box .class-tit{position:static}
    .class_box .class-tit:before{display:none}
    /* 20211204 */
    /* .class_box table{width:100%}
    .class_box table tr{display:block !important;border-bottom:1px solid #1d2639}
    .class_box table th{display:block !important;padding:15px;font-size:12px;background:#657086;color:#fff;}
    .class_box table td{display:flex;justify-content: center; padding:10px;font-size:12px;border-bottom:1px solid #ddd;} */
    .class_box table{white-space: nowrap;}

    .port_box{display: none}

    .man_box{padding:20px;margin:0;box-sizing: border-box}
    .man_box span.tit_strong img{width:130px;}
    .man_box .man-wrap{overflow-x:auto; padding:30px;border-radius: 20px;box-sizing: border-box}
    .man_box .man-wrap .main-tit{position: static;margin-bottom:10px;text-align: center}
    .man_box .man-wrap .main-tit:before{display: none;}
    .man_box .man-wrap table{width:100%;margin:10px auto 30px;white-space: nowrap;}
    .man_box .man-wrap table tr{border-bottom:1px solid #fff !important;}
    .man_box .man-wrap table th{padding:10px;text-align: left;border-bottom:1px dashed #3b4861;font-size:13px;}
    .man_box .man-wrap table td{padding:10px;text-align: left !important;border-bottom:1px dashed #3b4861;font-size:13px;color:#627598;}
    .man_box .more_box{display: none}

    .footer{display:none;background: none;height:auto;}

    .winterevent_2023 .tit_box{display:block;height:auto;}
    .winterevent_2023 .tit_box .wrap{width:auto;height:auto;}
    .winterevent_2023 .tit_box img{max-width:100%;margin:30px 0;}
}