@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css'); 

#container > h1{border-bottom: none}
.m_evt {width: 100%;}
.m_wp img{width: 100%;}

.visual{position: relative; background: #1f2927; padding-bottom: 8vw;}
.view_basis{position: absolute; top: 34.9vw; right: 6.5vw; width: 11.5vw;}
.view_tesat{position: absolute; right: 11.5vw; bottom: 40vw; width: 11.5vw;}

.m_evt *{font-family: 'Pretendard', 'Malgun Gothic', sans-serif;}
* [class^="con"]{position: relative;}

.con2{background: #e5edf2;}
.con3{background: #222; padding-bottom: 8vw;}
.con4{background: #efefef; padding-bottom: 8vw;}
.con5{background: #004cbf;}

.btn{width: 60%; margin: 3vw auto 0;}
.btn_view{color: #ccc; border-bottom: 1px solid #fff;}

.vod_wp{width: 90%; margin: 0 auto;}
.bnr{position: absolute; top: 11vw; left: 9vw; width: 82%;}
.bnr li{padding-bottom: 1vw;}

/* 영상 슬라이드 */
.vod_slide{position: absolute; top: 30vw; left: 9.5vw; width: 81%;}
.vod_slide .bx-wrapper{width: 100%; margin: 0 auto;  position: relative;}
.vod_slide .bx-wrapper .bx-controls-direction a{position: absolute;  top: 50%;  display: block;  margin-top: -2.5vw;  width: 8vw;  height: 8vw;  background-size: 100%;  text-indent: -9999px;  overflow: hidden;  opacity: .7;}

.vod_slide .bx-wrapper .bx-prev{left: -4vw;  background: url('imgs/arrow_prev.png') no-repeat;}
.vod_slide .bx-wrapper .bx-next {right: -4vw;  background: url('imgs/arrow_next.png') no-repeat;}

/* 수강후기 슬라이드 */
.review_slide{position: relative; width: 90%; margin: 0 auto;}
.review_slide .write li{width: 44vw !important; margin-left: 1vw;}

.review_slide .bx-wrapper .bx-controls-direction a{position: absolute;  top: 50%;  display: block;  margin-top: -2.5vw;  width: 5vw;  height: 5vw;  background-size: 100%;  text-indent: -9999px;  overflow: hidden;  opacity: .7;}
.review_slide .bx-wrapper .bx-prev{left: -2vw;  background: url('imgs/arrow_prev.png') no-repeat;}
.review_slide .bx-wrapper .bx-next {right: -2vw;  background: url('imgs/arrow_next.png') no-repeat;}

/* popup */
.popup{  position: absolute;  top: 0;  left: 3%;  width: 90%; border-radius: 5px; border: 8px solid #461bc7; box-shadow: 2px 10px 50px 10px rgba(0,0,0,0.8); z-index: 9;} 

.pop_wp{position: relative;}
.pop_wp a.closeX{position: absolute; top: -1vw; right: 3vw; font-size: 10vw; font-weight: 100; text-align: center; cursor: pointer; color: #fff; text-decoration: none;}

.pop_wp .pop_tit{background: #461bc7; text-align: center; color: #fff; padding: 3vw 0; font-size: 5.5vw;}
.pop_wp strong{font-weight: 900;}

.pop_wp .basis{overflow: hidden; background: #f2f7f7; padding: 3vw 0;}
.pop_wp .basis:nth-child(odd){background: #fff;}
.pop_wp .basis li{padding: 0 6vw; font-size: 3.5vw; line-height: 5vw; font-weight: 800; text-align: left;}
.pop_wp .basis li:first-child{background: url('imgs/object.png') no-repeat center; padding: 10vw 0; font-size: 5vw; line-height: 5vw; text-align: center; font-weight: 300;}

.pop_wp .pop_conts{padding: 0 5vw 5vw; font-size: 3vw; background: #fff;}
.pop_conts p{padding-bottom: 20px; letter-spacing: 0;}
.pop_conts strong{font-size: 4vw; display: block; padding: 4vw 0 1vw; border-top: 1px dashed #ccc;}
.pop_conts strong:first-child{border-top: 0;}

.vodWrapper{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 99; display: flex; align-items: center;}
.pop_vod{position: relative; width: 96%; margin: 0 auto; height: 25%; background: #000;}
.pop_vod a.closeX{position: absolute; top: -12vw; right: 0; font-size: 10vw; font-weight: 100; text-align: center; cursor: pointer; color: #fff; text-decoration: none;}

.up-on-scroll{transition: transform 0.7s, opacity 1.7s;}
.blink{animation: blink 1s infinite;}

.coin.big{animation: scale-center .2s .5s cubic-bezier(.39,.575,.565,1.000) both}

@keyframes scale-center{0% {transform: scale(0); opacity: 0; filter: blur(20px);} 100% {transform: scale(1)}}
@keyframes zoom-in-blurred{ 0% {opacity:0; transform: scale(6); filter: blur(20px);} 100% {opacity:1; transform: scale(1);}}
@keyframes updown { 0% {transform: translateY(-3px);} 100% {transform: translateY(3px);}}
@keyframes scroll-down { 0%{transform: translateY(-30px); opacity:0;} 100%{transform: translateY(0); opacity:1;}}
@keyframes turn-up{0% {opacity: 0;} 100%{opacity: 1;}}
@keyframes scale-up{0%{transform:scale(.5); opacity:0;} 100%{transform:scale(1); opacity:1;}}