@charset "utf-8"; 

.evt_wrp{position: relative; width: 100%; overflow: hidden; cursor: default; letter-spacing: -0.5px;}
.evt_wrp img{vertical-align: top;}
.evt_wrp .inner{position: relative; width: fit-content; margin: 0 auto; height: unset;}

.evt_wrp .barbnr{background: #0039bb; position: fixed; left: 0; bottom: 0; width: 100%; height: 75px; z-index: 99;}

.evt_wrp .barbnr a,
.bg_04 a{display: block; width: fit-content; margin: 0 auto;}

.evt_wrp .quick{position: fixed; right: 0; top: 35%; z-index: 99;}
.evt_wrp .quick a{margin-top: 10px; display: block;}

.evt_wrp .top{background: #93d5ed;}
.evt_wrp .visual{background: #538ea9 url('imgs/bg_visual.png') no-repeat center 0;}

.evt_wrp .bg_01{background: #fff;}
.evt_wrp .bg_02{background: #12222b url('imgs/bg_con2.png') no-repeat center 0;}
.evt_wrp .bg_03{background: #0056f3;}
.evt_wrp .bg_04{background: #ededed url('imgs/bg_con4.png') no-repeat center 0;}
.evt_wrp .bg_05{background: #ffd800 url('imgs/bg_con5.png') no-repeat center 0; padding-bottom: 125px;}
.evt_wrp .bg_06{background: #0033a6;}
.evt_wrp .bg_07{background: #111010 url('imgs/bg_con7.png') no-repeat center 0;}

.evt_wrp .btn_tch1{position: absolute; left: 43px; bottom: 124px;}
.evt_wrp .btn_tch2{position: absolute; left: 477px; bottom: 124px;}
.evt_wrp .btn_tch3{position: absolute; right: 43px; bottom: 124px;}

.evt_wrp .small{font-size: 13px; font-weight: 300; display: block; color: #777;}
.evt_wrp .typo{position: absolute; top: 80px; left: 0;}
.evt_wrp .btn_qna{position: absolute; right: 473px; bottom: 80px;}

.evt_wrp .dungdung{animation: updown 1s both infinite alternate;}
.evt_wrp .blink{animation: blink 1s infinite;}
.evt_wrp .delay{animation-delay: 0.5s;}
.evt_wrp .up-on-scroll{transition: transform .7s, opacity 1.7s;}

@keyframes blink{0%{opacity: 1} 50%{opacity:.2} 100%{opacity:1}}
@keyframes updown{ 0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}}

.evt_wrp .btn_info{position: absolute; right: 0; top: 210px; background: #000; border-radius: 50px;}

/* 팝업 */
.pop_wrp{display: flex; background: rgba(0,0,0,0.7); height: 100%; width: 100%; align-items: center; position: fixed; top: 0; left: 0; z-index: 99; justify-content: center;}
.pop_wrp .div_pop{position: relative; width: 40%; background: #000; height: 50%; max-height: 88%;}
.pop_wrp .closeX{position: absolute; top: -51px; color: #fff; font-size: 3rem; right: 0;}
.pop_wrp .div_pop,
.pop_wrp .div_pop iframe{border-radius: 20px; border: 1px solid #000}

/* lecture */
.tabs_lec{width: 1000px; margin: 0 auto; overflow: hidden;}
.tabs_lec li{float: left; width: 160px; text-align: center; background: #cfb001; border-radius: 5px 5px 0 0; padding: 20px; font-size: 21px; margin-left: 5px; cursor: pointer;}
.tabs_lec li.active{background: #fff; color: #f20044; font-weight: 800;}
.tabs_lec li:first-child{margin-left: 0;}

.lecList *{font-family: 'Pretendard'; letter-spacing: -0.5px; font-weight: 600;}
.lecture{width: 1200px; margin: 0 auto 1px; background: #fff; border-radius: 10px; padding: 30px;}
.lecBuy{width: 1200px; margin: 0 auto 50px; background: #fff; border-radius: 10px; padding: 30px; overflow: hidden;}

.lecture li{background: #fff; display: inline-block; width: 564px; padding: 2px; border-radius: 10px; border: 1px solid #aaa; cursor: pointer; margin: 5px 4px 5px 0; cursor: pointer;}
.lecture li img{border-radius: 10px;}
.lecture li.active{width: 564px; border: 3px solid #0056f3; box-sizing: border-box; padding: 0;}

.lecBuy li{display: none; border-radius: 10px; background: #f7f7f7;}
.lecBuy li.active{display: block;}
.lecBuy li form{display: flex;}
.lecBuy .book{width: 56%; display: flex;}
.lecBuy .book .plus{background: #0056f3; min-width: 7%; text-align: center; color: #fff; font-weight: 900; font-size: 30px; padding-top: 50px;}
.lecBuy .book_list{height: 110px; line-height: 1.2; overflow-y: scroll; margin: 20px; scroll-behavior: smooth; width: 100%;}
.lecBuy .book_list::-webkit-scrollbar{width: 7px;}
.lecBuy .book_list::-webkit-scrollbar-track-piece{background-color: #fdf8f5;}
.lecBuy .book_list::-webkit-scrollbar-thumb{border-radius: 8px; background-color: #ccc;}
.lecBuy .book_list::-webkit-scrollbar-button:start{background-color: #eee;}
.lecBuy .book_list::-webkit-scrollbar-button:end{background-color: #eee;}

.lecBuy label{display: block; cursor: pointer; line-height: 1.2; padding: 2px 20px 2px 30px; width: fit-content;}
.lecBuy label input{margin: 5px 5px 0 0; width: 16px; height: 16px; accent-color: #64c4c4; cursor: pointer; margin-left: -27px; vertical-align: text-bottom;}
.lecBuy .buy_info{width: 44%; display: flex; padding: 30px 30px 30px 0;}
.lecBuy .total{width: 68%;}
.lecBuy .lec_tit i{font-size: 16px;}    
.lecBuy .lec_tit em{font-size: 27px;font-weight: 900;display: block;color: #0056f3;letter-spacing: -1.2px;} 
.lecBuy .price{padding: 0px 0 5px;color: #888;font-weight: 400;}
.lecBuy .price em{font-size: 25px; font-weight: 900; padding-left: 5px; color: #000; letter-spacing: -1.2px;}
.lecBuy .buy_btn{width: 32%;} 
.lecBuy .buy_btn a{background: #fff; border: 1px solid #000; text-align: center; display: block; padding: 11px 0;}
.lecBuy .buy_btn a:last-child{margin-top: 5px; background: #000; color: #fff; border: 0;}

.lecBuy li{display: none;}

/* 모바일 */
.m_evt{ position: relative; width: 100%;}
.m_evt *{margin: 0; padding: 0;}
.m_evt img{width: 100%; vertical-align: top;}  
.m_evt p{position: relative;}
.m_evt .btn1{position: absolute; top: 11.7rem; right: 2rem; width: 19%;}
.m_evt .btn2{position: absolute; right: 3.5rem; bottom: 3.7rem; width: 17%;}
.m_evt .btn_info{position: absolute; top: 65%; right: 5%; width: 30%; background: #000; border-radius: 50px;}