@charset "UTF-8";
/* 프로모션, 이벤트, 캠퍼스 등등 사용  */

/* 프로모션 */
.contents.promotion{
}
.poromotionView{
}
.poromotionView img{
    max-width: 100%;
    width: -webkit-fill-available;
}
.imgLinkArea{
 position:relative;
}
.imgLinkArea a{
    position: absolute;
    bottom: 7%;
    left: calc(50% - 26%);
    width: 27%;
    height: 13%;
    display: inline-block;
}

.bottomLink{
    position: fixed;
    bottom:0;
    left: 0;
    right:0;
}

.bottomLink.orange{
    background: linear-gradient(139deg, #FF5C00 0%, #FFC301 100%);
}

.bottomLink a{
    display: flex;
    justify-content: center;
    padding: 10px 0;
}
.bottomLink a div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1000px;
}

.bottomLink .btnBlack{
    width: 259px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding:0 20px;
    border-radius: 5px;
    background: #000;
}

@media (max-width: 1440px){
    .imgLinkArea a{
        transform: translate(-22% , 0);
        width: calc(100% - 60px);
        bottom: 5%;
        height: 14%;
    }
    .bottomLink{
        padding:10px;
    }
    .bottomLink .btnBlack{
        width: 145px;
        height: 45px;
        line-height: 45px;    
    }
}
/* 이벤트 프로모션 - 종료된 프로모션 스타일 */
.event-wrap .list .item.endPromotion .img {
position:relative;
}
.event-wrap .list .item.endPromotion .img:after{
    content: '';
    position:absolute;
    top:0;right: 0;bottom:0;left: 0;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.6);
}
.event-wrap .list .item.endPromotion .info .badge-wrap .badge{
    background-color: #aaa;
}

/* 메인 레이어 팝업 */

.mainPopupDimm{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99;
}
.mainPopupDimm.on{display:block}

/* 메인 팝업은 1개 이므로 아래의 팝업을 공통으로 사용  2개 이상은 개발 필요*/

.mainPopup01{position:fixed; display:none; z-index:999;left: 50%;
    top: 50%;transform: translate(-50%,-58%);}
.mainPopup01 > div{
    width:900px;
    height: 540px;
    background-size: contain;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom:40px;
}
.mainPopup01 div a{display: block;}
.mainPopup01 .btn_close {
    position: absolute;
    top: 12px;
    right: 12px;
    width:20px;
    height: 20px;
    background:#210b0f url(../img/common/btn_close.svg) center no-repeat;
}

.mainPopup01 .btn_1day{
    margin-top: 10px;
    color: #fff;
    display: block;
}
.mainPopup01 .btn_1day input{
    width: 20px;
}
@media (max-width: 929px){
    .mainPopup01 > div{
        width: 90vw;
        height: 50vh;
    }
}

/* 메인 하단 띠베너 */
.bottomBanner{ display:none;}
@media (max-width: 1440px){
    .bottomBanner{
    display: block;
    z-index: 9999;
    position:fixed;
    height: 68px;
    bottom: 0;
    width: 100%;
    right: 0;
    left:0;
    background-size: contain;}
}

/* 합격기원 효과 꽃가루 */
.d-day{
    display: flex;
    height: 100%;
    align-items: center;
    background: url(../img/main/textEffect.gif);
}

/* 레벨테스트 메인 */
.levelArea{background-color: #EEF6FF;font-family: Pretendard;padding-bottom: 100px;}
.levelArea p{padding-top:50px; color: #000;font-size: 36px;font-weight: 500;letter-spacing: -1.44px;}
.levelArea h2{color: #000;font-size: 67px;font-weight: 700;letter-spacing: -2px;}
.levelArea h2 em{color: #1A65FE;}

.levelArea .levelStory{width: 1000px;margin: 0 auto;position:relative;display: flex;align-items: flex-end;justify-content: flex-start;margin-top:20px; height: 500px; background: url(../img/pages/lvtst/levelBg.png) bottom center/contain no-repeat;}
.levelArea .levelStory::after,
.levelArea .levelStory::before{content: '';position: absolute;display: inline-block;}
.levelArea .levelStory::after{right: 0px;top: -60px;width: 167px;height: 90px;background: url(../img/pages/lvtst/ico_cloud01.png) center no-repeat;}
.levelArea .levelStory::before{top: 10px;left: 100px;width: 125px;height: 72px;background: url(../img/pages/lvtst/ico_cloud02.png) center no-repeat;}
.levelArea .lev01,
.levelArea .lev02,
.levelArea .lev03{position:absolute;width: 307px;height: 208px; background-size: contain;background-position: center;background-repeat: no-repeat;z-index: 10;}

.levelArea .lev01{right: 45px; bottom: 277px;background-image: url(../img/pages/lvtst/level01.png);
    transition: opacity 0.5s ease-in-out; 
}
.levelArea .lev02{bottom: 235px; left: 50%; margin-left:-132px; background-image: url(../img/pages/lvtst/level02.png);
    transition: opacity 0.5s ease-in-out; 
}
.levelArea .lev03{bottom: 185px;left: 92px;background-image: url(../img/pages/lvtst/level03.png);
    transition: opacity 0.5s ease-in-out; 
}
.levelArea .goalText{font-size: 27px;font-weight: 500;padding-left:38px;background: url(../img/pages/lvtst/ico_more.png) left center/contain no-repeat}

.levelArea .lightBox{position:absolute;right: -50px; bottom:-50px; display: inline-flex;flex-direction: column;gap:6px; background-color: #030303;border-radius: 8px; padding:10px}
.levelArea li{padding:15px 22px;display: flex;align-items: center;gap: 20px;background-color: #1D1D1D;border-radius: 8px;}
.levelArea li span{display:inline-block;background-color: #fff; width: 30px;height: 30px;border-radius: 50%;}
.levelArea li em{color: #FFF;font-size: 29px;font-weight: 800;} 

.levelArea li:nth-child(1) span{animation: bgColor01 1s ease-in-out 2s infinite alternate;}
.levelArea li:nth-child(2) span{animation: bgColor02 1s ease-in-out 5s infinite alternate;}
.levelArea li:nth-child(3) span{animation: bgColor03 1s ease-in-out 7s infinite alternate;}

@keyframes bgColor01 {
    0%, 100% {
        background-color: #fff;
      }
      50% {
        background-color: #634BFF;
      }
  }

  @keyframes bgColor02 {
    0%, 100% {
        background-color: #fff;
      }
      50% {
        background-color: #F22E2E;
      }
  }

  @keyframes bgColor03 {
    0%, 100% {
        background-color: #fff;
      }
      50% {
        background-color: #DBFC63;
      }
  }

  .levelArea .levelBtn{margin-top: 120px;display: flex;gap:20px;justify-content: center;}
  .levelArea .levelBtn button{padding:28px 70px;border-radius: 12px;background: #263CFA; color: #FFF;font-size: 38px;font-weight: 700;}
  .levelArea .levelBtn button:last-child{background-color: #13368E;}
 
  /* 마케팅 버튼 */
  .levelArea .calculArea{margin-top: 50px; display: flex;gap:20px;font-size: 18px; justify-content: center;align-items: center;}
  .levelArea .calculArea button{padding:10px 20px;font-size: 18px;color: #000;border-radius: 4px;border: 1px solid #111;}
  @media (max-width: 1119px){
    section.sub.levelArea > div{padding:0}
    .levelArea{padding-bottom: 50px;}
    .levelArea p{font-size: 20px;}
    .levelArea h2{font-size: 34px;}
    .levelArea .levelStory{width: 100%;height: 400px; background-image: url(../img/pages/lvtst/levelBg_mo01.png)}
    .levelArea .levelStory::after{right: unset; width: 100px;height: 60px;top:0;background-size: contain;}
    .levelArea .levelStory::before{content: none;}
    .levelArea .goalText{font-size: 16px;min-height: 20px;padding-left: 24px; margin:10px 20px 20px;display: block;background-size: 20px;background-position-y: 0;text-align: left;}
    .levelArea .lightBox{right: 0;bottom: unset;top: 0;}
    .levelArea li{padding: 5px;}
    .levelArea li span{width: 15px;height: 15px;}
    .levelArea li em{font-size: 18px;}
    .levelArea .levelBtn{flex-direction: column;gap:15px;margin-top: 50px;padding:0 20px;}    
    .levelArea .levelBtn button{padding: 15px;font-size: 20px;font-weight: 700;background-color: #00A858;}
    .levelArea .lev01, .levelArea .lev02, .levelArea .lev03{display: none;}
  }
  @media (max-width: 600px){
    .levelArea .calculArea{flex-direction: column;padding: 0 20px;font-size: 14px;}
    .levelArea .calculArea button{font-size: 14px;padding:8px 10px;}
}

/* 레벨테스트 탭 버튼 */
.levelTabArea{display: flex;gap:15px;margin-top: 20px;}
.levelTabArea button{flex:1;padding: 16px 10px;text-align: center;background: #fff; color: #282E44;border:1px solid #E2E2E3; font-size: 20px;line-height: 28px;font-weight: 500;letter-spacing: -1.2px;}
.levelTabArea button.on{color: #FFF;background: #172C8D;}
@media (max-width: 1140px){
    .levelTabArea button{font-size: 18px;}
}
@media (max-width: 990px){
    .levelTabArea{gap:10px}
    .levelTabArea button{font-size: 16px;}
}
@media (max-width: 890px){
    .levelTabArea{gap:10px}
    .levelTabArea button{line-height: 20px;}
    .levelTabArea button em{display: block;}
}
@media (max-width: 690px){
    .levelTabArea button{font-size: 14px;}
}
@media (max-width: 590px){
    .levelTabArea{gap:0;overflow-x: auto;}
    .levelTabArea button{font-size: 14px;border-left-width: 0;border-bottom-color: #373737;}
    .levelTabArea button:first-child{border-left-width: 1px;}
    .levelTabArea button.on{background: #fff; color: #282E44;border:1px solid #373737;}
}
@media (max-width: 560px){
    .levelTabArea button{min-width: 130px;max-width: 130px;}
}

/*** 강의 정보 섹션 (강의명, 상세정보, 가격, 구매버튼 등이 포함된 영역) ***/
.courseInfoArea{}
.courseInfoArea .priceBox{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 20px;}
.courseInfoArea .priceTit{font-size: 20px; color: #aaa;}
.courseInfoArea .priceDt{gap: 20px;display: flex;align-items: flex-end;}
.courseInfoArea .priceDt .discount{font-size: 16px;color: #f30000;}
.courseInfoArea .priceDt .realPrice{text-decoration: line-through;color: #aaa;}
.courseInfoArea .priceDt .totalPrice{font-size: 28px;font-weight: 600;}
.courseInfoArea .priceBox.coupon{margin-bottom:10px}
.courseInfoArea .priceBox + .couponBox{text-align: right; margin-bottom:20px;font-size: 18px;color:#10977c;font-weight: 500;}

/* 추가 구매 (교재, 첨삭 등) */
.courseInfoArea .addSelling{margin-bottom: 20px;display: flex;gap: 10px;flex-direction: column;}
.courseInfoArea .addSelling p{font-size: 18px;}
.allpass-couponBox{margin-bottom: 10px;display:block;background: #1B2243 url(../img/common/ico_arrow_double.svg) center right 10px/16px no-repeat;display: flex;align-items: center;font-size: 18px;font-weight: 700;}
.allpass-couponBox span{width:42px;height:42px;background: #3347FF url(../img/common/ico_arrow_yellow.png) center/24px no-repeat;}
.allpass-couponBox .pc{color:#fff}
.allpass-couponBox .pc em{color:#FEFB00;display: inline-block;padding-left:10px;}
.allpass-couponBox .mo{display:none;background: linear-gradient(90deg, #1C92FF 7.87%, #3AC4FF 33.39%, #22D370 67.77%, #B7FFD7 90.34%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

@media (max-width: 499px){
    .courseInfoArea .priceBox{flex-direction: column;margin-top:20px}
    .courseInfoArea .priceTit{flex: none;margin-right: auto;font-size: 16px;}
    .courseInfoArea .priceDt{gap:10px}
    .courseInfoArea .priceDt .totalPrice{font-size: 24px;}
    .courseInfoArea .addSelling p{font-size: 16px;}
    .courseInfoArea .priceBox + .couponBox{font-size: 16px;}
    .allpass-couponBox{padding:10px 16px;font-size: 16px;}
    .allpass-couponBox .pc{display:none}
    .allpass-couponBox .mo{display: block;}
    .allpass-couponBox span{display: none;}
}

/* 랜선첨삭 */
/* 달력 */
.cal-data-area{margin-top:50px;display:flex;flex-direction: column;}
.cal-data-select{margin-top:50px;font-size: 24px;font-weight: 600;display: flex;flex-direction: column;align-items: center;gap:30px}
.cal-data-select span:last-child{flex:none;margin-left: auto;font-size: 16px;}
.cal-data-select select{border-radius: 8px;border: 1px solid #E5E7EB;padding:5px 10px}
.cal-data-select-box{display:flex;gap:50px}
.cal-data-week{display: flex;border: 1px solid #E2E2E3;margin-top:20px}
.cal-data-week span{padding:18px 0; flex:1;font-weight: 600;text-align: center;font-size: 16px;color: #0055F9;}
.cal-data-num {display: grid;grid-template-columns: repeat(7, 1fr);grid-gap:40px 20px; border: solid #E2E2E3;border-width: 0 1px 1px;padding:20px 0 20px 40px}
.cal-data-num span{}
.cal-data-num .this-week{width: 20px;}
.cal-data-num .this-week-box{padding:10px;display: flex;gap: 20px;}
.cal-data-num .empty-seat{color: #0006EB;font-size: 16px;font-weight: 500;cursor: pointer;}
.cal-data-num .pull-seat{color: #818AA1;font-size: 16px;font-weight: 500;}

@media (max-width: 1109px){
    .cal-data-num .this-week-box{flex-direction: column;justify-content: space-between;}
}
@media (max-width: 849px){
    .cal-data-num{grid-gap:20px}
}
@media (max-width: 649px){
    .cal-data-area{margin-top:10px;}
    .cal-data-select{font-size: 18px;}
    .cal-data-num{padding:0;grid-gap: 0;}
    .cal-data-num .this-week-box{align-items: center;}
    .cal-data-num .pull-seat,
    .cal-data-num .empty-seat{font-size: 12px;}
}
@media (max-width: 549px){
    .cal-data-area > span{font-size: 12px;line-height: 16px;}
    .cal-data-num{padding:10px 0;border:none;grid-gap: 10px 5px}
    .cal-data-week{border-width: 0 0 1px;}
    .cal-data-week span{color: #2D2D2D;}
    .cal-data-num .this-week-box{padding:0;gap:10px}
    .cal-data-num .this-week{width:unset}
    .cal-data-num .pull-seat,
    .cal-data-num .empty-seat{font-size: 11px;}
}
/******** 교수님 페이지 *********/

.professorList{
    padding-top: 60px;
   }
.professorList > ul + ul{
    margin-top: 40px;
}
.proSection{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 50px 32px;
}
.proSection.con01 .proBox{
    background: linear-gradient(90deg, #B4D0FF 0%, #DFEDFA 100%);
}
.proSection.con01 .proLink{
    background-color: #3371D9;
}
.proSection.con01 .proLink span:last-child{color:#B7FCFF;}
.proSection.con02 .proBox{
    background: linear-gradient(90deg, #EFF7FF 0%, #DFEDFA 100%);
}
.proSection.con02 .proLink{
    background-color: #1A3153;
}
.proSection.con02 .proLink span:last-child{color:#82B1FF;}
.proSection.con03 .proBox{
    background: linear-gradient(90deg, #F5F0FF 0%, #F4EFFF 100%);
}
.proSection.con03 .proLink{
    background-color: #8668C0;
}
.proSection.con03 .proLink span:last-child{color:#D8C7FF;}
.proSection.con04 .proBox{
    background: linear-gradient(90deg, #C3DFB8 0%, #F0FFE9 100%);
}
.proSection.con04 .proLink{
    background-color: #689C51;
}
.proSection.con04 .proLink span:last-child{color:#C0FFA3;}

.proBox{
    position:relative;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.proBox img{position: absolute;top: -16px;
    left: 50%;
    margin-left: -180px;}
.proBox.t1 img{top: -17px;}
.proBox  .proInfo{
    width: 100%;
    height: 100%;
    padding: 30px 35px;
}

.proBox > div h4{
    font-size: 20px;
    font-weight: 600;
}
.proBox > div h5{
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -1px;
}
.proBox > div ul{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
    margin-top:20px;
    display: flex;
    flex-direction: column;
    gap:6px
}

.proTitle + li{margin-top:50px;}

.proInfo{opacity: 0;}
.proPhoto{opacity: 1;}
.proBox:hover .proPhoto{
    opacity: 0;
    transition: opacity 0.5s ease;}
.proBox:hover .proInfo{
    opacity: 1;
    transition: opacity 0.5s ease;}

.proLink{
    padding: 12px 19px 12px 22px;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    align-items: center;
    font-weight: 400
}
.proLink b{font-weight: 700;}
.proLink span{color:#fff}
.proLink span:last-child{font-size: 14px;}
@media (max-width: 1151px){
    .proSection {grid-template-columns: repeat(2, 1fr);}
    
}
/* 모바일일때 슬라이드모드 추가 */
@media (max-width: 754px){
    .proSection{display: block;}
    .slideArea .slick-list{overflow: hidden;}
    .slideArea .slick-track{display:flex;gap: 10px;}
    .slideArea .slick-slide{
        width: 100% !important;
        overflow: hidden !important;
        margin: 0 auto !important;
    }
    .proTitle + li{margin-top:30px}
    .proBox > div h4{font-size:20px}
    .proBox > div h5{font-size:18px}
    .proBox img{height: 65%; top:unset;bottom:42px;left:unset;margin-left: unset;right: -7px;}
    .proBox.t1 img{top:unset;}
    .proLink{font-size: 16px;}
    .proBox:hover .proPhoto{opacity: 1;}
    .proBox .proInfo{padding:10px; opacity: 1;}
    .proBox > div ul{width:45%}
}

/* 인강 - 종합, 필기, 실기 상단 티켓 배너 */

.class-ticket-banner{color: #FFF;font-size: 18px;font-weight: 500;background-color: #FF3E92; }
.class-ticket-banner a{display: flex;padding:16px 30px}
.class-ticket-banner em{color: #FFFCAC;}
.class-ticket-banner span{flex:none;margin-left: auto;font-size: 16px;font-weight: 600;position: relative}
.class-ticket-banner span::before{content: '';position: absolute; left:-120px;top:-21px;width: 100px;height: 66px; background:url(../img/common/ico_gift.png) center/contain no-repeat;}

.class-ticket-banner + .course-list{margin-top: 30px;}
@media (max-width: 949px){
    .class-ticket-banner{font-size: 16px}
    .class-ticket-banner span{font-size: 12px}
    .class-ticket-banner span::before{width: 80px;height: 46px;top:-13px}
}
@media (max-width: 749px){
    .class-ticket-banner a{padding: 10px;flex-direction: column;}
}
@media (max-width: 399px){
    .class-ticket-banner{font-size: 14px;font-weight: 600;}
    .class-ticket-banner a{padding: 10px;flex-direction: column;}
    .class-ticket-banner span{text-indent: -999px;}
    .class-ticket-banner span::before{left:-80px}
}

/* ibt 응모자 카운팅 배너 */
.top-counting-banner{background-color: #060606;}
.top-counting-banner > div{width: 910px;margin: 0 auto;display:flex;justify-content: space-between;align-items: center;}
.top-counting-banner span{color:#fff;font-size: 24px;}
.top-counting-banner span em{color:#6AFFC9}
.top-counting-banner ul{display: flex;align-items: center;gap: 10px;font-size: 24px;font-weight: 500;}
.top-counting-banner li{color:#6FEE92}
.top-counting-banner li:nth-child(2){display: flex;gap:10px;}
.top-counting-banner li:nth-child(2) span{font-size: 42px;display: inline-block;width: 42px;height:72px; background:  url(../img/pages/promotion/countNum-bg.png) center/contain no-repeat;line-height: 70px;text-align: center;}
.top-counting-banner p{font-size: 10px;color:#8A8A8A;align-self: flex-end;margin-bottom: 20px;}
@media (max-width: 910px){
    .top-counting-banner > div{width: 100%;}
}
@media (max-width: 810px){
    .top-counting-banner span{font-size: 18px;}
    .top-counting-banner li:nth-child(2) span{font-size: 36px; height: 58px;line-height: 58px;}
}
@media (max-width: 710px){
    .top-counting-banner > div{justify-content: center;}
    .top-counting-banner > div > span{display: none;}
    .top-counting-banner li:nth-child(2) span{height: 60px;line-height: 60px;}
}
@media (max-width: 469px){
    .top-counting-banner ul{position: relative;padding-bottom:12px}
    .top-counting-banner p{position: absolute;margin: 0;right: 0px;bottom: 4px;}
}
@media (max-width: 399px){
    .top-counting-banner > div{padding:5px 0}
    .top-counting-banner ul{font-size: 18px;}
    .top-counting-banner li:nth-child(2){gap:5px}
    .top-counting-banner li:nth-child(2) span{font-size: 28px; height: 46px;line-height: 46px;}
}

@keyframes blink-effect-count {
    50% {
      opacity: 0;
    }
  }


/* 학원 필기 정규반 */
div[class ^= "online-section"]{display:flex;flex-direction: column;text-align: center;}
div[class ^= "online-section"] img{max-width: 100%;}
div[class ^= "online-section"] .mo{display:none}
.online-section01{position: relative}
.online-section02{padding:15px 0 60px; background-color: #001134;align-items: center;}
.online-section02 .tit-box{padding-top:50px}
.online-section02 .tit-box p{font-family: Pretendard;font-size: 50px;font-weight: 800;color: #FFF;line-height: 60px;}
.online-section02 .tit-box em{color: #0183FF}
.online-section02 .tit-box span{color: #FFF;font-size: 30px;font-weight: 500;display:block;text-align: center;}
.online-section02 img,
.online-section03 img{width: 860px;}
.online-section03{padding:75px 0;align-items: center;}
.online-section04{padding:105px 0 60px;align-items: center; background-color: #0183FF;}
.online-section04 img{width: 920px;}
.online-section05{padding:100px 50px;align-items: center;background-color: #001134;}
.online-section05 img{width: 880px;}
.online-section06{position: relative;overflow: hidden; background-color: #001134;padding:20px 20px 50px;background-color: #2856FF;}
.online-section06 a{position: absolute;width: 50%;height: 10%;}
.online-section06 .map01{top: 54%;left:0%;}
.online-section06 .map02{top: 54%;right:0%;}
.online-section06 .map03{bottom:3%;left:0%;width: 33.333%;}
.online-section06 .map04{bottom:3%;left:33.333%;right:33.333%;width: 33.333%;}
.online-section06 .map05{bottom:3%;right:0%;width: 33.333%;}

.online-section01.open02:after,
.online-section06.open02:after {content: ''; position: absolute;width: 200px;height: 200px;top: 50px;right: 50px;background: url(../img/common/ico_time.png) center/contain no-repeat;animation: .5s early infinite alternate linear;}
.online-section06.open02:after{top:0}
.online-section06.open02{padding: 50px 20px 50px;}

.online-section01.on.open02:after,
.online-section06.on.open02:after {background: url(../img/common/ico_timev02.png) center/contain no-repeat;}

/* 학원필기 정규반 슬라이드 */
.campusSwiper{}
.campusSwiper .swiper-wrapper{width:1018px;}
.campusSwiper .swiper-wrapper div{height: 500px;}
.campusSwiper .swiper-slide:nth-child(1){background:  url(../img/pages/campus/test_img01.png) center/contain no-repeat;}
.campusSwiper .swiper-slide:nth-child(2){background:  url(../img/pages/campus/test_img02.png) center/contain no-repeat;}
.campusSwiper .swiper-slide:nth-child(3){background:  url(../img/pages/campus/test_img03.png) center/contain no-repeat;}
.campusSwiper .swiper-slide:nth-child(4){background:  url(../img/pages/campus/test_img04.png) center/contain no-repeat;}
.campusSwiper .swiper-slide:nth-child(5){background:  url(../img/pages/campus/test_img05.png) center/contain no-repeat;}
.campusSwiper .swiper-slide:nth-child(6){background:  url(../img/pages/campus/test_img06.png) center/contain no-repeat;}
.campusSwiper .swiper-slide:nth-child(7){background:  url(../img/pages/campus/test_img07.png) center/contain no-repeat;}
.campusSwiper .swiper-button-next,
.campusSwiper .swiper-button-prev{}

@media (max-width: 1099px){
    .campusSwiper .swiper-wrapper{width:800px;}
    .online-section01.open02:after,
.online-section06.open02:after{width: 100px;height: 100px;}
}

@media (max-width: 849px){
    .campusSwiper .swiper-wrapper{width:640px;}
    .campusSwiper .swiper-wrapper div{height: 400px;}
    .online-section01.open02:after,
.online-section06.open02:after{top:20px;right:20px}
}
@media (max-width: 699px){
    .online-section02 .tit-box{padding-bottom: 20px;}
    .online-section02 .tit-box p{font-size: 32px;line-height: 40px;}
    .online-section02 .tit-box span{font-size: 18px;}
    .campusSwiper .swiper-wrapper{width:440px;}
    .campusSwiper .swiper-slide:nth-child(1){background:  url(../img/pages/campus/test_img01_mo.png) center/contain no-repeat;}
    .campusSwiper .swiper-slide:nth-child(2){background:  url(../img/pages/campus/test_img02_mo.png) center/contain no-repeat;}
    .campusSwiper .swiper-slide:nth-child(3){background:  url(../img/pages/campus/test_img03_mo.png) center/contain no-repeat;}
    .campusSwiper .swiper-slide:nth-child(4){background:  url(../img/pages/campus/test_img04_mo.png) center/contain no-repeat;}
    .campusSwiper .swiper-slide:nth-child(5){background:  url(../img/pages/campus/test_img05_mo.png) center/contain no-repeat;}
    .campusSwiper .swiper-slide:nth-child(6){background:  url(../img/pages/campus/test_img06_mo.png) center/contain no-repeat;}
    .campusSwiper .swiper-slide:nth-child(7){background:  url(../img/pages/campus/test_img07_mo.png) center/contain no-repeat;}   
}
.online-end{display: flex;}
.online-end img{flex:1;}
.online-end .mo{display:none}
@media (max-width: 549px){
    .online-end .pc,
    .online-section01 .pc,
    .online-section02 .pc,
    .online-section03 .pc,
    .online-section04 .pc,
    .online-section05 .pc,
    .online-section06 .pc{display:none}
    .online-end .mo,
    .online-section01 .mo,
    .online-section02 .mo,
    .online-section03 .mo,
    .online-section04 .mo,
    .online-section05 .mo,
    .online-section06 .mo{display:block !important}
}
@media (max-width: 459px){
    .campusSwiper .swiper-wrapper{width:300px;}
}

/* 학원필기 상품 타이틀 */
.course-tit{font-size: 28px;font-weight: 500;border-bottom: 2px solid #111;padding: 5px 0;margin-top: 50px;}
@media (max-width: 549px){
    .course-tit{font-size: 24px;margin-top: 30px;}
}
/* 학원 공통 */
.campus-section{padding-left: 35px;display: flex;flex-direction: column;font-size: 0;}
@media (max-width: 1440px){
    .campus-section{padding-left: 0px;width: 100%;}
    .section-cbt01,
    .section-cbt04{
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    
}
.campus-section > div img{max-width: 100%;}

/* 학원 CBT */
.section-cbt01{position: relative;}
.section-cbt01 .onSwiper{position: absolute;top: 0;left: 0;width: 200px;}
.section-cbt01 a{position: absolute; width: 16%;height: 100px;bottom: 42%;right: 32%;}
.section-cbt01 .limit{position: absolute;right: 26%;left: 61%;bottom: 5.6%;animation: blink-effect-count 1s ease-in-out infinite alternate;}
.section-cbt02,
.section-cbt03{background-color: #eaebed; padding:50px; display: flex;flex-direction: column;font-size: 0;gap:50px;align-items: center;}
.section-cbt03 div{position: relative;}
.section-cbt03 .twin{position: absolute;left: 10px;top: 86px;animation: blink-effect-count 1s ease-in-out infinite alternate;}
.application-cbt{padding:0 50px; font-size: 16px;}
.application-cbt ul{border: 1px solid #21335e;}
.application-cbt li + li{border-top: 1px solid #21335e;}
.application-cbt li{display: flex;gap:10px;align-items: center;}
.application-cbt li input[type='text']{padding:5px;border-color: #21335e;width:180px}
.application-cbt li > div:nth-child(1){width: 250px;text-align: center; background-color: #e8e9ed;padding:10px 20px}
.application-cbt li > div:nth-child(2){border-left: 1px solid #21335e;padding:14px 45px; width: 100%; background-color: #fff;}
.application-cbt li:last-child div{width: 100%;background-color: #fff;text-align: left;padding:30px 40px}
.application-cbt .eq{font-size: 14px;margin-top: 6px;}

.application-cbt > div{margin:20px 0;text-align: center;display: flex;justify-content: center;gap:20px}
.cbt-banner-mo{font-size: 0; display: none; position:fixed ;left:0;right:0;bottom:0;z-index: 9;}
.cbt-banner-mo img{max-width: 100%;}
.campus-section.mo{display: none;}
@media (max-width: 890px){
    .section-cbt01 .onSwiper{width:60px;}
    .section-cbt01 a{position: absolute;width: 100%;height: 100px;bottom: 41%;right: 0;}
    .campus-section.pc{display: none;}
    .campus-section.mo{display: block;}
    .section-cbt02{background-color: #fff;padding:50px 20px;gap:30px}
    .application-cbt{width: 100%;padding:0px;}
    .application-cbt ul{border:none}
    .application-cbt li + li{border-color:#d3d6df}
    .application-cbt li > div:nth-child(1){width:98px; background-color: #fff;padding:5px 0;font-size: 14px;}
    .application-cbt li > div:nth-child(2){border-left: none;padding:10px 5px}
    .application-cbt li:nth-child(1){border-top: 2px solid #21335e;}
    .application-cbt li:nth-child(2) > div:nth-child(2) input{width: inherit;max-width: 200px;}
    .application-cbt li input[type='text']{width: 100px;border-color:#d3d6df}
    .application-cbt li .df input{width: 60px;}
    .application-cbt li:last-child div{padding-top: 50px; width: 100%;}
    .application-cbt .eq{font-size: 13px;}
    .section-cbt03{padding:50px 20px}
    .section-cbt03 .moSwiper{margin:0 40px}
    .section-cbt03 .swiper-button-prev,
    .section-cbt03 .swiper-button-next{color:#000;position: absolute;}
    .cbt-banner-mo{display: block;}
}

@media (max-width: 490px){
    .application-cbt > div{gap:10px;font-size: 14px}
    .section-cbt03 .moSwiper{margin:0 10px}
}


/* promotion_0804 - 기초특강 시리즈 */

.promotion_0804{
    background:#fff url(../img/pages/promotion/0804/bg0804_web.png) center/cover no-repeat;
    height: 915px;
    display: flex;
    align-items: flex-end;
}

.iconArea_0804{width: 1200px; margin: 0 auto;display: flex; gap:20px;}
.iconArea_0804 li{background-position:center;background-repeat: no-repeat;position:relative;}
.iconArea_0804 li:nth-child(1){background-image: url(../img/pages/promotion/0804/spoon01.png);width:217px;height:380px;margin-top: 3px;}
.iconArea_0804 li:nth-child(2){background-image: url(../img/pages/promotion/0804/spoon02.png);width:235px;height:383px}
.iconArea_0804 li:nth-child(3){background-image: url(../img/pages/promotion/0804/spoon03.png);width:233px;height:378px;margin-top: 5px;}
.iconArea_0804 li:nth-child(4){background-image: url(../img/pages/promotion/0804/spoon04.png);width:212px;height:371px;margin-top:12px}
.iconArea_0804 li:nth-child(5){background-image: url(../img/pages/promotion/0804/spoon05.png);width:193px;height:362px;margin-top: 21px;}

.iconArea_0804 li:nth-child(1) span{background-image: url(../img/pages/promotion/0804/book01.png);width:306px;height:309px;}
.iconArea_0804 li:nth-child(2) span{background-image: url(../img/pages/promotion/0804/book02.png);width:312px;height:313px;}
.iconArea_0804 li:nth-child(3) span{background-image: url(../img/pages/promotion/0804/book03.png);width:297px;height:307px;}
.iconArea_0804 li:nth-child(4) span{background-image: url(../img/pages/promotion/0804/book04.png);width:296px;height:307px;}
.iconArea_0804 li:nth-child(5) span{background-image: url(../img/pages/promotion/0804/book05.png);width:294px;height:304px;}

.iconArea_0804 li span{position:absolute;top: -33px;left: -87px;
    animation: 1s slidein01 infinite alternate linear;}
.iconArea_0804 li:nth-child(even) span{animation-name: slidein02;}

@keyframes slidein01 {
    from {
      top: -52px;
    }
  
    to {
        top: -38px;
    } 
  }

@keyframes slidein02 {
    from {
      top: -38px;
    }
  
    to {
        top: -52px;
    }
  }

  @media (max-width: 1199px){
    .promotion_0804{
        background-image: url(../img/pages/promotion/0804/bg0804_tab.png);
        background-size: cover;
    }
    .iconArea_0804{display: none;}
  }
  @media (max-width: 540px){
    .promotion_0804{
        background-image: url(../img/pages/promotion/0804/bg0804_mo.png);
        height: 470px;
        background-size: cover;
    }
  }

/* 할인 가격 */
.priceArea p{text-align: right;font-family: Pretendard;font-size: 30px;color: #8A8A8A;text-decoration-line: line-through;}
.priceArea p.sale{color: #E80000;font-size: 40px;font-weight: 800;letter-spacing: -1.6px;text-decoration-line:none}
.priceArea p.sale span:first-child{font-size: 25px;font-weight: 700;margin-right:10px;}
@media (max-width: 1200px){
    .priceArea p{font-size: 20px;}
    .priceArea p.sale{font-size: 24px;}
    .priceArea p.sale span:first-child{font-size: 16px;}
}

.pro0804_01{padding:110px 0 140px}
.pro0804_01 > h2,
.pro0804_02 > h2,
.pro0804_03 > h2,
.pro0804_04 > h2{color:#000;font-size: 43px;font-weight: 800;text-align: center;
    font-family: Pretendard;letter-spacing: -1.72px;}
.pro0804_01 .checkListBox{margin-top:40px;padding:50px 80px;display:flex; background-color: #fff; border-radius: 16px;}
.pro0804_01 li{flex:1;}
.pro0804_01 li:nth-child(1){flex:.8}
.pro0804_01 li:nth-child(1) span{color: #06F;font-size: 22px;font-weight: 800;letter-spacing: -0.88px;font-family: Pretendard;}
.pro0804_01 li:nth-child(1) h3{color:#000;margin-top:12px;font-size: 35px;font-weight: 800;letter-spacing: -1.4px;font-family: Pretendard;}
.pro0804_01 li:nth-child(1) p{color:#000;margin-top:20px;font-size: 22px;line-height: 32px; font-weight: 600;letter-spacing: -0.88px;font-family: Pretendard;}
.pro0804_01 li .checkArea{display: flex;flex-direction: column; gap:20px;}
.pro0804_01 li .checkArea input+span{color: #000;font-family: Pretendard;font-size: 21px;font-weight: 500;letter-spacing: -1.1px;}
.pro0804_01 li .checkArea input+span::before,
.pro0804_01 li .checkArea input+span::after{width:25px;height:25px;}

@media (max-width: 1200px){
    .pro0804_01 > h2,
    .pro0804_02 > h2,
    .pro0804_03 > h2,
    .pro0804_04 > h2{font-size: 24px;letter-spacing: -0.96px;}
    .pro0804_01{padding:50px 20px !important}
    .pro0804_01 .checkListBox{flex-direction: column;gap:40px;padding:20px 10px; border-radius: 0px;border: 1px solid #E2E2E3}
    .pro0804_01 li:nth-child(1) span{font-size: 18px;letter-spacing: -0.72px;}
    .pro0804_01 li:nth-child(1) h3{font-size: 20px;letter-spacing: -0.88px;}
    .pro0804_01 li:nth-child(1) p{font-size: 16px;line-height: 22px;font-weight: 400;}
    .pro0804_01 li .checkArea input+span{font-size: 14px;letter-spacing: -0.7px;padding-bottom: 10px;border-bottom: 1px solid #E2E2E3;}
}

.pro0804_02{padding:100px 0 80px}
.pro0804_02 ul{display: flex;justify-content: center;margin-top: 40px;}
.pro0804_02 li{width:600px;border-radius: 8px;border: 4px solid #ECECEC;}
.pro0804_02 li:hover{border-color:#06F}

.pro0804_02 .viewArea{padding:43px 79px 18px 63px}
.pro0804_02 .viewArea > p {color:#000;font-family: Pretendard;font-size: 30px;line-height: 36px;font-weight: 700;letter-spacing: -1.2px;}
.pro0804_02 .viewArea dl{margin-top: 26px;margin-bottom: 50px;min-height: 140px;}
.pro0804_02 .viewArea dd{color: #252525;font-weight: 500; font-size: 18px;line-height: 28px;letter-spacing: -0.9px;}
.pro0804_02 .btnArea{padding:0 63px 40px;}
.pro0804_02 .btnArea a{display:inline-block;border-radius: 42px; color:#fff;font-size: 22px;font-weight: 600;letter-spacing: -1.54px;background-color:#000;height:83px;line-height: 83px;width:100%;text-align: center;}

.pro0804_02 .infoForm{margin-top:60px;display:flex;justify-content: space-between;}
.pro0804_02 .infoForm span{display:inline-block;padding-top:140px; color: #000A13;font-size: 20px;font-weight: 500;font-family: Pretendard;text-align: center;background-position:top center;background-repeat: no-repeat;}
.pro0804_02 .infoForm span:nth-child(1){background-image: url(../img/pages/promotion/0804/ico01.png);}
.pro0804_02 .infoForm span:nth-child(2){background-image: url(../img/pages/promotion/0804/ico02.png);}
.pro0804_02 .infoForm span:nth-child(3){background-image: url(../img/pages/promotion/0804/ico03.png);}
.pro0804_02 .infoForm span:nth-child(4){background-image: url(../img/pages/promotion/0804/ico04.png);}

@media (max-width: 1200px){
    .pro0804_02{padding:45px 20px 90px 20px !important}
    .pro0804_02 li{border-width: 2px;border-color: #06F;}
    .pro0804_02 .viewArea{padding:18px 18px 6px;}
    .pro0804_02 .viewArea > p {font-size: 20px;line-height: 28px;}
    .pro0804_02 .viewArea dl{margin-top: 10px;margin-bottom: 20px;}
    .pro0804_02 .viewArea dd{font-size: 14px;}
    .pro0804_02 .viewArea dd em{display: block;font-weight: 700;}
    .pro0804_02 .btnArea{padding:0}
    .pro0804_02 .btnArea a{font-size: 16px;letter-spacing: -1.12px;height: 55px;line-height: 55px;border-radius: 6px;outline: 1px solid #000;}
    .pro0804_02 .infoForm span{font-size: 16px;}
    .pro0804_02 .infoForm span:nth-child(1){background-size: 90px 86px;}
    .pro0804_02 .infoForm span:nth-child(2){background-size: 143px 95px;}
    .pro0804_02 .infoForm span:nth-child(3){background-size: 110px 95px;}
    .pro0804_02 .infoForm span:nth-child(4){background-size: 107px 98px;}
}
@media (max-width: 800px){
    .pro0804_02 .infoForm{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10px 0;}
}
.pro0804_03{padding:80px 0}
.pro0804_03 ul{margin-top:40px;display: flex;gap:38px}
.pro0804_03 li{width: 581px;height:319px;}
.pro0804_03 li:nth-child(1){background: #fff url(../img/pages/promotion/0804/new01.png) center no-repeat;}
.pro0804_03 li:nth-child(2){background: #fff url(../img/pages/promotion/0804/new02.png) center no-repeat;}

@media (max-width: 1200px){
    .pro0804_03{padding:45px 20px 45px 20px !important}
    .pro0804_03 h2 em{display: block;}
    .pro0804_03 ul{flex-direction: column;gap:28px;align-items: center;}
    .pro0804_03 li{width: 320px;height:185px;}
    .pro0804_03 li:nth-child(1){background-image: url(../img/pages/promotion/0804/new01_mo.png);background-size: cover;}
    .pro0804_03 li:nth-child(2){background-image: url(../img/pages/promotion/0804/new02_mo.png);background-size: cover;}
}

.bgPro{padding:74px 0 84px;background-image:url(../img/pages/promotion/0804/bg0804_pro.png),linear-gradient(90deg, #2B34DF 0%, #0D1986 100%);background-position:center;background-repeat:no-repeat;}
.pro0804_04 .tabArea{padding-top: 253px;background: url(../img/pages/promotion/0804/proAll.png) center top 2px no-repeat;}
.pro0804_04 .menuList{gap:1px}
.pro0804_04 .menuList > div{flex:1;background-color: #000320;padding:12px 0 8px;border:none;}
.pro0804_04 .menuList > div.on{background-color: #fff;}
.pro0804_04 .menuList a{color:#fff;opacity:0.8;font-size: 20px;font-weight: 600;line-height: 31px;letter-spacing: -1.04px;}
.pro0804_04 .menuList a em{font-size: 26px;}
.pro0804_04 .menuList div.on a{color:#000320;opacity: 1;}
.pro0804_04 .introArea{background-color: #fff;padding:35px 20px}
.pro0804_04 .introArea > div {display: none;}
.pro0804_04 .introArea > div.show {display: block;}
.pro0804_04 .introArea ul{display: flex;gap:8px; position:relative;}
.pro0804_04 .introArea li:first-child a{height:355px;width: 100%;display: inline-block; background:center top 15px no-repeat;}
.pro0804_04 .introArea .pro01 li:first-child a{background-image: url(../img/pages/promotion/0804/pro01.png);}
.pro0804_04 .introArea .pro02 li:first-child a{background-image: url(../img/pages/promotion/0804/pro02.png);}
.pro0804_04 .introArea .pro03 li:first-child a{background-image: url(../img/pages/promotion/0804/pro03.png);background-position-y: 20px;}
.pro0804_04 .introArea li:first-child span{position: absolute;top:70px;left:20px; font-family: Pretendard;font-size: 16px;color: #181818;font-weight: 600;letter-spacing: -0.64px;}
.pro0804_04 .introArea li:first-child em{font-size: 20px;font-weight: 800;letter-spacing: -0.8px;background: url(../img/pages/promotion/0804/icon_home.png) right center no-repeat;padding-right: 20px;background-size: 14px}
.pro0804_04 .videoArea{height: 325px;margin-top: -3px;background-color: #000320;background-repeat: no-repeat;background-position: center;}
.pro0804_04 .introArea .pro01 .videoArea{background-image: url(../img/pages/promotion/0804/Thumbnail01.png)}
.pro0804_04 .introArea .pro02 .videoArea{background-image: url(../img/pages/promotion/0804/Thumbnail02.png)}
.pro0804_04 .introArea .pro03 .videoArea{background-image: url(../img/pages/promotion/0804/Thumbnail03.png)}
.pro0804_04 .infoTitle{padding:70px 0 47px}
.pro0804_04 .infoTitle p{color: #000;font-family: Pretendard;font-size: 30px;font-weight: 800;letter-spacing: -1.2px;}
.pro0804_04 .infoTitle div{padding-top:50px;font-family: Pretendard;font-size: 18px;line-height: 28px; letter-spacing: -0.9px;}
.pro0804_04  dl{display: flex; flex-direction: column;gap:10px}
.pro0804_04  dd{border:1px solid #C8CCD2;padding:20px 23px}
.pro0804_04  dd > div:first-child span{color: #000;font-family: Pretendard;font-size: 20px;font-weight: 700;letter-spacing: -0.8px;}
.pro0804_04  dd > div:first-child em{color: #000;font-family: Pretendard;font-size: 15px;letter-spacing: -1.05px;}
.pro0804_04  dd > div:last-child{padding-top: 10px;}
.pro0804_04  dd .priceArea p{font-size: 20px;}
.pro0804_04  dd .priceArea p.sale{font-size: 28px;}
.pro0804_04  dd .priceArea p.sale span:first-child{font-size: 18px;}
.pro0804_04 .btnArea{display: flex;gap:8px;margin-top:10px}
.pro0804_04 .btnArea a{flex: 1;text-align: center; border-radius: 20px;background:#000;color:#fff;font-size: 18px;font-family: Pretendard;font-weight: 600;letter-spacing: -1.26px;padding: 10px 36px;}

@media (max-width: 1200px){
    .bgPro{padding:50px 0 45px}
    .pro0804_04 h2 em{display: block;}
    .pro0804_04 .introArea ul{flex-direction: column;gap:0}
    .pro0804_04 .tabArea{background-image:url(../img/pages/promotion/0804/proAll_mo.png);background-size: 710px;}
    .pro0804_04 .menuList a{font-size: 10px;line-height: 20px;}
    .pro0804_04 .menuList a em{font-size: 16px;}
    .pro0804_04 .videoArea{background-size: contain;}
    .pro0804_04 .introArea{padding-left: 0;padding-right: 0;padding-bottom: 0;}
    .pro0804_04 .introArea li:first-child a{height:260px;background-position: right 10% top 29px;}
    .pro0804_04 .introArea .pro01 li:first-child a{background-image: url(../img/pages/promotion/0804/pro01_mo.png);}
    .pro0804_04 .introArea .pro02 li:first-child a{background-image: url(../img/pages/promotion/0804/pro02_mo.png);}
    .pro0804_04 .introArea .pro03 li:first-child a{background-image: url(../img/pages/promotion/0804/pro03_mo.png);background-position-y: 30px;}
    .pro0804_04 .introArea li:first-child span{top:-10px;font-size: 16px;}
    .pro0804_04 .introArea li:first-child em{font-size: 14px;}
    .pro0804_04 .infoTitle{padding:30px 8px 26px}
    .pro0804_04 .infoTitle p{font-size: 18px;}
    .pro0804_04 .infoTitle div{padding-top:30px;font-size: 12px;line-height: 20px;letter-spacing: -0.84px;}
    .pro0804_04 dl{gap:0}
    .pro0804_04 dd{padding:11px 12px;border-color: #06F;border-width: 2px 0 0 0;}
    .pro0804_04 dd > div:first-child span{font-size: 14px;}
    .pro0804_04 dd > div:first-child em{font-size: 11px;}
    .pro0804_04 dd .priceArea p{font-size:16px;;}
    .pro0804_04 dd .priceArea p.sale{font-size: 20px;}
    .pro0804_04 dd .priceArea p.sale span:first-child{font-size: 12px;}
    .pro0804_04 .btnArea a{font-size: 14px;padding: 6px 26px;}
}
@media (max-width: 660px){
    .pro0804_04 .tabArea{background-size: 350px; padding-top: 124px;}
}
    
/* promotion_0804 - 기초특강 시리즈 //end */

/* promotion_0807 - 실기인강 오픈 */

.pro0807_01 {
    width : 100%;
    display: flex;
    flex-direction: column;
}
.pro0807_01 .tabArea{margin-top:-1px}
.pro0807_01 .tabList{display:flex;align-items: flex-end;background-color: #143ede;}
.pro0807_01 .tabList.v02{background-color: #fff}
.pro0807_01 .tabList>div{flex:1;position: relative}
.pro0807_01 .tabList>div a{display:block;font-size: 58px;font-weight: 800;letter-spacing: -1.92px;width: 100%;padding: 28px 110px;color:#fff}
.pro0807_01 .tabList>div:first-child a{background-color: #FF17E5;}
.pro0807_01 .tabList>div:last-child a{background-color: #071B5B;}
.pro0807_01 .tabList>div:last-child em{color:#50DBF0}
.pro0807_01 .tabList>div.on a{padding: 50px 110px;}
.pro0807_01 .tabList>div.on:first-child a{border-top-right-radius: 12px;}
.pro0807_01 .tabList>div.on:last-child a{border-top-left-radius: 12px;}
.pro0807_01 .tabList>div:hover:after{content:''; position:absolute;background: url(../img/pages/promotion/0807/tabPointer.png) center no-repeat; width: 80px;height: 150px;background-size: contain;top: 20px;right: 0;animation: blink 0.5s ease-in-out infinite alternate;}
@keyframes blink{
    0% {top: 10px;}
    100% {top: 15px;}
  }
.pro0807_01 .tabInfoArea {background-color: #F1F1F1;} 
.pro0807_01 .tabInfoArea > div{display:none}
.pro0807_01 .tabInfoArea > div.on{display: block;}
.pro0807_01 .tabInfoArea .infoBox{padding: 25px 0 10px;}
.pro0807_01 .tabInfoArea .infoBox h3{width:944px; color:#000;font-size: 48px;font-weight: 800;letter-spacing: -1.92px;margin:0 auto 20px}
.pro0807_01 .ticketBox{margin-top:30px;height:608px; background: url(../img/pages/promotion/0807/ticketBg.png) center top no-repeat;background-size: contain;display: flex;}
.pro0807_01 .ticketBox > div{flex:1;padding:75px 41px 110px 44px}
.pro0807_01 .ticketBox .ticketTit{display:flex;justify-content: space-between; align-items: center;font-size: 29px;font-weight: 700;color: #000;}
.pro0807_01 .ticketBox .ticketTit em{font-size: 18px;}
.pro0807_01 .ticketBox ul{margin-top:50px;display: flex;gap:18px;height: 320px;}
.pro0807_01 .ticketBox li{border:1px solid #2D2D2D;padding:30px 23px 23px }
.pro0807_01 .ticketBox li p{color: #000;font-size: 34px;font-weight: 800;letter-spacing: -1.36px;}
.pro0807_01 .ticketBox li span{display:block}
.pro0807_01 .ticketBox li span:nth-child(2){margin-top:16px;color: #FF4545;font-size: 27px;font-weight: 700;letter-spacing: -1.08px; min-height: 32px;}
.pro0807_01 .ticketBox li span:nth-child(3){position:relative;color:#B0B0B0;font-size: 27px;font-weight: 700;letter-spacing: -1.08px; min-height: 32px;}
.pro0807_01 .ticketBox li span:nth-child(3):after{content: ''; position:absolute;top:5px;left:0px;width:170px;height:47px;background: url(../img/pages/promotion/0807/ico_discount.svg) center no-repeat;;}
.pro0807_01 .ticketBox li span:nth-child(3).noSale:after{content:none}
.pro0807_01 .ticketBox li span:nth-child(4){margin-top:16px;color:#000;font-size: 38px;font-weight: 900;letter-spacing: -1.52px;}
.pro0807_01 .ticketBox li a{margin-top:10px;display: block;padding: 23px 50px;width: 100%;color:#fff;font-size: 27px;font-weight: 700;letter-spacing: -1.08px;}

.pro0807_01 .type01 .ticketBox li a{background-color:#FF17E5;}
.pro0807_01 .type02 .ticketBox li a{background-color:#0118D0;}

/* 환승가 버튼 */
.pro0807_01 .type01 .ticketBox li a.btnTransfer,
.pro0807_01 .type02 .ticketBox li a.btnTransfer{background-color: #00A67E;}


.pro0807_01 .mo{display:none}

@media (max-width: 1200px){
    .pro0807_01 .tabList>div a{font-size: 32px;letter-spacing: -0.56px;padding:12px 17px}
    .pro0807_01 .tabList>div.on a{padding:24px 50px}
    .pro0807_01 .tabList>div.on:first-child a{border-top-right-radius: 10px;}
    .pro0807_01 .tabList>div.on:last-child a{border-top-left-radius: 10px;}
    .pro0807_01 .tabInfoArea .infoBox{padding:25px 0 0px;}
    .pro0807_01 .tabInfoArea .infoBox h3{font-size: 32px;font-weight: 700;width: 100%;text-align: center;}
    .pro0807_01 .tabInfoArea .infoBox h3 em.eq,
    .pro0807_01 .tabInfoArea .infoBox h3 em{padding-right:unset}
    .pro0807_01 .tabInfoArea .infoBox .tac{padding: 0 20px;}
    .pro0807_01 .ticketBox{height:unset; flex-direction: column; background-color: #fff;background-image: none; padding: 0 20px;}
    .pro0807_01 .ticketBox > div{padding: 20px 0;}
    .pro0807_01 .ticketBox .ticketTit{font-size: 18px;flex-direction: column;align-items: flex-start;}
    .pro0807_01 .ticketBox .ticketTit em{font-size: 14px;font-weight: 500;}
    .pro0807_01 .ticketBox ul{margin-top:20px;height: unset;}
    .pro0807_01 .ticketBox li{padding: 13px 13px 16px;flex: 1;}
    .pro0807_01 .ticketBox li p{font-size: 20px;}
    .pro0807_01 .ticketBox li span{font-size: 20px;}
    .pro0807_01 .ticketBox li span:nth-child(2),
    .pro0807_01 .ticketBox li span:nth-child(3),
    .pro0807_01 .ticketBox li span:nth-child(4){font-size: 22px;}
    .pro0807_01 .ticketBox li span:nth-child(3):after{width:120px;height: 34px;background-size: contain;}
    .pro0807_01 .ticketBox li span:nth-child(4){margin-top: 0px;}
    .pro0807_01 .ticketBox li a{font-size: 20px;text-align:center; padding:10px}
    
}

@media (max-width: 780px){
    .pro0807_01 .tabList>div a{font-size: 14px;letter-spacing: -0.56px;padding:10px 17px}
    .pro0807_01 .tabList>div.on a{padding:30px 16px}
    .pro0807_01 .tabList>div em:after{content: ">";
        color:#fff;font-weight: 800;margin-left: 5px;}
    .pro0807_01 .tabInfoArea .infoBox h3{font-size: 16px;font-weight: 700}
    .pro0807_01 .mo{display:unset}
    .pro0807_01 .pc{display:none}
    .pro0807_01 .tabList>div:hover:after{content: none;}
}

@media (max-width: 480px){
    .pro0807_01 .tabList>div.on a{padding: 24px 16px}
}

.pro0807_02{padding: 100px 0 50px;}
.pro0807_02 .testView h2{text-align: center;color: #000;font-size: 62px;font-weight: 800;letter-spacing: -2.48px;}
.pro0807_02 .testView h2 em{color:#68B000;}
.pro0807_02 .testView h2 + .testViewSection{margin-top:60px;margin-bottom:150px;border:1px solid #2D2D2D;}
.pro0807_02 .testView:last-child{margin-bottom: 0;}

/* 슬라이드 커스텀 */
.testViewSection .swiper-pagination{bottom:unset !important;height: 82px;background-color:#81DD1D ;display: flex;justify-content: center;gap: 43px;align-items: center;}
.testViewSection .swiper-pagination-bullet{position:relative; font-size: 0px;color: #000;font-weight: 600;background: none;}
.testViewSection .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #fff;}
.testViewSection .swiper-pagination-bullet::after{position:absolute;top:0;left:0; font-size: 27px;font-weight: 600;display: block;width: 80px;}
.testViewSection .swiper-pagination-bullet:nth-child(1):after{content:'1번'; }
.testViewSection .swiper-pagination-bullet:nth-child(2):after{content:'2번'; }
.testViewSection .swiper-pagination-bullet:nth-child(3):after{content:'3번'; }
.testViewSection .swiper-pagination-bullet:nth-child(4):after{content:'7번'; }
.testViewSection .swiper-pagination-bullet:nth-child(5):after{content:'8번'; }
.testViewSection .swiper-pagination-bullet:nth-child(6):after{content:'10번'; }
.testViewSection .swiper-pagination-bullet:nth-child(7):after{content:'11번'; }
.testViewSection .swiper-pagination-bullet:nth-child(8):after{content:'12번'; }
.testViewSection .swiper-pagination-bullet:nth-child(9):after{content:'13번'; }
.testViewSection .swiper-pagination-bullet:nth-child(10):after{content:'15번'; }
.testViewSection .swiper-pagination-bullet:nth-child(11):after{content:'16번'; }

.testViewSection .swiper-pagination-bullet:nth-child(1):before{content: '실제문제';position: absolute;top: 0;right:15px;display:block;width: 100px;color:#000 !important; font-size: 27px;font-weight: 600;}
.testViewSection .swiper-wrapper{padding-top:82px;}

.testViewSection .swiper-slide{height:550px;}
.testViewSection .swiper-slide:nth-child(1){background:  url(../img/pages/promotion/0807/hittheme01.png) center/contain no-repeat;}
.testViewSection .swiper-slide:nth-child(2){background:  url(../img/pages/promotion/0807/hittheme02.png) center/contain no-repeat;}
.testViewSection .swiper-slide:nth-child(3){background:  url(../img/pages/promotion/0807/hittheme03.png) center/contain no-repeat;}
.testViewSection .swiper-slide:nth-child(4){background:  url(../img/pages/promotion/0807/hittheme04.png) center/contain no-repeat;}
.testViewSection .swiper-slide:nth-child(5){background:  url(../img/pages/promotion/0807/hittheme05.png) center/contain no-repeat;}
.testViewSection .swiper-slide:nth-child(6){background:  url(../img/pages/promotion/0807/hittheme06.png) center/contain no-repeat;}
.testViewSection .swiper-slide:nth-child(7){background:  url(../img/pages/promotion/0807/hittheme07.png) center/contain no-repeat;}
.testViewSection .swiper-slide:nth-child(8){background:  url(../img/pages/promotion/0807/hittheme08.png) center/contain no-repeat;}
.testViewSection .swiper-slide:nth-child(9){background:  url(../img/pages/promotion/0807/hittheme09.png) center/contain no-repeat;}
.testViewSection .swiper-slide:nth-child(10){background:  url(../img/pages/promotion/0807/hittheme010.png) center/contain no-repeat;}
.testViewSection .swiper-slide:nth-child(11){background:  url(../img/pages/promotion/0807/hittheme011.png) center/contain no-repeat;}

@media (max-width: 1200px){
    .pro0807_02{padding: 25px 0 20px}
    .pro0807_02 .testView h2{font-size: 20px;letter-spacing: -0.82px;}
    .pro0807_02 .testView h2 + .testViewSection{margin-top: 25px;margin-bottom: 35px;}
    .testViewSection .swiper-pagination{gap:2px;height: 42px;}
    .testViewSection .swiper-pagination-bullet:nth-child(1):before{content: '';}
    .testViewSection .swiper-pagination-bullet::after{font-size: 14px;width: 30px;}
    .testViewSection .swiper-wrapper{padding-top:45px;}
    .testViewSection .swiper-pagination-bullet:nth-child(1){width: 16px;margin: 0 3px !important;}
    .testViewSection .swiper-pagination-bullet:nth-child(2){width: 16px;margin: 0 3px !important;}
    .testViewSection .swiper-pagination-bullet:nth-child(3){width: 16px;margin: 0 3px !important;}
    .testViewSection .swiper-pagination-bullet:nth-child(4){width: 16px;margin: 0 3px !important;}
    .testViewSection .swiper-pagination-bullet:nth-child(5){width: 16px;margin: 0 3px !important;}
    
    .testViewSection .swiper-pagination-bullet:nth-child(1):after{content:'1번'; width:24px}
    .testViewSection .swiper-pagination-bullet:nth-child(2):after{content:'2번'; width:24px}
    .testViewSection .swiper-pagination-bullet:nth-child(3):after{content:'3번'; width:24px}
    .testViewSection .swiper-pagination-bullet:nth-child(4):after{content:'7번'; width:24px}
    .testViewSection .swiper-pagination-bullet:nth-child(5):after{content:'8번'; width:24px}
    .testViewSection .swiper-slide:nth-child(1){background-image:  url(../img/pages/promotion/0807/hittheme01_mo.png)}
    .testViewSection .swiper-slide:nth-child(2){background-image:  url(../img/pages/promotion/0807/hittheme02_mo.png)}
    .testViewSection .swiper-slide:nth-child(3){background-image:  url(../img/pages/promotion/0807/hittheme03_mo.png) }
    .testViewSection .swiper-slide:nth-child(4){background-image:  url(../img/pages/promotion/0807/hittheme04_mo.png) }
    .testViewSection .swiper-slide:nth-child(5){background-image:  url(../img/pages/promotion/0807/hittheme05_mo.png) }
    .testViewSection .swiper-slide:nth-child(6){background-image:  url(../img/pages/promotion/0807/hittheme06_mo.png) }
    .testViewSection .swiper-slide:nth-child(7){background-image:  url(../img/pages/promotion/0807/hittheme07_mo.png) }
    .testViewSection .swiper-slide:nth-child(8){background-image:  url(../img/pages/promotion/0807/hittheme08_mo.png) }
    .testViewSection .swiper-slide:nth-child(9){background-image:  url(../img/pages/promotion/0807/hittheme09_mo.png) }
    .testViewSection .swiper-slide:nth-child(10){background-image:  url(../img/pages/promotion/0807/hittheme010_mo.png)}
    .testViewSection .swiper-slide:nth-child(11){background-image:  url(../img/pages/promotion/0807/hittheme011_mo.png)}
    

}
/* 합격관리 프로그램 영역 */
.programSection{background-color: #062a92;}
.programSection .mo{display: none;}

.pro0807_03{padding:110px 0 ;}
.pro0807_03 .tit{position:relative; display:inline-block;font-size: 60px;font-weight: 900;
    background: linear-gradient(90deg, #0019d9 0%, #2798f7 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
    padding-left: 140px;}
.pro0807_03 .tit:before{content: '';position:absolute;top:4px;left:0; display:inline-block;width: 140px;height: 60px; background:  url(../img/pages/promotion/0807/subwayBg.png) center/contain no-repeat;}
.pro0807_03 dl{padding:35px 0 50px;}
.pro0807_03 dt{color:#000;font-size: 60px;font-weight: 600;margin-bottom:30px;letter-spacing: -2.8px;}
.pro0807_03 dt em{color:#002AFF}
.pro0807_03 dd{color:#000; font-size: 30px;font-weight: 500;}
.pro0807_03 dd + dd{margin-top:10px;}
.pro0807_03 dd.eq{margin-bottom: 20px;font-size: 42px;font-weight: 600;}
.pro0807_03 ul{padding-top:90px; display:flex;justify-content: center;gap:40px;}
.pro0807_03 li{display: flex;flex-direction: column;gap: 20px;background: #F3F3F3;padding:45px 40px 40px;border-radius: 24px;}
.pro0807_03 p{color:#000;font-size: 24px;font-weight: 500;letter-spacing: -0.96px;}
.pro0807_03 .complete{color:#000;font-size: 18px;background-color: #e4e4e4;text-align: center;line-height: 32px;}
.pro0807_03 li select{height: 32px;font-size: 18px;}
.pro0807_03 li select option{width: inherit;}
.pro0807_03 .fileBox{display: flex; gap: 10px; margin-bottom: 10px;}
.pro0807_03 .fileBox .upload-name {flex: 1;display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle;background-color: #fff;border: 1px solid #2D2D2D;color: #000;pointer-events: none;}
.pro0807_03 .fileBox label {display: inline-block;padding: 10px 20px;color: #fff;vertical-align: middle;background-color: #2D2D2D;cursor: pointer;height: 40px;}
.pro0807_03 .fileBox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

.pro0807_03 .fileSave input{width:100%;border:none;color: #fff;vertical-align: middle;background-color: #056EED;cursor: pointer;height: 48px;font-size: 18px;}

.pro0807Footer{padding:50px 20px 140px 20px}
.pro0807Footer p{color: #ACC096;font-size: 20px;line-height: 32px; letter-spacing: -1.2px;}

.linkSection{position: fixed;left: 0;right: 0;bottom: -4px;z-index: 99;}
.linkSection .mo{display:none}

@media (max-width: 1200px){
    .pro0807_03{padding: 50px 0;}
    .pro0807_03 ul{flex-direction: column;padding-top: 30px;}
    .pro0807_03 .tit{font-size: 19px;padding-left: 50px;}
    .pro0807_03 .tit:before{width: 50px;height: 24px;}
    .pro0807_03 dl{padding: 25px 0 30px;}
    .pro0807_03 dt{font-size: 20px;letter-spacing: -1.8px;}
    .pro0807_03 dd{font-size: 16px;}
    .pro0807_03 dd.eq{font-size: 18px;}
    .pro0807_03 li{padding:20px}
    .pro0807_03 p{font-size: 16px;}
    .pro0807_03 .complete{font-size:13px}
    .pro0807_03 .fileBox .upload-name{width: 60%;}

    section.sub > div.pro0807Footer{padding: 20px 20px 60px;}
    .pro0807Footer p{font-size: 11px;line-height: 18px;} 
}
@media (max-width: 780px){
  .pro0807_03 li select{height: 32px;font-size: 12px;}
  .pro0807_03 .linkSection a{display: block;text-align: center;background: #0c1126;}
 .linkSection img{height: 40px;}
 .linkSection .mo{display:unset}
 .linkSection .pc{display:none}
 .linkSection.pro0807Link{text-align: center;background-color: #071342;}
 .programSection .mo{display:unset}
 .programSection .pc{display:none}
}

/* 탑 배너 */

.topBanner0807{position:fixed;top:200px;right:10px; width:233px;height:292px;background: url(../img/pages/promotion/0807/topBanner.png) top center/cover no-repeat;}
.topBanner0807 a{display: block;width: 100%;height: 100%;}
@media (max-width: 1200px){
   .topBanner0807{display: none;} 
}

/* promotion_0807 - 실기인강 오픈 //end */

/* promotion_0811 - 필기 설명회 접수 이벤트 */

.pro0811_01{ background: #000086}

.pro0811_01 .mo{display: none;}

@media (max-width: 710px){
.pro0811_01 .mo{display: unset;}
.pro0811_01 .pc{display: none;}
}

.pro0811_02 {background: #000086;padding:100px 0 148px }
section.sub.pro0811_02 > div{width:1000px}
.pro0811_02 h2{color:#fff;font-size: 50px;font-weight: 800;text-align: center;letter-spacing: -3.5px;}
.pro0811_02 ul{display: flex; flex-direction: column; gap:32px; margin-top:55px;}
.pro0811_02 li{height:200px; padding:35px 20px 20px 10px; border-radius: 20px;background: #FFF;display:flex;flex-direction: unset;justify-content: space-between;}
.pro0811_02 li div:nth-child(1){padding-left:160px}
.pro0811_02 li div:nth-child(2){position: relative;}
.pro0811_02 li div:nth-child(1) p{font-size: 28px;font-weight: 800;letter-spacing: -1.96px;margin-bottom:20px;}
.pro0811_02 li div:nth-child(1) span{display:block; font-size: 20px;font-weight: 600;letter-spacing: -1px;}
.pro0811_02 li div:nth-child(1) span + span{margin-top: 10px;}
.pro0811_02 li div:nth-child(2) p{font-size: 17px;font-weight: 700;letter-spacing: -0.75px;margin-bottom:10px;}
.pro0811_02 li div:nth-child(2) span{display:block;font-size: 14px;font-weight: 500;letter-spacing: -0.91px;}
.pro0811_02 li div:nth-child(2) span + span{margin-top: 4px;}
.pro0811_02 .profeBox div:nth-child(1){background: url(../img/pages/promotion/0811/tit01.png) top left 30px no-repeat;}
.pro0811_02 .teachBox div:nth-child(1){background: url(../img/pages/promotion/0811/tit02.png) top left 30px no-repeat;}
.pro0811_02 .profeBox div:nth-child(2)::after{content: '';position: absolute;bottom:-21px;right:170px; display: inline-block;width: 206px;height:282px;background: url(../img/pages/promotion/0811/pro01.png) center/cover no-repeat;}
.pro0811_02 .teachBox div:nth-child(2)::after{content: '';position: absolute;bottom:-21px;right:170px; display: inline-block;width: 200px;height:200px;background: url(../img/pages/promotion/0811/pro02.png) center/cover no-repeat;}

@media (max-width: 999px){
    section.sub.pro0811_02 > div{width:100%}
    .pro0811_02 .profeBox div:nth-child(1),
    .pro0811_02 .teachBox div:nth-child(1){background-position-x: 10px;}
    .pro0811_02 li div:nth-child(1){padding-left: 130px;}
}
@media (max-width: 899px){
    .pro0811_02{padding: 60px 0 80px}
    .pro0811_02 h2{font-size: 36px;}
    .pro0811_02 ul{gap:180px;margin-top:220px;}
    .pro0811_02 li {background-color:unset; flex-direction: column-reverse;gap:20px;padding: 0;}
    .pro0811_02 li div:nth-child(2){padding-left:200px;color: #fff;}
    .pro0811_02 .profeBox div:nth-child(1),
    .pro0811_02 .teachBox div:nth-child(1){background-color: #fff;padding:60px 10px 10px;border-radius: 20px;}
    .pro0811_02 .profeBox div:nth-child(1),
    .pro0811_02 .teachBox div:nth-child(1){background-position-y: 10px;}
    .pro0811_02 .profeBox div:nth-child(2)::after,
    .pro0811_02 .teachBox div:nth-child(2)::after{right: unset;left:10px;bottom:0}
    .pro0811_02 .profeBox div:nth-child(2)::after{width:165px;height:221px}
    .pro0811_02 .teachBox div:nth-child(2)::after{width:165px;height:165px}
    .pro0811_02 li div:nth-child(1) p{font-size: 24px;font-weight: 700;}
    .pro0811_02 li div:nth-child(1) span{font-size: 18px;}
}

@media (max-width: 799px){
    .pro0811_02 {padding:60px 0 80px}
}

@media (max-width: 399px){
    .pro0811_02 ul{gap: 130px; margin-top: 140px;}
    .pro0811_02 li div:nth-child(2){padding-left: 160px;}
    .pro0811_02 .profeBox div:nth-child(1),
    .pro0811_02 .teachBox div:nth-child(1){background-size:56px 29px;padding-top:45px;}
    .pro0811_02 .profeBox div:nth-child(2)::after{width:148px;height:200px}
    .pro0811_02 .teachBox div:nth-child(2)::after{width:124px;height:124px}
    .pro0811_02 li div:nth-child(1) p{font-size: 18px;margin-bottom: 6px;}
    .pro0811_02 li div:nth-child(1) span{font-size: 14px;}
    .pro0811_02 li div:nth-child(1) span + span{margin-top:5px}
}

.pro0811_03{display: flex; flex-direction: column;}
.pro0811_03 .mo{
    display:none;
}
@media (max-width: 899px){
    .pro0811_03 .pc{
        display:none;
    } 
    .pro0811_03 .mo{
        display:unset;
    }
}

.pro0811_04{padding:60px 0 80px}
.pro0811_04 h2,
.pro0811_04 h3 {color: #000;text-align: center;font-size: 40px;font-weight: 800;letter-spacing: -2.8px;}
.pro0811_04 h3 {font-weight: 600;}
.pro0811_04 .mapArea{margin:60px 0}
.pro0811_04 .mapStyle{width:100%;height: 450px;}
.pro0811_04 .mapInfo{display: flex;} 
.pro0811_04 .mapInfo > div{flex:1}
.pro0811_04 .mapInfo dl + dl{margin-top:10px}
.pro0811_04 .mapInfo dl{color: #000;font-size: 18px;font-weight: 700;letter-spacing: -0.72px;display: flex;align-items: flex-start;}
.pro0811_04 .mapInfo dt,
.pro0811_04 .mapInfo dd{display: inline-block;}
.pro0811_04 .mapInfo div dt{min-width: 60px;}
.pro0811_04 .mapInfo div:last-child dt{min-width: 110px;}
.pro0811_04 .mapInfo .time{background: linear-gradient(to top, #CCFF77 50%, transparent 50%)}
.pro0811_04 .bandLink{margin-top:60px;}
.pro0811_04 .bandLink a{display:flex;gap:20px; padding:20px 15px; border: 2px solid #9FFF00;background-color: #161616; border-radius: 10px;}
.pro0811_04 .bandLink span{color:#fff;font-size: 18px;line-height: 26px;letter-spacing: -0.72px;}
.pro0811_04 .bandLink em{color:#9FFF00}

@media (max-width: 1200px){
    section.sub > div.pro0811_04 {
        padding: 40px 20px 110px 20px;
    }
}

@media (max-width: 799px){
    .pro0811_04 .mapInfo{flex-direction: column;gap:10px}
    .pro0811_04 .mapInfo div dt{min-width: 110px;}
}

@media (max-width: 699px){
    .pro0811_04 h2,
    .pro0811_04 h3{font-size: 28px;}
    .pro0811_04 .mapArea{margin:40px 0}
    .pro0811_04 .mapInfo dl{font-size: 16px;font-weight: 600;}
    .bandLink a{flex-direction: column;}
}
@media (max-width: 599px){
    .pro0811_04 .bandLink span{font-size: 16px;}
    .pro0811_04 .mapStyle{height:250px}
}
@media (max-width: 399px){
    .pro0811_04 h2,
    .pro0811_04 h3{font-size: 26px;}
    .pro0811_04 .bandLink span{font-size: 12px;}
}

.linkSection.pro0811{background: #000; padding: 16px 0}
section.sub.linkSection.pro0811 > div{width:1000px}
.linkSection.pro0811 a{ background: #000;color:#fff;font-size: 26px;font-weight: 700;letter-spacing: -1.04px;display: flex;justify-content: space-between;align-items: center;}
.linkSection.pro0811 a span:last-child{padding:10px 60px; color: #000;font-size: 22px;letter-spacing: -0.88px;border-radius: 5px;background: #08FD10;}

.linkSection.private{background: #06F; padding: 12px 0}
.linkSection.private > div{width: 1300px; margin: 0 auto;display: flex;justify-content: space-between;}
.linkSection.private a{min-width: 250px; text-align:center;display: inline-block;padding:20px 40px; font-size: 22px;font-weight: 700;letter-spacing: -0.88px;background-color: #fff;color:#010077;border: 1px solid #fff;border-radius: 5px;}
.linkSection.private a:last-child{background-color: #06F;color:#fff;font-size: 20px;}
.linkSection.private .btnBox{display:flex;gap:10px}

.linkSection.private .ticketBox{color:#fff;font-size: 35px;font-weight: 800;letter-spacing: -0.7px;text-align:center; padding-left:120px; background:  url(../img/promotion/ico_lan01.png) center left  no-repeat;}
.linkSection.private .ticketBox span{display: block;font-size: 19px;font-weight: 600;}

@media (max-width: 1299px){
    .linkSection.private > div{width:100%; flex-direction: column;align-items: center;gap:10px}
}
@media (max-width: 999px){
    section.sub.linkSection.pro0811 > div{width:100%} 
}
@media (max-width: 867px){
    .linkSection.private > div{padding:0 20px}
    .linkSection.private .btnBox{gap:5px;width: 100%;}
    .linkSection.private a{min-width: fit-content; padding: 10px 5px; font-size: 14px; flex:1;display: flex;flex-direction: column;justify-content: center;}
    .linkSection.private a:last-child{font-size: 14px}

    .linkSection.private .ticketBox{font-size:20px;padding-left: 70px;background-size: 67px;padding-top:10px;padding-bottom: 10px; }
    .linkSection.private .ticketBox span{font-size: 12px;display: inline-block; margin-left: 5px;}
}
@media (max-width: 499px){
    .linkSection.pro0811 a,
    .linkSection.pro0811 a span:last-child{font-size: 16px;letter-spacing: -0.96px;}
}
@media (max-width: 399px){
    .linkSection.pro0811 a,
    .linkSection.pro0811 a span:last-child{font-size: 14px;}
    .linkSection.pro0811 a span:last-child{padding:5px 26px;border-radius: 3px;}
}

/* promotion_0821 - 인강 필기 정규반 개강 */

.pro0821_02 h2,
.pro0821_03 h2,
.pro0821_04 h2{color: #000;font-size: 55px;line-height: 72px; font-weight: 800;letter-spacing: -2.75px; position:relative}

.pro0821_top{background-color: #173BFB;color:#fff;font-size: 25px;font-weight: 600;letter-spacing: -0.75px;}
.pro0821_top a{padding: 24px 0;display: inline-block;padding-left: 58px;background: url(../img/pages/promotion/0821/mainTopBG.png) center left/70px no-repeat}
.pro0821_top span{color: #95FFD9;font-size: 16px;font-weight: 500;}
.pro0821_01{padding-top: 200px;height:1200px; background: url(../img/pages/promotion/0821/mainBG01.png) center top/cover no-repeat;}
.pro0821_01 p{color: #FFF;text-shadow: 0px 8px 7px rgba(0, 49, 144, 0.20);font-size: 90px;font-weight: 800;letter-spacing: -6.3px;}
.pro0821_01 h1{margin-top:30px; color: #1E1E1E;font-size: 150px;font-weight: 900;letter-spacing: 4.5px;}
.pro0821_01 p:last-child{margin-top:120px; padding-bottom:500px;background: url(../img/pages/promotion/0821/mainBG02.png) center bottom no-repeat; color: #1260FE;text-shadow:none; font-size: 43px;font-weight: 800;letter-spacing: -1.72px;}
.pro0821_01 p em{background: linear-gradient(to top, #FAFFDB 30%, transparent 30%);}
.pro0821_01 .dung01{position:absolute; right:0px;bottom: 300px;width: 275px;height: 270px;background: url(../img/pages/promotion/0821/dung02.png) top center/cover no-repeat; animation: 1.2s dung01 infinite alternate linear;}
.pro0821_01 .dung02{position:absolute; margin-left: -800px;bottom: 38px; width: 220px;height: 220px;background: url(../img/pages/promotion/0821/dung01.png) top center/cover no-repeat;animation: 1.0s dung02 infinite alternate linear;}

@keyframes dung01 {
    from {
      top: 300px;
    }
  
    to {
        top: 320px;
    } 
  }
  @keyframes dung02 {
    from {
      bottom: 46px;
    }
  
    to {
        bottom: 32px;
    } 
  }
  @media (max-width: 1440px){
    .pro0821_01 .dung01,
    .pro0821_01 .dung02{display: none;}
  }

  @media (max-width: 954px){
    .pro0821_top{font-size: 22px;}
    .pro0821_top span{display: block;}
    .pro0821_02 h2,
    .pro0821_03 h2,
    .pro0821_04 h2{font-size: 22px;line-height: 28px;letter-spacing: -1.1px;}
    .pro0821_01{padding-top: 50px;}
    .pro0821_01 p{font-size: 30px;letter-spacing: -2.1px;}
    .pro0821_01 h1{font-size: 60px;letter-spacing: 1.8px;}
    .pro0821_01 h1 em{display: block;}
    .pro0821_01 p:last-child{margin-top:50px; font-size: 20px;letter-spacing: -0.8px;}
    .pro0821_01{background-image: url(../img/pages/promotion/0821/mainBG01_mo.png);height: unset;}
    .pro0821_01 p:last-child{
        font-size: 0;
        width: 400px;
        margin: 0 auto;
        background-image:  url(../img/pages/promotion/0821/mainBG03_mo.png);background-size: cover;
    }
  }
  @media (max-width: 564px){
    .pro0821_top{font-size: 13px;}
    .pro0821_top a{padding: 12px 0 12px 55px;}
    .pro0821_top span{font-size: 12px;text-align: right;}
}
  @media (max-width: 439px){
    .pro0821_01 p:last-child{
        width: 320px;
        background-size: 100%;
        padding-bottom: 390px;
    }
  }
  
.pro0821_02 {padding:100px 0 90px}
.pro0821_02 h2.mo{display: none;}
.pro0821_02 .titBox{position: relative; display:inline-block; margin:20px 0 35px;color: #FFF;font-size: 20px;font-weight: 400;letter-spacing: -1px; padding:12px 70px;border-radius: 10px;background: linear-gradient(147deg, #F91287 0%, #FD411C 100%);}
.pro0821_02 .titBox:after{content: '';position: absolute;bottom: -20px;left: 50%;margin-left: -8px;width: 0;height: 0;border-top: 20px solid #fb3041;border-left: 17px solid transparent;border-right: 17px solid transparent;}
.pro0821_02 .titBox em{font-size: 25px;font-weight: 800;letter-spacing: -1.25px;background: linear-gradient(to top, #DBFF00 10%, transparent 10%);}
.pro0821_02 .productTable{display:flex;height:761px;margin-top: 30px;}
.pro0821_02 .productTable a{flex:1;height:100%;}
.pro0821_02 .productTable a:nth-child(1){background: url(../img/pages/promotion/0821/productTable01.png) top center/cover no-repeat}
.pro0821_02 .productTable a:nth-child(2){background: url(../img/pages/promotion/0821/productTable02.png) top center no-repeat}
.pro0821_02 .productTable a:nth-child(3){background: url(../img/pages/promotion/0821/productTable03.png) top center no-repeat}
.pro0821_02 .productTable + h2{margin-top:90px}
.pro0821_02 .loadMap{height: 235px;background: url(../img/pages/promotion/0821/map01.png) top center no-repeat;}
.pro0821_02 .early{position: absolute; top: -100px; right:-100px; width: 192px;height: 237px;background: url(../img/pages/promotion/0821/ico_earlyv01.png) center/contain no-repeat;animation: .5s early infinite alternate linear;}
.pro0821_02 .early.on{background: url(../img/pages/promotion/0821/ico_early.png) center/contain no-repeat;}
@keyframes early {
    from {
        rotate: -5deg;
    }
  
    to {
        rotate: 5deg;
    }     
  }

  @media (max-width: 954px){
    .pro0821_02 {padding:50px 0 40px}
    .pro0821_02 .productTable{flex-direction: column;}
    .pro0821_02 .productTable a:nth-child(1){display:none;}
    .pro0821_02 .productTable a:nth-child(2){background-image: url(../img/pages/promotion/0821/productTable02_mo.png);background-size: contain;}
    .pro0821_02 .productTable a:nth-child(3){background-image: url(../img/pages/promotion/0821/productTable03_mo.png);background-size: contain}
    .pro0821_02 .early{width: 112px;height: 140px;right: -4px;top: -120px;}
}

  @media (max-width: 599px){
    section.sub.pro0821_02 > div{padding:0}
    .pro0821_02 h2.pc{display: none;}
    .pro0821_02 h2.mo{display: unset;}
    .pro0821_02 .titBox{width: calc(100% - 20px);font-size: 12px;padding:6px 2px;margin:20px auto 0px auto;}
    .pro0821_02 .titBox:after{bottom: -18px;border-top-width: 18px;border-left-width: 15px;border-right-width: 15px}
    .pro0821_02 .titBox em{font-size: 16px;margin-top: 3px;}
    .pro0821_02 .loadTitle span{display: block;}
    .pro0821_02 .productTable + h2{margin-top:40px;margin-bottom: 20px}
    .pro0821_02 .loadMap{height:360px; background-image:url(../img/pages/promotion/0821/map01_mo.png);background-size: contain; }
}


.pro0821_03{background-color: #001134;padding-top:130px;}
.pro0821_03 h2.mo{display: none;}
.pro0821_03 .proBgArea{height: 600px;position:relative;overflow: hidden;z-index: 20;}
.pro0821_03 .proBgArea div{width:100%; position:absolute;transform: translateY(200px);
    opacity: 0;    transform-origin: center bottom;}
.pro0821_03 .proBg01{transition: 1.5s;height: 354px;bottom: 0px; background: url(../img/pages/promotion/0821/pro01.png) top center no-repeat;z-index: 15;}
.pro0821_03 .proBg02{transition: 1.2s;height: 452px;bottom: 0px; background: url(../img/pages/promotion/0821/pro02.png) top center no-repeat;z-index: 10;}
.pro0821_03 .proBg03{transition: .8s;height: 321px;bottom: 228px; background: url(../img/pages/promotion/0821/pro03.png) top center no-repeat;z-index: 5;}
@media (min-width: 600px){
    .pro0821_03 .proBgArea.on .proBg01{    transform:  translateY(0px);transition-delay: 1000ms;
        opacity: 1;}
    .pro0821_03 .proBgArea.on .proBg02{    transform:  translateY(0px);transition-delay: 500ms;
        opacity: 1;}
    .pro0821_03 .proBgArea.on .proBg03{    transform:  translateY(0px);transition-delay: 100ms;
        opacity: 1;}
    
    @keyframes toTop {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    
}

@media (max-width: 599px){
    .pro0821_03{padding-top:50px}
    section.sub.pro0821_03 > div{padding:0}
    .pro0821_03 h2.pc{display: none;}
    .pro0821_03 h2.mo{display: unset;font-size: 18px;}
    .pro0821_03 h2.mo em{display: block;font-size: 22px;}
    .pro0821_03 .proBgArea{height: 200px;background: url(../img/pages/promotion/0821/pro_group.png) center/contain no-repeat}
}

.pro0821_04{background-color: #1357E1;padding:130px 0 150px;}
.pro0821_04 h2{color:#fff}
.pro0821_04 .eq{margin-top:30px; background-color: #001134;padding:18px;text-align: center;color: #FFF;font-size: 35px;font-weight: 800;letter-spacing: -1.4px;}
.pro0821_04 .eq em{color: #F7E11C;}
.pro0821_04 .fcWhite + .eq{margin-top:100px;}
.pro0821_04 ul{display:flex;gap:30px;padding-top:700px;background: url(../img/pages/promotion/0821/map02.png) top center no-repeat;}
.pro0821_04 ul.ibtZone{background: url(../img/pages/promotion/0821/map03.png) top center no-repeat;}
.pro0821_04 li{flex:1;padding:10px;border-radius: 4px;border: 1px solid #E2E2E3;background: #FFF;box-shadow: 0px 4px 30px 10px rgb}
.pro0821_04 li p{color:#333; font-size: 20px;font-weight: 700;letter-spacing: -0.6px;}
.pro0821_04 li span{margin-top:10px; display: block; text-align: right;color:#767676;font-size: 20px;font-weight: 500;letter-spacing: -0.6px;}
.pro0821_04 li em{position:relative; padding-left: 35px;font-size: 18px;font-weight: 400}
.pro0821_04 li em:after{content:''; position: absolute;top:0;left:17px; width:1px;height:18px;background-color:#000}

@media (max-width: 844px){
    .pro0821_04 ul{flex-direction: column;}
}
@media (max-width: 599px){
    section.sub.pro0821_04 > div{padding:0}
   .pro0821_04{padding:50px 0;}
   .pro0821_04 .eq{margin-top:20px;margin-bottom: 20px; font-size: 18px;letter-spacing: -0.9px;padding:15px 10px;}
   .pro0821_04 .fcWhite + .eq{margin-top:20px;}
   .pro0821_04 ul{gap: 10px; background-image: url(../img/pages/promotion/0821/map02_mo.png);background-size: 360px;padding-top: 560px;}
   .pro0821_04 ul.ibtZone{background-image:  url(../img/pages/promotion/0821/map03_mo.png);background-size: 360px;padding-top: 330px;}
   .pro0821_04 ul + p{font-size: 11px;padding-right: 10px;}
   .pro0821_04 li{margin: 0 10px;}
   .pro0821_04 li p{font-size: 15px}
   .pro0821_04 li em{font-size: 14px}
   .pro0821_04 li span{font-size: 12px}
}

.pro0821_event{padding:80px 0}
.pro0821_event .event-box{display: flex;flex-direction: column;}
.pro0821_event .event-box .tit.mo{display:none}
.pro0821_event .event-box +.event-box {margin-top: 44px;}
.pro0821_event .event-box span{color: #FFF;font-size: 34px;font-weight: 600;background-color: #3A3CF6;padding: 10px 0;position: relative;}
.pro0821_event .event-box span:after{content: '';position: absolute;bottom:-45px;right:-2px;width: 188px;height: 81px;background: url(../img/pages/promotion/0821/ico_event.png) center/contain no-repeat;}
.pro0821_event .event-box span em{color: #FFFC01;}
.pro0821_event .event-box dl,
.pro0821_event .event-box ul{border:1px solid #D2D2D2;}
.pro0821_event .event-box dl,
.pro0821_event .event-box ul{padding:28px 36px;}
.pro0821_event .event-box dd{font-size: 24px;font-weight: 400;line-height: 36px;}
.pro0821_event .event-box dd.eq{font-size: 29px;font-weight: 600;}
.pro0821_event .event-box dd b{color: #012FB6;font-weight: 700;}

.pro0821_event .event-box ul p{text-align: left;font-size: 22px;font-weight: 500;line-height: 28px;}
.pro0821_event .coupon-box{display: flex;gap:44px;margin-top: 20px;}
.pro0821_event .event-box li{flex:1; padding: 30px;border-radius: 24px;background: #F0F8FF;}
.pro0821_event .event-box li p{font-size: 20px;margin-bottom: 10px;}

.pro0821_event .fileBox{display: flex; gap: 10px; margin-bottom: 10px;}
.pro0821_event .fileBox .upload-name {flex: 1;display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle;background-color: #fff;border: 1px solid #2D2D2D;color: #000;pointer-events: none;}
.pro0821_event .fileBox label {display: inline-block;padding: 10px 20px;color: #fff;vertical-align: middle;background-color: #2D2D2D;cursor: pointer;height: 40px;}
.pro0821_event .fileBox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.pro0821_event .fileSave input{width:100%;border:none;color: #fff;vertical-align: middle;background-color: #056EED;cursor: pointer;height: 48px;font-size: 18px;}

.pro0821_event li select{height: 32px;font-size: 18px;}
.pro0821_event li select option{width: inherit;}

@media (max-width: 1199px){
    .pro0821_event .event-box span:after{content: none;}
    .pro0821_event .coupon-box{flex-direction: column;gap: 20px;}
    .pro0821_event li select{width:100%}
}
@media (max-width: 799px){
    .pro0821_event .event-box dl, .pro0821_event .event-box ul{padding: 18px 26px;}
    .pro0821_event .event-box span{font-size: 24px;}
    .pro0821_event .event-box ul p,
    .pro0821_event .event-box dd,
    .pro0821_event .event-box dd.eq{font-size: 20px;}
    .pro0821_event .event-box li{padding:20px} 
}
@media (max-width: 599px){
    .pro0821_event{padding:40px 0 80px}
    .pro0821_event .event-box{text-align: center;}
    .pro0821_event .event-box .tit.pc{display:none}
    .pro0821_event .event-box .tit.mo{display:unset}
    .pro0821_event .event-box .tit.mo em{display: inline;}
    .pro0821_event .event-box span{background-color: transparent;color: #0118D0;}
    .pro0821_event .event-box span em{color: #2D8CFF;display: block;}
    .pro0821_event .event-box dl, .pro0821_event .event-box ul{border:none;padding:0;text-align: center;}
    .pro0821_event .event-box ul p, .pro0821_event .event-box dd, .pro0821_event .event-box dd.eq{font-size: 16px;line-height: 20px;}
    .pro0821_event .event-box +.event-box{margin-top: 20px;}
    .pro0821_event .fileBox label{padding:5px;font-size: 12px;line-height:30px;}
}
@media (max-width: 399px){
    .pro0821_event .fileBox{gap:0;}
}
.pro0821_footer{padding-bottom: 200px;}
.pro0821_footer dl{display: flex; gap:20px; padding:20px; background-color: #F2F2F2;border-radius: 10px;}
.pro0821_footer dt{color: #696969;font-size: 20px;font-weight: 500;letter-spacing: -0.72px;}
.pro0821_footer dd{color: #696969;font-size: 18px;line-height:26px; font-weight: 500;letter-spacing: -0.72px;}
@media (max-width: 599px){
    section.sub.pro0821_footer > div{padding:0 0 60px}
    .pro0821_footer{padding-bottom: 0px;}
    .pro0821_footer dl{flex-direction: column;border-radius: 0;}
    .pro0821_footer dt{text-align: center;font-size: 18px;}
    .pro0821_footer dd{font-size: 14px;}
}

/* promotion_0901 - 재도전 이벤트 */

.pro0901_01{height:1000px; background:#f3f3f3 url(../img/pages/promotion/0901/mainBg01.png) center no-repeat}
.pro0901_01 > div{position:relative;height: inherit;}
.pro0901_01 .mainImg01,
.pro0901_01 .mainImg02,
.pro0901_01 .mainText{position:absolute;bottom:0;left:50%; transform:translateX(-50%)}

.pro0901_01 .mainImg02{bottom: -30px;}
.pro0901_01 .mainText{bottom: unset;top: 115px;}
.pro0901_01 .mainText p{font-size: 25px;font-weight: 500;letter-spacing: -1.35px;margin-top: 40px}
.pro0901_01 .mainText span{display:inline-block; margin-top:30px;color:#fff;font-size: 25px;font-weight: 700;letter-spacing: -1.25px;background-color: #000;padding: 20px 30px;border-radius: 30px;}
.pro0901_01 .mainText02{margin-top: 20px;}
.pro0901_01 .mainImg03{display: none;}
/* 메인 효과 */
.pro0901_01 > div > span{position: absolute;}
.pro0901_01 .doung01{top:100px;right: -100px;animation: slide-down01 4s both infinite;}
.pro0901_01 .doung02{right: -200px;bottom: 200px;animation: slide-down02 4s both infinite;}
.pro0901_01 .doung03{left: 20px;bottom: 500px;animation: slide-down01 4s both infinite;}
.pro0901_01 .doung04{top:200px;right: 10px;animation: slide-down02 3s both infinite;}
.pro0901_01 .doung05{right: 100px;top:100px;animation: slide-down02 3.5s both infinite;}
.pro0901_01 .doung06{left: 100px;top:100px;animation: slide-down01 3s both infinite;}
.pro0901_01 .doung07{left: 0px;top:10px;animation: slide-down03 4s both infinite;}
.pro0901_01 .doung08{right: -50px;top:100px;animation: slide-down03 4s both infinite;}
.pro0901_01 .doung09{left: 50px;top:300px;animation: slide-down03 4.5s both infinite;}

@keyframes slide-down01{0%{transform: translateY(0)} 100% {transform: translateY(320px); opacity: 0;}}
@keyframes slide-down02{0%{transform: translateY(-100px)} 100% {transform: translateY(220px); opacity: 0;}}
@keyframes slide-down03{0%{transform: translateY(-10px)} 100% {transform: translateY(260px); opacity: 0;}}

@media (max-width: 899px){
    .pro0901_01{height: 600px;}
    .pro0901_01 .mainImg01,
    .pro0901_01 .mainImg02,
    .pro0901_01 .mainText img,
    .pro0901_01 .doung01,
    .pro0901_01 .doung02,
    .pro0901_01 .doung03,
    .pro0901_01 .doung04,
    .pro0901_01 .doung05,
    .pro0901_01 .doung06,
    .pro0901_01 .doung07,
    .pro0901_01 .doung08,
    .pro0901_01 .doung09{display: none;}
    .pro0901_01 .mainImg03{display: unset;height: 600px;position:absolute;bottom:0;left:50%; transform:translateX(-50%)}
    .pro0901_01 .mainText{top:180px;}
    .pro0901_01 .mainText p{font-size:15px}
    .pro0901_01 .mainText span{font-size:15px;padding: 10px;}
    section.sub.pro0901_01 > div{padding:0}
}

@media (max-width: 599px){
    .pro0901_01 .doung04{display: none;}
    .pro0901_01 .mainText{width: 90%;}
}

section.sub.pro0901_02{padding:56px 0;background-color: #000000;overflow: hidden;}
section.sub.pro0901_02 > div{width: 1000px;display: flex;gap: 25px;}
section.sub.pro0901_02 a{position:relative; flex:1;text-align: center;padding:25px;border-radius: 35px; color:#fff;font-size: 24px;font-weight: 800;letter-spacing: -1.2px;background: #0066FF url(../img/pages/promotion/0901/ico_btn01.png) center left 70px no-repeat;box-shadow:3px 1px 0 #004bbb, inset 3px 2px 0 #3984f3;}
section.sub.pro0901_02 a::after{content:'';position:absolute;top:-52px;left:-260px; width:259px;height:186px;display:block; background: url(../img/pages/promotion/0901/stemp01.png) center no-repeat;cursor: default;}
section.sub.pro0901_02 a::before{content:'';position:absolute;top:10px;right:20px;width:60px;height:70px;display:block; background:url(../img/pages/promotion/0901/btn_finger.svg) center no-repeat;animation:btnRight .7s infinite Alternate;}
section.sub.pro0901_02 a:last-child{background-image: url(../img/pages/promotion/0901/ico_btn02.png);background-color: #6D7DFF;box-shadow: 3px 1px 0 #6978ed, inset 3px 2px 0 #8693ff;}
section.sub.pro0901_02 a:last-child::after{left:unset;right:-260px; background-image: url(../img/pages/promotion/0901/stemp02.png)}

@keyframes btnRight {
    from {
        top: 30px;
        right:10px;
    }
    to {
        top: 5px;
        right:30px;
    }
}
@media (max-width: 999px){
    section.sub.pro0901_02 > div{width:100%;}
    section.sub.pro0901_02 a{font-size: 22px;background-size: 50px;padding: 20px;background-position-x: 30px;}
    section.sub.pro0901_02 a::before{width: 45px; height: 60px;background-size: cover;}
}
@media (max-width: 699px){
    section.sub.pro0901_02 > div{flex-direction: column;}
    section.sub.pro0901_02 a{font-size: 18px;background-size: 40px;}
    section.sub.pro0901_02 a::before{width: 30px; height: 40px;}
}
.pro0901_03{background-color: #479EFF; padding:60px 0 100px;}
.pro0901_03 .eventArea{height:500px; background: url(../img/pages/promotion/0901/eventBg01.png) center left/contain no-repeat}
.pro0901_03 .eventArea dl{padding:130px 0 50px;padding-right: 50%; background: url(../img/pages/promotion/0901/ico_gift01.png) bottom right/53% no-repeat}
.pro0901_03 .eventArea dt{color:#000; font-size: 40px;font-weight: 700;letter-spacing: -1.6px;}
.pro0901_03 .eventArea dt em{font-size: 50px;font-weight: 900;letter-spacing: -2px;display: block;}
.pro0901_03 .eventArea dd{margin-top:30px;display: flex;flex-direction: column; gap: 10px;}
.pro0901_03 .eventArea p {font-size: 25px;font-weight: 700;letter-spacing: -1px;display: flex;gap: 10px}
.pro0901_03 .eventArea p span{line-height: 32px;}
.pro0901_03 .eventArea p em{font-size: 20px;font-weight: 500;}

@media (max-width: 1349px){
    .pro0901_03 .eventArea{ background-position-x: 90%;background-size: cover;}
    .pro0901_03 .eventArea dt{font-size: 28px;}
    .pro0901_03 .eventArea dt em{font-size: 36px}
    .pro0901_03 .eventArea dd{gap: 5px;}
    .pro0901_03 .eventArea p{font-size: 18px;}
    .pro0901_03 .eventArea p span{line-height: 24px;}
}
@media (max-width: 849px){
    .pro0901_03 .eventArea{background-image:  url(../img/pages/promotion/0901/eventBg01_mo.png);height: 550px;}
    .pro0901_03 .eventArea dl{padding-right: 0;padding-bottom: 150px;background-size: 320px;background-position-x: left;}
}

@media (max-width: 499px){
    .pro0901_03{padding-top:0}
    .pro0901_03 .eventArea{ background-position-x:88%}
    .pro0901_03 .eventArea dl{padding-bottom:180px}
    .pro0901_03 .eventArea dt{font-size: 22px;}
    .pro0901_03 .eventArea dt em{font-size: 26px}
    .pro0901_03 .eventArea dd{gap: 5px;}
    .pro0901_03 .eventArea p{font-size: 15px;}
    .pro0901_03 .eventArea p span{line-height: 18px;}
}
.pro0901_03 .resultArea .listArea button{margin-top: 20px;border-radius: 8px;background: #FF7200;font-size: 20px;padding: 19px 160px;}
.pro0901_03 .resultArea .listArea > div:first-child {min-height: 300px;display: flex;flex-direction: column;justify-content: space-between;}
.pro0901_03 .resultArea ul{display:flex;flex-direction: column;gap:25px;}
.pro0901_03 .resultArea li{flex:1;border-radius: 10px;background-color: #fff;padding: 11px 27px;}
.pro0901_03 .resultArea li:last-child{padding: 22px 27px 50px 27px}
.pro0901_03 .resultArea .tit{font-size: 24px;font-weight: 800;letter-spacing: -1.2px;}
.pro0901_03 .resultArea .tit span{display: inline-block;margin-right:8px; color:#fff;font-size: 22px;font-weight: 800;letter-spacing: -1.1px;padding:5px 18px;border-radius: 25.5px;background: #06F;} 
.pro0901_03 .resultArea .tit a{padding:15px 45px;margin-left:14px;border-radius: 8px;background: #FF7200; color: #FFF;font-size: 20px;font-weight: 500;letter-spacing: -1px;display: inline-block;}

@media (max-width: 849px){
    .pro0901_03 .resultArea li{padding:10px}
    .pro0901_03 .resultArea li:last-child{padding:10px}
    .pro0901_03 .resultArea .tit{font-size: 20px;display: flex;flex-direction:column;gap:10px}
    .pro0901_03 .resultArea .tit span{font-size: 16px;font-weight: 700;width: fit-content;}
    .pro0901_03 .resultArea .tit a{padding:10px 25px;font-size: 18px;margin: 0;text-align: center;}
}

.pro0901_03 .imgBox dd:nth-child(1){display: flex;gap:24px;}
.pro0901_03 .imgBox dd:nth-child(1) span {flex:none;margin-left: auto;}
.pro0901_03 .imgBox dd + dd{margin-top: 10px;}
.pro0901_03 .imgBox .fileName{padding: 10px;flex:1;border-radius: 8px;border: 1px solid #000;color: #B4BEC9;font-size: 20px;font-weight: 500; letter-spacing: -1px;}
.pro0901_03 .imgBox .fileUpload{ color:#fff;font-size: 20px;font-weight: 500; letter-spacing: -1px;display: inline-block;padding:20px 70px; border-radius: 8px;background: #FF7200;}
.pro0901_03 .imgBox button{width: 100%;padding:20px;border-radius: 8px;text-align: center;font-size: 22px;font-weight: 800;letter-spacing: -1.1px;}
.pro0901_03 .imgBox dd .imgView{background-color: #eee;min-height: 65px;border-radius: 8px;}
.pro0901_03 .imgBox dd:nth-child(3){color: #7D7D7D;font-size: 20px;font-weight: 500;display: flex;gap:40px;} 
.pro0901_03 .imgBox .img01{width:500px;height: 120px; background: url(../img/pages/promotion/0901/test01.png) center/contain no-repeat;display: inline-block;}
.pro0901_03 .imgBox .img02{width:236px;height: 200px;background: url(../img/pages/promotion/0901/test02.png) center/contain no-repeat;display: inline-block;}
@media (max-width: 1020px){
    .pro0901_03 .imgBox dd:nth-child(3){gap:0px}
}
@media (max-width: 849px){
    .pro0901_03 .imgBox dd:nth-child(1){flex-direction: column;gap:10px}
    .pro0901_03 .imgBox dd:nth-child(1) span {flex:1;margin:unset; display:block;text-align: center;}
    .pro0901_03 .imgBox dd:nth-child(1) span label{width: 100%;}
    .pro0901_03 .imgBox dd:nth-child(3){flex-direction: column; gap: 10px;font-size: 14px;}
    .pro0901_03 .imgBox .img01,
    .pro0901_03 .imgBox .img02{width: 100%;}
    .pro0901_03 .imgBox button,
    .pro0901_03 .imgBox .fileUpload,
    .pro0901_03 .resultArea .listArea button{font-size: 18px;padding:10px 25px;}
    .pro0901_03 .imgBox .fileName{font-size: 16px}
}


.pro0901_03 .reviewBox{margin-top: 20px;}
.pro0901_03 .reviewBox ul{gap:0}
.pro0901_03 .reviewBox li{display: flex;justify-content: space-between;border-radius: 0;padding:20px 4px}
.pro0901_03 .reviewBox li.reviewTit{border-top: 2px solid #000;background: #F9F9F9;}
.pro0901_03 .reviewBox li.reviewList{padding:20px 4px}
.pro0901_03 .reviewBox li.reviewList div{display: flex;}
.pro0901_03 .reviewBox li.reviewList div:first-child{width: 80%;height: 18px;}
.pro0901_03 .reviewBox li + li{border-top: 1px solid #E5E5E5;;}
.pro0901_03 .reviewBox li span{display: inline-block;overflow: hidden;}
.pro0901_03 .reviewBox li .num {min-width: 60px; text-align: center;}
.pro0901_03 .reviewBox li .min {min-width: 100px;text-align: center;}

@media (max-width: 849px){
    .pro0901_03 .reviewBox{margin-top: 10px;}
    .pro0901_03 .reviewBox li.reviewTit div{flex:1}
    .pro0901_03 .reviewBox li.reviewTit div:last-child{text-align: right;}
    
}
@media (max-width: 649px){
    .pro0901_03 .reviewBox li .min {min-width: 50px}
    .pro0901_03 .reviewBox li .min:last-child{display: none;}
}

.pro0901_03 .writeBox{display: flex;flex-direction: column; gap:25px; padding:30px 50px 70px;border:solid #000;border-width: 2px 0 .5px; background: #F9F9F9;}
.pro0901_03 .writeBox dt{font-size: 18px;font-weight: 700;}
.pro0901_03 .writeBox dd:nth-child(2){overflow: hidden;}
.pro0901_03 .writeBox dd:nth-child(2) span{ text-overflow: ellipsis;white-space: nowrap;word-break: break-word;}
.pro0901_03 .writeBox dd:nth-child(2) input{font-weight: 500;width: 100%;padding:10px;border-radius: 6px;border: 1px solid #E2E2E3;background: #FFF;}
.pro0901_03 .writeBox .editBox{padding-top:40px;border-top: 1px solid #E2E2E3;min-height: 500px;word-break: break-all;}
.pro0901_03 .writeBox .editBox img{max-width: 100%;}

.pro0901_03 .writeBox .titBox{overflow: hidden;}
.pro0901_03 .writeBox .titBox span{ text-overflow: ellipsis;white-space: nowrap;word-break: break-word;}
.pro0901_03 .writeBox .titBox input{font-weight: 500;width: 100%;padding:10px;border-radius: 6px;border: 1px solid #E2E2E3;background: #FFF;}

.pro0901_03 .btnBox{display: flex;gap:6px;align-items: center;justify-content: center;}
.pro0901_03 .btnBox > *{padding:20px 60px; border-radius: 8px;font-size: 17px;font-weight: 500;letter-spacing: -1.02px;}
.pro0901_03 .btnBox .cancle{border: 1px solid #4D4D4D;}

@media (max-width: 849px){
    .pro0901_03 .writeBox dd:nth-child(2) span{margin:unset}
    .pro0901_03 .writeBox .titBox span{margin:unset}
    .pro0901_03 .writeBox{padding: 10px;}
    .pro0901_03 .btnBox > *{padding:10px 20px;}
}
.se2_input_area{background-color: #000;}
/* 재도전 */

.pro0901_03.retry{background-color: #A9B1F3;}
.pro0901_03.retry .eventArea{background: url(../img/pages/promotion/0901/eventBg02.png) center right/contain no-repeat}
.pro0901_03.retry .resultArea li{padding: 27px 27px 50px;}
.pro0901_03.retry .resultArea .listArea li{padding:20px 4px}
.pro0901_03.retry .eventArea dl{background-image:url(../img/pages/promotion/0901/ico_gift02.png) ;}

.pro0901_footer .eventTit{background-color: #000;padding:20px}
.pro0901_footer section{background: #F5F5F5;padding:50px 0}
.pro0901_footer section > div{display: flex; gap:40px}
.pro0901_footer span{font-size: 22px;font-weight: 700;letter-spacing: -0.88px;word-break: auto-phrase;}
.pro0901_footer li + li{margin-top:50px}
.pro0901_footer p{font-size: 18px;font-weight: 400;letter-spacing: -0.8px;}
.pro0901_footer p + p{margin-top: 5px;}
.pro0901_footer a{font-weight: 700;}

@media (max-width: 1349px){
    .pro0901_03.retry .eventArea{background-size: cover;background-position-x: 10%;}
    .pro0901_03.retry .eventArea dl{padding-left: 100px;padding-bottom: 140px;}
}
@media (max-width: 849px){
    .pro0901_03.retry .eventArea{background-image:  url(../img/pages/promotion/0901/eventBg02_mo.png);height: 550px;background-position-x: 12%;}
    .pro0901_03.retry .eventArea dl{padding-right: 0;padding-bottom: 150px;background-size: 320px;background-position-x: 100px;}
    .pro0901_03.retry .resultArea li{padding: 10px;}
    .pro0901_footer section > div{flex-direction: column;}
}
@media (max-width: 599px){
    .pro0901_footer section > div{gap:20px}
    .pro0901_footer li + li{margin-top:30px}
    .pro0901_footer span{font-size: 18px}
    .pro0901_footer p{font-size: 16px;line-height: 24px;}
    .pro0901_footer a{display: block;}
}
@media (max-width: 499px){
    .pro0901_03.retry .eventArea > div{padding-right: 0;}
    .pro0901_03.retry .eventArea dl{padding-bottom:160px;padding-left: 10px;background-position-x: 40px;background-size:300px;}
}

/* 실기복원라이브 */

section.pro0914_01{height:900px;position: relative;}
section.pro0914_01 .desktop_video{min-width: 1980px;-o-object-fit: cover;object-fit: cover;max-height: 100%;min-height: 100%;height: 100%;width: 100vw;background-position: 50%;background-repeat: no-repeat;background-size: cover;}
section.pro0914_01 .main-text-bg{position:absolute;top: 0;right: 0;left: 0;bottom: 0;display: flex;flex-direction: column;justify-content: center;align-items: center; padding-bottom: 100px;}
section.pro0914_01 .main-text-bg a{display:inline-block; color:#fff;font-size: 45px; font-weight: 700;letter-spacing: -2.25px;margin-top: 50px;border-radius: 16px;background-color: #06F;box-shadow: 0px 20px 20px 20px rgba(0, 0, 0, 0.25);padding:20px 100px}

.pro0914_tab{position: absolute;bottom: 0;right: 0;left: 0;}
.pro0914_tab ul{display:flex;justify-content: center;gap:10px}
.pro0914_tab li{cursor: not-allowed; color:#fff;display:inline-block;background-color: #272A30;border-style: solid; border-color:#A8ADB4;border-width: 1px 1px 0; text-align: center;width: 480px;padding:10px 0;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.pro0914_tab li.on{cursor: pointer; background-color: #fff;border-color: #fff;color:#000}
.pro0914_tab li p{font-size: 30px;font-weight: 700;}
.pro0914_tab li span{font-size: 20px;font-weight: 600;}

@media (max-width: 849px){
    section.pro0914_01{height:700px;}
    section.pro0914_01 .main-text-bg img{width:80%}
    section.pro0914_01 .main-text-bg a{font-size: 32px;padding:14px 80px}
    .pro0914_tab li{width: 300px;padding:6px 0}
    .pro0914_tab li p{font-size: 24px;}
    .pro0914_tab li span{font-size: 18px;}
}

@media (max-width: 599px){
    section.pro0914_01{height:500px;}
    section.pro0914_01 .main-text-bg a{font-size: 24px;padding:14px 60px}
    .pro0914_tab li{width: 300px;padding:6px 0}
}

@media (max-width: 449px){
    section.pro0914_01 .main-text-bg img{width:100%}
    section.pro0914_01 .main-text-bg a{font-size: 20px;padding:14px 40px}
    section.sub > div.pro0914_tab{padding: 0;}
}

section.pro0914_02,
section.pro0914_03 {padding:50px 0 100px; }
section.pro0914_02 > div,
section.pro0914_03 > div{width: 1140px;}
section.pro0914_02 > div img,
section.pro0914_03 > div img{width: 100%; max-width:100%}
section.pro0914_03{background-color: #EDF9FF;}
section.pro0914_03 .testWrap{}
section.pro0914_03 .testWrap span{color: #009CE3;font-size: 26px;font-weight: 800;letter-spacing: -1.82px;}
section.pro0914_03 .testWrap p{color: #0E1C33;font-size: 52px;line-height: 60px;font-weight: 800;letter-spacing: -2.08px;}
section.pro0914_03 .testWrap em{display: block;}
section.pro0914_03 .button-next,
section.pro0914_03 .button-prev{cursor: pointer; top: 50%; position: absolute;width: 70px;height: 70px;background: url(../img/pages/promotion/0914/slide_arrow.png) center/cover no-repeat; z-index: 99;}
section.pro0914_03 .button-next.swiper-button-disabled,
section.pro0914_03 .button-prev.swiper-button-disabled{opacity: .3;cursor: default;}
section.pro0914_03 .button-next{right:-35px;transform: rotate(180deg)}
section.pro0914_03 .button-prev{left:-35px;}
.restore-section{position:relative}
section.pro0914_02 > div img.mo,
    section.pro0914_03 > div img.mo{display: none;}
@media (max-width: 599px){
    section.pro0914_02 > div img.pc,
    section.pro0914_03 > div img.pc{display: none;}
    section.pro0914_02 > div img.mo,
    section.pro0914_03 > div img.mo{display: unset;}
}

.restore-section .swiper-slide{height:550px;margin-top:30px}
.restore-section .swiper-slide:nth-child(1){background:  url(../img/pages/promotion/0807/hittheme01.png) center/contain no-repeat;}
.restore-section .swiper-slide:nth-child(2){background:  url(../img/pages/promotion/0807/hittheme02.png) center/contain no-repeat;}
.restore-section .swiper-slide:nth-child(3){background:  url(../img/pages/promotion/0807/hittheme03.png) center/contain no-repeat;}
.restore-section .swiper-slide:nth-child(4){background:  url(../img/pages/promotion/0807/hittheme04.png) center/contain no-repeat;}
.restore-section .swiper-slide:nth-child(5){background:  url(../img/pages/promotion/0807/hittheme05.png) center/contain no-repeat;}
.restore-section .swiper-slide:nth-child(6){background:  url(../img/pages/promotion/0807/hittheme06.png) center/contain no-repeat;}
.restore-section .swiper-slide:nth-child(7){background:  url(../img/pages/promotion/0807/hittheme07.png) center/contain no-repeat;}
.restore-section .swiper-slide:nth-child(8){background:  url(../img/pages/promotion/0807/hittheme08.png) center/contain no-repeat;}
.restore-section .swiper-slide:nth-child(9){background:  url(../img/pages/promotion/0807/hittheme09.png) center/contain no-repeat;}
.restore-section .swiper-slide:nth-child(10){background:  url(../img/pages/promotion/0807/hittheme010.png) center/contain no-repeat;}
.restore-section .swiper-slide:nth-child(11){background:  url(../img/pages/promotion/0807/hittheme011.png) center/contain no-repeat;}
@media (max-width: 1139px){
    section.pro0914_02 > div,
    section.pro0914_03 > div{width: 100%;}
    section.pro0914_03 .testWrap{padding: 0px 40px 40px}
    section.pro0914_03 .testWrap p{font-size: 48px;line-height: 54px}
}
@media (max-width: 949px){
    section.pro0914_03 .testWrap p{font-size: 42px;line-height: 48px;}
    section.pro0914_03 .testWrap span{font-size: 22px;}
    .restore-section .swiper-slide{height:450px}
    section.pro0914_03 .button-next,
    section.pro0914_03 .button-prev{width: 60px;height: 60px;}
    section.pro0914_03 .button-next{right:-30px;}
    section.pro0914_03 .button-prev{left:-30px;}
}
@media (max-width: 849px){
    section.pro0914_03 .testWrap p{font-size: 38px;line-height: 42px;}
    section.pro0914_03 .testWrap span{font-size: 18px;}
    .restore-section .swiper-slide{height:400px}
}
@media (max-width: 749px){
    section.pro0914_03 .testWrap p{font-size: 32px;line-height: 38px; word-break: keep-all;}
    .restore-section .swiper-slide{height:350px}
    section.pro0914_03 .button-next,
    section.pro0914_03 .button-prev{width: 45px;height: 45px;}
    section.pro0914_03 .button-next{right:-25px;}
    section.pro0914_03 .button-prev{left:-25px;}
}
@media (max-width: 699px){
section.pro0914_03 .button-next{right: 50%;margin-right: -165px;}
section.pro0914_03 .button-prev{left:50%;margin-left: -165px;}
.restore-section .swiper-slide{height:535px}    
.restore-section .swiper-slide:nth-child(1){background-image:  url(../img/pages/promotion/0807/hittheme01_mo.png)}
.restore-section .swiper-slide:nth-child(2){background-image:  url(../img/pages/promotion/0807/hittheme02_mo.png)}
.restore-section .swiper-slide:nth-child(3){background-image:  url(../img/pages/promotion/0807/hittheme03_mo.png) }
.restore-section .swiper-slide:nth-child(4){background-image:  url(../img/pages/promotion/0807/hittheme04_mo.png) }
.restore-section .swiper-slide:nth-child(5){background-image:  url(../img/pages/promotion/0807/hittheme05_mo.png) }
.restore-section .swiper-slide:nth-child(6){background-image:  url(../img/pages/promotion/0807/hittheme06_mo.png) }
.restore-section .swiper-slide:nth-child(7){background-image:  url(../img/pages/promotion/0807/hittheme07_mo.png) }
.restore-section .swiper-slide:nth-child(8){background-image:  url(../img/pages/promotion/0807/hittheme08_mo.png) }
.restore-section .swiper-slide:nth-child(9){background-image:  url(../img/pages/promotion/0807/hittheme09_mo.png) }
.restore-section .swiper-slide:nth-child(10){background-image:  url(../img/pages/promotion/0807/hittheme010_mo.png)}
.restore-section .swiper-slide:nth-child(11){background-image:  url(../img/pages/promotion/0807/hittheme011_mo.png)}

}
@media (max-width: 599px){
    section.pro0914_02, 
    section.pro0914_03{padding:50px 0}
    section.pro0914_02 > div,
    section.pro0914_03 > div{padding:0px}
    section.pro0914_03 .testWrap p{font-size: 42px;line-height: 48px;margin-top: 10px;}
    section.pro0914_03 .testWrap span{font-size: 26px;}
}
@media (max-width: 399px){
    section.pro0914_03 .testWrap p{font-size: 32px;line-height: 38px;}
    section.pro0914_03 .testWrap span{font-size: 18px;}
}

section.pro0914_04{padding:50px 0; background: linear-gradient(91deg, #33E4FB 5.08%, #1777FD 92.1%);}
section.pro0914_04 p{color: #FFF;font-size: 55px;line-height: 68px; font-weight: 800;letter-spacing: -3.85px;}
section.pro0914_04 span{color: #FFF;font-size: 45px;line-height: 58px;font-weight: 600;letter-spacing: -3.15px;}


@media (max-width: 799px){
    section.pro0914_04 p{font-size: 42px;line-height: 56px;letter-spacing: -2.85px;}
    section.pro0914_04 span{font-size: 32px;line-height: 46px;letter-spacing: -2.85px;}
}

@media (max-width: 599px){
    section.pro0914_04 p{font-size: 34px;line-height: 42px;letter-spacing: -2px;word-break: keep-all;}
    section.pro0914_04 span{font-size: 26px;line-height: 36px;letter-spacing: -1.85px;word-break: keep-all;}
}


section.pro0914_05{padding:100px 0;}
section.pro0914_05 ul{display: flex;gap:10px; justify-content: center;}
section.pro0914_05 li{flex:1 1 33.333%}
section.pro0914_05 li img{width: 100%;}
section.pro0914_05 li img.mo{display: none;}
@media (max-width: 599px){
    section.pro0914_05 ul{flex-direction: column;}
    section.pro0914_05 li img.mo{display: unset;}
    section.pro0914_05 li img.pc{display: none;}
}
@media (max-width: 449px){
    section.pro0914_05{padding:50px 0;}
}

section.pro0914_form{padding-bottom:100px}
section.pro0914_form > div{width: 600px;padding-top: 100px;}
section.pro0914_form h2{color: #0E1C33;font-size: 42px;line-height: 58px;font-weight: 800;margin-bottom:40px}
section.pro0914_form .btn_area{margin-top:20px}
section.pro0914_form .btn_area button{font-size: 22px;}

@media (max-width: 799px){
    section.pro0914_form > div{width: 100%;padding-top: 50px;}
}
@media (max-width: 499px){
    section.pro0914_form h2{font-size:26px;line-height: 38px;margin-bottom:20px}
}

section.pro0914_notice{background-color: #F9F9F9;padding:50px 0}
section.pro0914_notice p{color: #4E4E4E;font-size: 25px;line-height: 30px;font-weight:700;}
section.pro0914_notice span{margin-top:20px; display: block;color: #4E4E4E;font-size: 21px;line-height: 26px;font-weight:500;}

.pro0914_wing{position:fixed;top:160px;right:10px;display: flex;gap:5px;flex-direction: column;}
.pro0914_wing a{display:block;width:160px;height: 120px;}
.pro0914_wing img{max-width: 100%;}
.pro0914_mBanner{display: none;z-index: 999;position: relative;}
.pro0914_mBanner a{text-align: center;font-weight: 700;padding:15px 0; position:fixed;bottom:0;right: 0;left:0; background-color: #06F;color:#fff;}

@media (max-width: 1329px){
    .pro0914_wing{display: none;}
    .pro0914_mBanner{display: block; font-size: 18px;}
    section.pro0914_notice{padding:50px 0 80px}
}
@media (max-width: 799px){
    section.pro0914_notice p{font-size: 20px;}
    section.pro0914_notice span{font-size: 16px;}
}
@media (max-width: 599px){
    .pro0914_mBanner{font-size: 16px;}
}

/* 실기총정리특강 */

.pro0918_main{height:950px;width:100%;position: relative;overflow: hidden;}
.pro0918_main .main-point{position: absolute;top:0;bottom:0;left: 10%;animation: toPoint ease-in-out 1.2s both;}
section.pro0918_main > div{position: absolute;bottom:-5px;right: 50%;left: 50%;margin-left:-600px;margin-right:-600px}
section.pro0918_main .main-pro{max-height: 100%;}

.pro0918_main .main-text{position: absolute;right: 0;width:240px;height: 700px;background:url(../img/pages/promotion/0918/t-box.png) center/cover no-repeat}
.pro0918_main .main-text img{position: absolute;left:50px}

.pro0918_main .main-text{top:100px;transition: .5s;transition-delay: 0ms;animation: toTop .5s ease-in-out 0.5s both;}
.pro0918_main .main-text img.t01 {top: 30px;transition: 1.5s;transition-delay: 0.5s;animation: toText 1.5s ease-in-out 0.5s both;}
.pro0918_main .main-text img.t02 {top: 200px;transition: 1.5s;transition-delay: 1s;animation: toText 1.5s ease-in-out 1s both;}
.pro0918_main .main-text img.t03 {top: 380px;transition: 1.5s;transition-delay: 1.5s;animation: toText 1.5s ease-in-out 1.5s both;}
.pro0918_main .main-text img.t04 {top: 580px;transition: 1.5s;transition-delay: 2s;animation: toText 1.5s ease-in-out 2s both;}
@keyframes toTop {
    from {
        opacity: 0;
        transform: translateY(-100px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes toText {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(20px);
    }
}

@keyframes toPoint {
    0% {
        scale: .8;
    }
    50%{
        scale: 1.2;
    }
    100% {
        scale: 1;
    }
}

.pro0918_main .main_profile{position:absolute; bottom:100px;left:0;overflow: hidden;}
.pro0918_main .main_profile.hide{overflow: unset }
.pro0918_main .main_profile p{cursor: pointer;color:#fff; font-size: 20px;letter-spacing: -1.4px;font-weight: 500;padding: 25px 125px 25px 40px;background:rgba(0, 0, 0, 0.6) url(../img/pages/promotion/0918/ico_profile.png) center right 20px/80px 33px no-repeat;}
.pro0918_main .main_profile span{display: block;font-size: 30px;letter-spacing: 0.6px;font-weight: 700;}
.pro0918_main .main_profile ul{position: absolute;bottom: 108px;left:0;right:0; background-color:rgba(0, 0, 0, 0.6);padding: 20px; color:#fff;}
.pro0918_main .main_profile li{font-size: 16px;line-height: 28px;font-weight: 300;letter-spacing: -1.19px;}
.profile-close{cursor: pointer; position: absolute;top:5px;right: 5px;}
.pro0918_main_mo{display: none;}

@media (max-width: 1100px){
    .pro0918_main{height: 900px;}
    section.pro0918_main > div{margin-left: -500px;margin-right: -500px;top:0}
}

@media (max-width: 994px){
    .pro0918_main_mo{display: unset;}
    .pro0918_main_mo img{max-width: 100%;}
    section.pro0918_main {display:none}
}


.pro0918_01{padding:45px 0 90px}
.pro0918_01 img,
.pro0918_02 img,
.pro0918_03 img,
.pro0918_04 img{max-width: 100%;}
.pro0918_03{padding:45px 0 90px}
.pro0918_04{position: relative; background: url(../img/pages/promotion/0918/main-bg05_back.png) center/cover no-repeat;}
.pro0918_04 div{padding:100px 0}
.pro0918_04 .link-tag{position: absolute;bottom: 20%;right: 0;width: 50%;height: 20%;}
.pro0918_04 .pc{position: relative;}
.pro0918_04 .pc:after{content:''; position: absolute;top:263px;right: 13px; width: 310px;height: 110px;background: url(../img/pages/promotion/0918/doung01.png) center/cover no-repeat;animation: live-effect 1s ease-in-out infinite;}

@keyframes live-effect {
    50% {
        top:273px;
    }
  }

.pro0918_footer{background-color: #000000;}
.pro0918_footer div{padding:90px 0 }
.pro0918_footer p{color: #E3E3E3;font-size: 30px;font-weight: 700;letter-spacing: -1.2px;}
.pro0918_footer ul{margin-top:20px;display: flex;gap:50px}
.pro0918_footer li{flex:1; color: #E3E3E3;font-size: 22px;line-height: 32px; font-weight: 400;letter-spacing: -0.66px;word-break: keep-all;}
.pro0918_footer li a{font-weight: 700;}
.pro0918_footer li:last-child{flex:.5; color: #FFF;font-size: 35px;font-weight: 800;letter-spacing: -1.2px;padding-left: 50px;background: url(../img/pages/promotion/0918/ico_call.png) top left/40px no-repeat;} 

.pro0918_01 img.mo{display: none;}
.pro0918_02 img.mo{display: none;}
.pro0918_03 img.mo{display: none;}
.pro0918_04 img.mo{display: none;}

.pro0918_wing{position:fixed;top:210px;right:20px;display: flex;gap:5px;flex-direction: column;border-radius: 8px;border: 1px solid #A8ADB4;background: #FFF;padding:15px 10px}
.pro0918_wing a{display:block;}
.pro0918_wing span{display: block;text-align: center; color: #000;font-size: 15px;font-weight: 800;}
.pro0918_wing span em{font-size: 18px}
.pro0918_wing img{width: 140px;height:66px;animation: blink-effect 1s step-end infinite;}
@keyframes blink-effect {
    50% {
      opacity: 0;
    }
  }

.pro0918_mBanner{display: none;}
.pro0918_mBanner a{text-align: center;font-weight: 700;padding:15px 0; position:fixed;bottom:0;right: 0;left:0; background: linear-gradient(94deg, #FBEDA9 -2.8%, #CB8C26 124.46%);}

@media (max-width: 1200px){
    .pro0918_wing{display: none;}
    section.sub > div.pro0918_01,
    section.sub > div.pro0918_03,
    section.sub.pro0918_04 > div,
    section.sub.pro0918_footer > div{padding:45px 20px 65px 20px}
    .pro0918_04 .pc:after{content:none}
    .pro0918_mBanner{display: block; font-size: 18px;}
}
@media (max-width: 999px){
    .pro0918_02 img.pc{display: none;}
    .pro0918_02 img.mo{display: unset;}
}
@media (max-width: 679px){
    .pro0918_01 img.pc{display: none;}
    .pro0918_01 img.mo{display: unset;}
    .pro0918_03 img.pc{display: none;}
    .pro0918_03 img.mo{display: unset;}
    .pro0918_04 .pc{display: none;}
    .pro0918_04 img.mo{display: unset;}
    section.sub > div.pro0918_03{padding:50px 0}
    section.sub.pro0918_04 > div{padding:0}
    .pro0918_04 .link-tag{position: absolute;bottom: 20%;left:0; right: 0;width: 100%;height: 20%;}
    .pro0918_mBanner{font-size: 16px;}
    .pro0918_footer ul{flex-direction: column;}
    .pro0918_footer p{font-size: 18px;}
    .pro0918_footer li{font-size: 14px;line-height: 22px; }
    .pro0918_footer li:last-child{flex: 1;font-size: 25px;background-size: 25px;line-height: 32px;padding-left: 35px;}
}


/* 실기 당일 복원 특강 */

section.pro1007_main{background-color: #000; height:1100px;position: relative;}
section.pro1007_main .main-text-bg{width:830px;height:inherit; margin:0 auto;position: relative;}
section.pro1007_main .main-text-bg img{max-width: 100%;position:absolute;}
section.pro1007_main .main-top01{height: 1100px;top:0; bottom:0}
section.pro1007_main .main-top02{height: 660px;top:60px}
section.pro1007_main .main-top03{height: 120px;top:26%;left: 50%;margin-left:-169px}
.pro1007_main .main-text-bg.mo{display: none;}

.pro1007_tab{position: absolute;bottom: 0;right: 0;left: 0;}
.pro1007_tab ul{display:flex;justify-content: center;gap:10px}
.pro1007_tab li{cursor: not-allowed; color:#4b4b4b;display:inline-block;background-color: #000;border-style: solid; border-color:#353535;border-width: 1px 1px 0; text-align: center;width: 480px;padding:10px 0;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.pro1007_tab li.on{cursor: pointer; border-color: #a8adb4;color:#fff}
.pro1007_tab li p{font-size: 30px;font-weight: 700;}
.pro1007_tab li span{font-size: 20px;font-weight: 600;}

section.pro1007_01 > div,
section.pro1007_02 > div,
section.pro1007_03 > div{width: 100%;display:flex}
section.pro1007_03 > div{
    width:1300px;
    flex-direction: column;gap:80px}

section.pro1007_03{padding:40px 0 240px; background-color: #EDF9FF;}

.pro1007_01 img,
.pro1007_02 img,
.pro1007_03 img{max-width: 100%;}

.pro1007_03 .pc .btn-eq{position: absolute; width: 200px;height: 40px;left: 50%;margin-left: -200px;bottom: 40px;}

.pro1007_01 .mo,
.pro1007_02 .mo,
.pro1007_03 .mo{display: none;}
.pro1007_03 .mo .btn-eq{
    position: absolute;background-color: transparent;width: 30%;height: 40px;top: -80px;right: 0;
}

.pro1007_03 + .pro0914_notice{
    background-color: #2C2C2C;
}
.pro1007_03 + .pro0914_notice p,
.pro1007_03 + .pro0914_notice span{color:#fff}
.pro1007_03 + .pro0914_notice span{font-weight: 400;line-height: 32px;}
.pro1007_03 + .pro0914_notice span a{text-decoration: underline;}

.pro1007_wing{position: fixed;width:160px;top: 200px; right:10px;display: flex;flex-direction: column;gap:10px}
.pro1007_wing a{text-align: center; position:relative; padding:80px 10px 5px; background: #000;border-radius: 8px;border: 1px solid #A8ADB4;}
.pro1007_wing a p{color: #FFF;font-size: 19px;font-weight: 800;}
.pro1007_wing a span{color: #878787;font-size: 14px;font-weight: 600;}
.pro1007_wing a img{position:absolute;top: 0;left: 50%;transform: translate(-50%, 4px);}
.pro1007_wing a:first-child img{top:14px; animation: blink-effect1007 1.2s step-end infinite;}


@keyframes blink-effect1007 {
    50% {
      opacity: 0;
    }
  }

@media (max-width: 1300px){
    section.pro1007_03 > div{width:800px;}
    .pro1007_03 .pc .btn-eq{width: 100px;height: 20px;margin-left: -120px;bottom: 30px;}
}
@media (max-width: 1200px){
    section.pro1007_01 > div,
    section.pro1007_02 > div{width: 100%;display:flex;padding:0}
    section.pro1007_03 > div{padding:0}
}
@media (max-width: 1139px){
    .pro1007_wing{display:none;}
}
@media (max-width: 899px){
    section.pro1007_main{height: unset;}
    .pro1007_main .main-text-bg.pc{display: none;}
    .pro1007_main .main-text-bg.mo{display: block;width:100%}
    .pro1007_main .main-text-bg.mo img{position: unset;}
    .pro1007_tab li.on{border-width: 2px 2px 0;}
    .pro1007_01 .pc,
    .pro1007_02 .pc{display: none;}
    .pro1007_01 .mo,
    .pro1007_02 .mo{display: unset;}
    section.pro1007_03{padding: 40px 0 40px;}
    section.pro1007_03 > div{
        gap:40px;
        width:600px;
    }
}

@media (max-width: 659px){
    .pro1007_03 .pc{display: none;}
    .pro1007_03 .mo{display: unset;}
    .pro1007_03 .mo img:not(:first-child){
        padding:0 20px;
    }
    .pro1007_03 .mo img + div{margin: 40px 0  80px;text-align: center;}
    .pro1007_03 .mo img + div a{font-size: 24px;font-weight: 600;display: inline-block;padding:10px 40px;border-radius: 20px;background-color: #000;color:#fff}
}
@media (max-width: 499px){
    .pro1007_03 .mo img + div{margin: 20px 0 40px;}
    .pro1007_03 .mo img + div a{font-size: 18px;font-weight: 600;display: inline-block;padding:6px 30px;border-radius: 16px;background-color: #000;color:#fff}
    .pro1007_03 .mo .btn-eq{height: 30px;top:-40px;}
    .pro1007_03 + .pro0914_notice span{line-height: 24px;}
}

/* 학원기초특강 프로모션 10/17 */
.pro1017_main_img img,
.pro1017_01 img,
.pro1017_02 img,
.pro1017_03 img,
.pro1017_04 img{max-width: 100%;}

.pro1017_01 .mo,
.pro1017_02 .mo,
.pro1017_03 .mo,
.pro1017_04 .mo{display:none}

.pro1017_top{background: linear-gradient(90deg, #002AFF 21.44%, #020072 96.27%);color: #FFF;font-size: 31px;font-weight: 600;padding:10px;}
.pro1017_main{ height:1100px; background: url(../img/pages/promotion/1017/mainBg01.png) center/cover no-repeat;}
.pro1017_main_text{padding-top: 120px;width: 1200px;margin:0 auto;}
.pro1017_main_text p{margin-bottom: 30px; position: relative;color: #fff;font-size: 70px;font-weight: 900;animation: stampT01 1s ease-in-out both;}
.pro1017_main_text p img{position: absolute;width: 117px;height: 175px;}
.pro1017_main_text .t01 {left: 790px;top:-54px}
.pro1017_main_text .t02{left: 938px;top:-54px}
.pro1017_main_text .t03{left:1092px;top:-54px}
.pro1017_main_text > div img{animation: stamp 0.5s 1s ease-in-out both;}
.pro1017_main_img{width: 640px;margin:0 auto;display: flex; flex-direction: column;gap:60px;align-items: center;}
.pro1017_main_img > img{animation: stampT01 1s ease-in-out both;}
.pro1017_main_img a{width: 900px;}
.pro1017_main.mo{display: none;}

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

@keyframes stamp {
    0% {
        opacity: 0;
        transform: scale(8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

  @media (max-width: 1199px){
    .pro1017_main_text{width: 100%;}
    .pro1017_main_text img{max-width: 100%;}
  }
  
  @media (max-width: 844px){
    .pro1017_main.mo{display: block;padding:40px 20px;display: flex;flex-direction: column; gap:20px}
    .pro1017_main.mo img{max-width: 100%;}
    .pro1017_main.pc{display: none;}
  }

.pro1017_01{padding:70px 0 260px; background: #000;position: relative;}
.pro1017_01:after{content:'WHY';font-size: 200px;font-weight: 900;position: absolute;bottom:-35px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg, #2243ED -10.59%, rgba(40, 117, 255, 0.00) 84.74%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.pro1017_02{padding:100px 0 160px; background: #2243ED;position: relative;overflow: hidden;}
.pro1017_02 div.pro-tab{width:844px; padding-top:80px;position:relative}
.pro1017_02 .pro-tab:after,
.pro1017_02 .pro-tab:before{position: absolute;}
.pro1017_02 .pro-tab-area{padding:10px 0 100px;}
.pro1017_02 .tab-list{display: flex;}
.pro1017_02 .tab-list div{flex:1;background-color:#000000;background-position: center right;background-repeat: no-repeat;background-size: contain;}
.pro1017_02 .tab-list div.on{background-color:#FFCB00;color:#000}
.pro1017_02 .tab-list .pro01{background-image:url(../img/pages/promotion/1017/pro01.png);}
.pro1017_02 .tab-list .pro02{background-image:url(../img/pages/promotion/1017/pro02.png);}
.pro1017_02 .tab-list .pro03{background-image:url(../img/pages/promotion/1017/pro03.png);}
.pro1017_02 .tab-list a{text-align: left; color: #fff;font-size: 18px;font-weight: 500; padding: 13px 30% 13px 38px;display: block;}
.pro1017_02 .tab-list div.on a{color: #000320;}
.pro1017_02 .tab-list em{display:block;font-size: 20px;font-weight: 700;}
.pro1017_02 .tab-area > div{padding-top:20px; display:none}
.pro1017_02 .tab-area > div.on{display: block;}

.pro1017_03{padding-bottom:160px; background: #1310C8;}
.pro1017_03 .pro-class ul{display:flex; gap:17px}
.pro1017_03 .pro-class ul .item-box{box-shadow: -13px 11px 10px 0px rgba(0, 0, 0, 0.25);border-radius: 8px;background-color: #FFF;padding:26px 26px 46px 46px;display: flex;flex-direction: column;justify-content: space-between;}
.pro1017_03 .pro-class ul .item-box.pro01,
.pro1017_03 .pro-class ul .item-box.pro02,
.pro1017_03 .pro-class ul .item-box.pro03{padding:20px}

.pro1017_03 .pro-class li:first-child .item-box{height: 100%;}
.pro1017_03 .pro-class li{flex: 1;}
.pro1017_03 .pro-class li.small{display: flex;flex-direction: column; gap:10px}
.pro1017_03 .pro-class li.small .item-box{gap:40px}
.pro1017_03 .pro-class .pro-all{background:url(../img/pages/promotion/1017/class-all.png) top -26px right/282px no-repeat;}
.pro1017_03 .pro-class .pro01{background:url(../img/pages/promotion/1017/class01.png) top 4px right -28px/222px no-repeat;}
.pro1017_03 .pro-class .pro02{background:url(../img/pages/promotion/1017/class02.png) top 4px right -28px/222px no-repeat;}
.pro1017_03 .pro-class .pro03{background:url(../img/pages/promotion/1017/class03.png) top 4px right -28px/222px no-repeat;}
.pro1017_03 .pro-class .item-tit h1{font-size: 28px;font-weight: 500;letter-spacing: -1.96px;}
.pro1017_03 .pro-class .item-tit span{font-size: 50px;font-weight: 800;letter-spacing: -2px;padding-bottom: 70px;border-bottom: 3px solid #000;display: block;}
.pro1017_03 .pro-class .item-tit h2{font-size: 30px;font-weight: 600;letter-spacing: -2.1px;margin-top: 28px;}
.pro1017_03 .pro-class .item-tit p{font-size: 30px;font-weight: 700;background: linear-gradient(90deg, #0445FE -10.12%, #00AEFF 110.2%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: -2.1px;}
.pro1017_03 .pro-class .small .item-tit p{font-weight: 800;background:transparent;color:#000;-webkit-text-fill-color: #000}
.pro1017_03 .pro-class .small .item-tit p:first-child{font-size: 22px;font-weight: 400}
.pro1017_03 .pro-class .small .item-tit + .item-price{display: flex;}

.pro1017_03 .pro-class .item-price p{text-align: right; color: #8A8A8A;font-size: 40px;text-decoration: line-through;}
.pro1017_03 .pro-class .item-price h1{text-align: right; color: #000;font-size: 50px;font-weight: 800;}
.pro1017_03 .pro-class .item-price h1 em{color: #E80000;font-size: 35px;font-weight: 700;display:inline-block;margin-right: 30px;}

.pro1017_03 .pro-class .item-price-small{display: flex;align-items: center;justify-content: space-between;}
.pro1017_03 .pro-class .item-price-small p{font-size: 20px;font-weight: 500;}
.pro1017_03 .pro-class .item-price-small h1{font-size: 25px;font-weight: 600;}

.pro1017_03 .pro-class .item-save{margin-top:26px;display: flex;gap:20px;align-items: center;justify-content: flex-end;}
.pro1017_03 .pro-class .item-save a{font-size: 20px;font-weight: 600;border-radius: 20px;background-color: #014EFF;color:#fff;padding:30px 80px;text-align: center;}
.pro1017_03 .pro-class .item-price-small .item-save a{padding: 20px} 
.pro1017_03 .pro-class .item-save .form-check span{font-size: 30px;font-weight: 600;padding-left: 40px;}
.pro1017_03 .pro-class .item-save .form-check span::before,
.pro1017_03 .pro-class .item-save .form-check input:checked + span::after{width: 30px;height: 30px;}
.pro1017_03 .pro-class .item-price-small .item-save .form-check span{font-size: 24px;}
.pro1017_03 .pro-class .item-price-small .item-save .form-check span::before,
.pro1017_03 .pro-class .item-price-small .item-save .form-check input:checked + span::after{width:24px;height: 24px;}

.pro1017_03 .pro-class .item-save a{display: inline-block;border-radius: 8px;position: relative;}
.pro1017_03 .pro-class .item-save a:after{content:''; position: absolute; width: 82px;height: 62px;background: url(../img/pages/promotion/1017/pointer.png) center/contain no-repeat;animation:pointerRight .5s infinite Alternate;}

@keyframes pointerRight {
    from {
        right:-43px;bottom:-10px;
    }
    to {
        right:-53px;bottom:-15px;
    }
}

@media (max-width: 1114px){
    .pro1017_03 .pro-class .item-price-small p{font-size: 18px;}
    .pro1017_03 .pro-class .item-price-small h1{font-size: 22px;}
    .pro1017_03 .pro-class .item-price-small{flex-direction: column;align-items: flex-end;}
    .pro1017_03 .pro-class li.small .item-box{gap:60px}
    .pro1017_03 .pro-class .small .item-save{margin-top: 10px;}
}
@media (max-width: 914px){
    .pro1017_03 .pro-class ul{flex-direction: column;}

}
@media (max-width: 549px){
    .pro1017_03 .pro-class ul .item-box{padding:20px}
    .pro1017_03 .pro-class .item-tit p,
    .pro1017_03 .pro-class .item-tit h2,
    .pro1017_03 .pro-class .item-tit h1,
    .pro1017_03 .pro-class .item-price h1 em,
    .pro1017_03 .pro-class .item-save .form-check span,
    .pro1017_03 .pro-class .item-price-small .item-save .form-check span{font-size: 20px;}
    .pro1017_03 .pro-class .item-tit span{font-size: 40px;padding-bottom: 50px;}
    .pro1017_03 .pro-class .item-save a,
    .pro1017_03 .pro-class .item-price-small .item-save a{padding:10px 20px }
    .pro1017_03 .pro-class .pro-all{background-size: 200px;background-position: top -7px right 0;}
    .pro1017_03 .pro-class .item-price p,
    .pro1017_03 .pro-class .item-price h1{font-size: 30px;}
    .pro1017_03 .pro-class .item-price-small .item-save .form-check span::before, 
    .pro1017_03 .pro-class .item-price-small .item-save .form-check input:checked + span::after,
    .pro1017_03 .pro-class .item-save .form-check span::before, 
    .pro1017_03 .pro-class .item-save .form-check input:checked + span::after{width:20px;height: 20px;}
    .pro1017_03 .pro-class .item-save .form-check span{padding-left: 26px;}
}
@media (max-width: 399px){
    .pro1017_03 .pro-class .item-save a:after{width: 72px;height: 52px;}
    .pro1017_03 .pro-class .pro01,
    .pro1017_03 .pro-class .pro02,
    .pro1017_03 .pro-class .pro03{background-size: 182px;background-position:top 18px right -28px}
}

.pro1017_04{padding:100px 0 110px;}
.pro1017_04 p{font-size: 50px;font-weight: 800;letter-spacing: -2.5px;margin-bottom:45px;}
.pro1017_04 > div + div{margin-top: 110px;}

.pro1017_04 + .pro0918_footer div{padding: 90px 0 140px;}
.pro1017_04 + .pro0918_footer li:last-child{flex: none;margin-left: auto;}

.pro1017_04 + .pro0918_footer + .bottom-pay-area{width:1200px;left:50%;right: 10px;margin-left:-600px}

.pro1017_wing{position: fixed;width:160px;top: 200px; right:10px;display: flex;flex-direction: column;gap:10px}
.pro1017_wing a{color: #000;text-align: center; position:relative; padding:80px 10px 5px; background: #fff;border-radius: 8px;border: 1px solid #A8ADB4;}
.pro1017_wing a p{font-size: 19px;font-weight: 800;}
.pro1017_wing a span{font-size: 14px;font-weight: 600;}
.pro1017_wing a img{position:absolute;top: 10px;left: 50%;transform: translate(-50%, 4px); animation: blink-effect1017 1.2s step-end infinite;}

@keyframes blink-effect1017 {
    50% {
      opacity: 0;
    }
  }
@media (max-width: 1200px){
    .pro1017_04 + .pro0918_footer div{padding: 50px 20px 140px !important;}
    .pro1017_04 + .pro0918_footer + .bottom-pay-area{width:calc(100% - 20px);left:10px;margin-left: 0;}
}
@media (max-width: 1114px){
    .pro1017_wing{display: none;}
}
@media (max-width: 844px){
    .pro1017_main{height: auto;}
    .pro1017_02 div.pro-tab{width:100%}
    .pro1017_02 .tab-list .pro01,
    .pro1017_02 .tab-list .pro02,
    .pro1017_02 .tab-list .pro03{background-image: none;}
    .pro1017_02 .tab-list a{padding: 10px;text-align:center}
    .pro1017_04 p{font-size: 38px;}
}
@media (max-width: 749px){
    .pro1017_04 .pc{display: none;}
    .pro1017_04 .mo{display: unset;}
}
@media (max-width: 649px){
    .pro1017_01 .pc,
    .pro1017_02 .pc{display: none;}
    .pro1017_01 .mo,
    .pro1017_02 .mo{display: unset;}
    .pro1017_03 .pro-class{flex-direction: column;}
    .pro1017_04 + .pro0918_footer div{padding: 40px 20px 100px !important;}
}
@media (max-width: 549px){
    .pro1017_top{font-size: 22px;}
    .pro1017_01:after{font-size: 150px;}
    .pro1017_02 .tab-list a{font-size: 14px;}
    .pro1017_02 .tab-list em{font-size: 16px;}
    .pro1017_04 > div + div{margin-top: 60px;}
    .pro1017_04 p{font-size: 28px;}
}
@media (max-width: 449px){
    .pro1017_01{padding: 70px 0 100px;}
    .pro1017_01:after{font-size: 120px;}
    .pro1017_02{padding: 70px 0;}
    .pro1017_02 div.pro-tab{padding-top: 40px;}
    .pro1017_02 .pro-tab-area{padding: 10px 0 40px}
    .pro1017_02 .tab-list a{font-size: 12px;word-break: keep-all}
    .pro1017_02 .tab-list em{font-size: 14px;}
    .pro1017_03{padding-bottom:60px;}
    .pro1017_04{padding:50px 0}
}

/* 환승/재수강 이벤트 프로모션 10/24 */

.pro1024_main{position:relative; height: 1100px;background:url(../img/pages/promotion/1024/mainBgv01.png) center top/cover no-repeat;}
.pro1024_main.on{background:url(../img/pages/promotion/1024/mainBg.png) center top/cover no-repeat;}
.pro1024_main ul{position: absolute;top:156px;left:0;right:0;height: 310px;display: flex;justify-content: center;align-items: center;}
.pro1024_main li:nth-child(1){padding-right: 120px;text-align:right; flex:1;height: 130px;line-height: 130px; background-color: #3afe85;position: relative;}
.pro1024_main li:nth-child(1):after{content:''; position: absolute;display:block;height: 130px;width: 30px;background-color: #3afe85;top: 0;right:-30px;}
.pro1024_main li:nth-child(1):before{content:'';right: 0;top: 30px; position: absolute;display:block;height: 68px;width: 130px;background:url(../img/pages/promotion/1024/icoco-light.png) center/cover no-repeat;}
.pro1024_main li:nth-child(2){width:950px;height: inherit;position: relative;background:url(../img/pages/promotion/1024/icoco01.png) center no-repeat;}
.pro1024_main li:nth-child(2)::after,
.pro1024_main li:nth-child(2)::before{content: ''; position: absolute;width: 338px;height: 96px;}
.pro1024_main li:nth-child(2)::before{top: -29px;left: 152px;background:url(../img/pages/promotion/1024/icoco02.png) center/cover no-repeat;animation:effect-left 1s infinite Alternate;}
.pro1024_main li:nth-child(2)::after{bottom: -33px;right: 158px;background:url(../img/pages/promotion/1024/icoco03.png) center/cover no-repeat;animation:effect-right 1s infinite Alternate;}
.pro1024_main li:nth-child(3){padding-left: 120px; flex:1;height: 130px;line-height: 130px;background-color: #01adf9;position: relative;}
.pro1024_main li:nth-child(3):after{content:''; position: absolute;display:block;height: 130px;width: 30px;background-color: #01adf9;top: 0;left:-30px;}
.pro1024_main li:nth-child(3):before{content:'';left: 0;top: 30px; position: absolute;display:block;height: 68px;width: 130px;background:url(../img/pages/promotion/1024/icoco-light.png) center/cover no-repeat;transform: rotateZ(180deg);}
.pro1024_main li:nth-child(1):before,
.pro1024_main li:nth-child(3):before{ animation: blink-effect1024 1.5s step-end infinite;}
.pro1024_main li:nth-child(1),
.pro1024_main li:nth-child(3){font-size: 30px;font-weight: 900;color: rgba(0, 0, 0, 0.5);}
.pro1024_main img{display: none;}
.pro1024_main a{font-size: 40px;font-weight: 800; position: absolute;bottom: 100px;padding: 20px 50px;left: 50%;transform: translate(-50%, 0); border-radius: 100px;background: linear-gradient(268deg, #36FE82 -34.98%, #02ACF9 103.13%);}
.pro1024_main a:after{content:''; position: absolute; width: 82px;height: 62px;background: url(../img/pages/promotion/1017/pointer.png) center/contain no-repeat;animation:pointerRight .5s infinite Alternate;}

.pro1024_main img.none{display: none;}

@keyframes effect-left {
    50% {
        left: 132px
    }
  }

@keyframes effect-right {
    50% {
        right: 138px
    }
  }


@keyframes blink-effect1024 {
    50% {
      opacity: 0;
    }
  }

@media (max-width: 1370px){
    .pro1024_main a{font-size: 36px;}
    .pro1024_main li:nth-child(1):before, .pro1024_main li:nth-child(3):before{content: none;}
    .pro1024_main li:nth-child(1){padding-right:0}
    .pro1024_main li:nth-child(3){padding-left:0}
}
@media (max-width: 1248px){
    .pro1024_main a{font-size: 30px;}
}
@media (max-width: 1130px){
    .pro1024_main{background:none;height: 100%;}
    .pro1024_main img{display: block;max-width: 100%;width: 100%;}
    .pro1024_main ul{display: none;}
}
@media (max-width: 1080px){
    .pro1024_main a{width: 80%;text-align: center;}
}
@media (max-width: 678px){
    .pro1024_main a{bottom:60px;padding: 20px 40px;font-size: 24px;}
}
@media (max-width: 539px){
    .pro1024_main a{width: 90%;bottom:60px;padding: 16px 30px;font-size: 20px;}
}
@media (max-width: 399px){
    .pro1024_main a{bottom:40px;padding: 16px 20px;font-size: 16px;}
}

.pro1024_01{padding:95px 0 230px; background-color: #33383C;}
.pro1024_01 p{color: #FFF;font-size: 50px;font-weight: 700;margin-bottom: 30px;}
.pro1024_01 p + div{ display: flex;flex-direction: column;gap:16px;align-items: center;}
.pro1024_01 p + div img{width: 964px;border: 2px solid #33383C;}
.pro1024_01 p + div img.on{border-color: #5ec500;}
section.sub.pro1024_01{position: relative;}
section.sub.pro1024_01:after{content: '';position: absolute;top: 0px;left: 0;right:0;height: 100px;background: linear-gradient(180deg, #1B1C1C 0%, rgba(26, 26, 26, 0.00) 100%);}
section.sub.pro1024_01 .bt-banner{position: absolute;bottom: -100px;left: 0;right:0;max-width: 100%;}
.pro1024_01 .mo{display: none;}

@media (max-width: 1248px){
    section.sub.pro1024_01 .bt-banner{bottom: -80px;}
}
@media (max-width: 1020px){
    section.sub.pro1024_01 .bt-banner{bottom: -60px;}
}
@media (max-width: 968px){
    .pro1024_01 p{font-size: 40px;}
    .pro1024_01 p + div img{max-width: 100%;}
}
@media (max-width: 768px){
    section.sub.pro1024_01 .bt-banner{bottom: -30px;}
}

@media (max-width: 678px){
    .pro1024_01{padding:60px 0 130px;}
    .pro1024_01 p{font-size: 32px;}
    section.sub.pro1024_01:after{height: 80px;}
    .pro1024_01 .mo{display: block;}
    .pro1024_01 .mo img{max-width: 100%;}
    .pro1024_01 .pc{display:none}
    section.sub.pro1024_01 .bt-banner{bottom: -60px;}
}
@media (max-width: 439px){
    .pro1024_01 p{font-size: 28px;}
    .pro1024_01{padding:40px 0 80px;}
    section.sub.pro1024_01:after{height: 60px;}
}

.pro1024_02{padding:180px 0 100px; background-color: #EBEDF2;}
.pro1024_02 ul{display: flex;flex-direction: column;gap:16px}
.pro1024_02 ul li:nth-child(1){position: relative;}
.pro1024_02 ul li:nth-child(2){display: flex;gap:20px}
.pro1024_02 ul li:nth-child(2) img{flex:1}
.pro1024_02 .btn-coupon{color:#fff;display: inline-block;font-size: 40px;font-weight: 700;padding:20px 50px; background-color: #0082FF;position: relative;border-radius: 100px;}
.pro1024_02 .btn-coupon:after{content:''; position: absolute; width: 82px;height: 62px;background: url(../img/pages/promotion/1017/pointer.png) center/contain no-repeat;animation:pointerRight .5s infinite Alternate;}
.pro1024_02 .file-form{padding:30px; background-color: #F0F8FF;border: 1px solid #DDD;}
.pro1024_02 .file-form p{text-align: left;font-size: 25px;font-weight: 600;line-height: 32px;}
.pro1024_02 .fileBox{display: flex; gap: 10px; margin: 10px 0;}
.pro1024_02 .fileBox .upload-name {flex: 1;display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle;background-color: #fff;border: 1px solid #2D2D2D;color: #000;pointer-events: none;}
.pro1024_02 .fileBox label {display: inline-block;padding: 10px 20px;color: #fff;vertical-align: middle;background-color: #2D2D2D;cursor: pointer;height: 40px;}
.pro1024_02 .fileBox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.pro1024_02 .fileSave input{width:100%;border:none;color: #fff;vertical-align: middle;background-color: #056EED;cursor: pointer;height: 48px;font-size: 18px;}
.pro1024_02 .mo{display: none;}
@media (max-width: 1248px){
    .pro1024_02 img,
    .pro1024_03 img{max-width: 100%;}
}

@media (max-width: 1199px){
    .pro1024_02{padding:130px 0 80px;}
    .pro1024_02 .mo{display: unset;}
    .pro1024_02 ul li:nth-child(2),
    .pro1024_02 .pc{display: none;}
    .pro1024_02 .btn-coupon{margin-top: 20px;}
}
@media (max-width: 678px){
    .pro1024_02{padding:80px 0 60px;}
    .pro1024_02 .btn-coupon{font-size: 30px;padding:14px 30px;}
}

@media (max-width: 499px){
    .pro1024_02 .btn-coupon{font-size: 24px;padding:10px 20px;}
    .pro1024_02 .file-form{padding:20px}
    .pro1024_02 .file-form p{font-size: 18px;}
    .pro1024_02 .fileBox label{padding:10px}
    .pro1024_02 .fileBox .upload-name{width: calc(100% - 80px);}
}

@media (max-width: 399px){
    .pro1024_02 .btn-coupon{font-size: 20px;padding:10px 16px;}    
}

.pro1024_03{padding:40px 0 180px; background-color: #121212;position: relative;}
.pro1024_03:after{content: '';position: absolute;bottom: 0px;left: 0;right:0;height: 200px;background: linear-gradient(0deg, #0183FF -51.83%, rgba(1, 131, 255, 0.00) 50.26%);}
.pro1024_03 .mo{display:none}
@media (max-width: 940px){
    .pro1024_03 .pc{display:none}
    .pro1024_03 .mo{display:unset}
}
@media (max-width: 678px){
    .pro1024_03{padding: 40px 0 120px;}
}
@media (max-width: 499px){
    .pro1024_03{padding: 40px 0 80px;}}


.pro1024_04{padding:80px 0 100px; background-color: #fff}
.pro1024_04 > div > p{font-size: 55px;font-weight: 800;margin-bottom: 10px;}
.pro1024_04 > div > p em{font-weight: 900;display:block;background: linear-gradient(180deg, #0082FF 40.71%, #50B3FA 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pro1024_04 > div > p + span{margin-top: 10px;color: #494949;font-size: 20px;font-weight: 500;}
.pro1024_04 .trans-tab{margin-top: 60px;}
.pro1024_04 .notice{margin-top: 40px;color: #4E4E4E;}
.pro1024_04 .notice p{font-size: 25px;font-weight: 700;line-height: 36px; }
.pro1024_04 .notice span{font-size: 20px;font-weight:500;line-height: 30px; }
.pro1024_04 .class-sub-tit,
.pro1024_04 .class-list-area .class-cost{align-items: flex-start;}
.pro1024_04 .class-list-area li{padding:20px 10px}

.trans-tab-list{display: flex; gap:20px;}
.trans-tab-list a{position: relative; flex:1; font-size: 35px;font-weight: 700;color: #9A9CA4;background-color: #CCC;border-radius: 8px;padding:20px 0}
.trans-tab-list a:after{content: '';position: absolute;width: 82px;height: 62px;background: url(../img/pages/promotion/1017/pointer.png) center/contain no-repeat;animation: pointerRight .5s infinite Alternate;z-index: 9;}
.trans-tab-list a.on{color: #fff;background-color: #0082FF;}
.trans-tab-info{margin-top:20px; padding:10px; border-radius: 8px;border: 1px solid #DDD;}
.trans-tab-info > div{display:none}
.trans-tab-info > div.on{display:block}

@keyframes pointerRight-tab {
    from {
        right: -13px;
        bottom: -5px;
    }
    to {
        right: -23px;
        bottom: -10px;
    }
}

@media (max-width: 844px){
    .pro1024_04 > div > p{font-size: 42px;}
    .trans-tab-list a{font-size: 28px;}
    .pro1024_04 .notice p{font-size: 20px}
    .pro1024_04 .notice span{font-size: 16px;line-height: 24px}
    .pro1024_04 .class-list-area .class-sub-tit .tags{top: -58px;}
    .pro1024_04 .class-list-area .class-tit{font-size: 13px;}
}

@media (max-width: 664px){
    .pro1024_04 > div > p{font-size: 36px;}
    .pro1024_04 .trans-tab{margin-top: 40px;}
    .trans-tab-list a{font-size: 24px;padding:10px 0}
}

@media (max-width: 549px){
    .pro1024_04{padding:40px 0 60px;}
    .pro1024_04 > div > p{font-size: 26px;}
    .pro1024_04 > div > p + span{font-size:14px}
    .trans-tab-list a{font-size: 18px}
    .trans-tab-list{gap:16px}
    .pro1024_04 .class-list-area li{padding:20px 0}
    .pro1024_04 .class-list-area .class-sub-tit p, 
    .pro1024_04 .class-list-area .class-sub-tit span{width: inherit;}
}
@media (max-width: 419px){
    .pro1024_04 .trans-tab{margin-top: 30px;}
    .pro1024_04 > div > p{font-size: 22px;}
    .pro1024_04 > div > p + span{font-size:12px}
    .pro1024_04 .notice p{font-size: 16px}
    .pro1024_04 .notice span{font-size: 12px;line-height: 18px}
    .trans-tab-list a{font-size: 16px}
    .trans-tab-list{gap:10px}
    .pro1024_04 .class-list-area .class-sub-tit span{font-size: 15px;font-weight: 500;}
    .pro1024_04 .class-list-area .class-cost em.origin-cost{font-size: 14px;}
}

.pro1024_05{height: 800px; padding:110px 0 140px; background:#edf6ff url(../img/pages/promotion/1024/bg_trophy.png) bottom left/360px no-repeat;}
.pro1024_05 p{font-size: 55px;font-weight: 800;margin-bottom: 50px;}
.pro1024_05 p span{font-weight: 900;display:block;background: linear-gradient(180deg, #0082FF 40.71%, #50B3FA 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pro1024_05 .review{display:flex;gap:20px;justify-content: center;}
.pro1024_05 img.mo{display: none;}

@media (max-width: 1199px){
    .pro1024_05 p{font-size: 40px;}
    .pro1024_05 img.pc{flex:.333}
}

@media (max-width: 1099px){
    .pro1024_05{background-size: 300px;}
}

@media (max-width: 844px){
    .pro1024_05{height: 600px; padding:60px 0 80px;background-size: 240px;}
    .pro1024_05 p{font-size: 36px;}
}

@media (max-width: 664px){
    .pro1024_05{height: auto;}
    .pro1024_05 p{font-size: 30px;}
    .pro1024_05 img.pc{display: none;}
    .pro1024_05 img.mo{display: unset;}
    .pro1024_05 .review{flex-direction: column;}

}
@media (max-width: 482px){
    .pro1024_05 p{font-size: 24px;}
}
@media (max-width: 399px){
    .pro1024_05 p{font-size: 20px;}
}

.pro1024_06{padding-bottom: 90px;background-color: #111113;}
.pro1024_06 + .bottom-pay-area{width:1200px;left:50%;right: 10px;margin-left:-600px;background: rgb(34 34 34 / 68%);}
.pro1024_06 .mo{display: none;}

@media (max-width: 1200px){
    .pro1024_06 + .bottom-pay-area{width:calc(100% - 20px);left:10px;margin-left: 0;}
}
@media (max-width: 664px){
    .pro1024_06 {padding-bottom: 0;}
    .pro1024_06 .pc{display:none}
    .pro1024_06 .mo{display:unset;}
}

.pro1024_wing {position: fixed;width:180px;top: 140px; right:0px;display: flex;flex-direction: column;gap:10px;z-index: 19;}
@media (max-width: 1200px){.pro1024_wing{display: none;}}

/* 지니패스2차 이벤트 프로모션 11/01 */

.pro1101_main{position: relative;}
.pro1101_main p{position: absolute;font-size: 140px;font-weight: 900;top:195px;left:50%; transform:translateX(-50%);letter-spacing: -3px;
    text-transform: uppercase;background-clip: border-box;
    background-size: 200% auto;background-image: linear-gradient(114deg, #c58f61 0%, #d7a77e 30%, #f3d7bf  50%, #d7a77e 70% ,#c58f61 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: hue 1.5s linear infinite;}
@-webkit-keyframes hue {
    to {
        background-position: 200% center;
      }
}

.pro1101_main .mo,
.pro1101_main .pc{display: none;}

@media (max-width: 1760px){
    .pro1101_main p{top: 18%;font-size: 130px;}
}
@media (max-width: 1584px){
    .pro1101_main p{font-size: 114px;}
}
@media (max-width: 1380px){
    .pro1101_main p{font-size: 98px;}
}
@media (max-width: 1180px){
    .pro1101_main p,
    .pro1101_main .web{display: none;}
    .pro1101_main .pc{display: unset;}
}
@media (max-width: 528px){
    .pro1101_main .pc{display: none;}
    .pro1101_main .mo{display: unset;}
}


.pro1101_01{padding: 80px 0 100px;}
.pro1101_01 .mo{display: none;}
@media (max-width: 528px){
    .pro1101_01 .pc{display: none;}
    .pro1101_01 .mo{display: unset;}
}
.pro1101_02{padding: 100px 0 140px; background: url(../img/pages/promotion/1101/srction_bg02.png) center/cover no-repeat;}
.pro1101_02 > div{position: relative;}
.pro1101_02 > div a{position: absolute;width: 50%;height: 10%;bottom: 3%;display: block;}
.pro1101_02 .btn01{left:0}
.pro1101_02 .btn02{right:0}
.pro1101_02 .mo{display: none;}
@media (max-width: 708px){
    .pro1101_02{padding: 50px 0 70px;}
    .pro1101_02 .pc{display: none;}
    .pro1101_02 .mo{display: unset;}
    .pro1101_02 > div a{width: auto;height: 5%;}
    .pro1101_02 .btn01,
    .pro1101_02 .btn02{left:20px;right: 20px;}
    .pro1101_02 .btn01{bottom: 48%;}
}

.pro1101_03{padding: 100px 0 140px;background-color: #F8F8F8;}
.pro1101_03 .class-box{margin-bottom:50px;background-color: #FFF;}
.pro1101_03 .notice{margin-top: 40px;color: #4E4E4E;}
.pro1101_03 .notice p{font-size: 25px;font-weight: 700;line-height: 36px; }
.pro1101_03 .notice span{font-size: 20px;font-weight:500;line-height: 30px; }

@media (max-width: 844px){
    .pro1101_03{padding: 50px 0 70px;}
    .pro1101_03 .notice p{font-size: 20px}
    .pro1101_03 .notice span{font-size: 16px;line-height: 24px}
}

@media (max-width: 419px){
    .pro1101_03 .notice p{font-size: 16px}
    .pro1101_03 .notice span{font-size: 12px;line-height: 18px}
}
.pro1101_04{padding: 100px 0 140px; background: url(../img/pages/promotion/1101/srction_bg03.png) center no-repeat;}
.pro1101_04 > div{position: relative;}
.pro1101_04 p{font-size: 30px;line-height: 42px; color: #FFF;font-weight: 700;letter-spacing: -0.9px;position: absolute;bottom:100px;left:50%;transform:translateX(-50%);min-width: 650px;}
.pro1101_04 p span{display: block; font-size: 40px;line-height: 52px;color: #70FF00;font-weight: 800;letter-spacing: -2px;}
.pro1101_04 .mo{display: none;}
@media (max-width: 960px){
    .pro1101_04 p{font-size: 26px;bottom: 80px;}
    .pro1101_04 p span{font-size: 34px}
}
@media (max-width: 820px){
    .pro1101_04 p{font-size: 24px;line-height: 32px;bottom: 60px;}
    .pro1101_04 p span{font-size: 30px}
}
@media (max-width: 690px){
    .pro1101_04{background-position: center top;background-size: cover;}
    .pro1101_04 .pc{display: none;}
    .pro1101_04 .mo{display: block;}
}

.pro1101_05{padding: 80px 0;}
.pro1101_06{padding: 80px 0;background-color: #FBF8FF;}

.pro1101_05 .mo,
.pro1101_06 .mo{display: none;}

@media (max-width: 640px){
    .pro1101_05,
    .pro1101_06{padding: 40px 0;}
    .pro1101_05 .pc,
    .pro1101_06 .pc{display: none;}
    .pro1101_05 .mo,
    .pro1101_06 .mo{display: unset;}
    
}

.pro1101_07{padding: 70px 0 100px;}
.pro1101_07>div{position: relative;}
.pro1101_07>div:after{display: none; content: '';position: absolute; top:-20px;right:-150px; height: 220px;width: 220px;background: url(../img/pages/promotion/1101/ico_coin.png) center/cover no-repeat;transform: rotate(330deg);animation: coinPoint ease-in-out 1.2s both;}
.pro1101_07>div.on:after{display: block;}
.pro1101_07 a{position: absolute;width: 50%;height: 8%;bottom: 0;right: 20px;}
.pro1101_07 .mo,
.pro1101_08 .mo{display: none;}
@keyframes coinPoint {
    0% {
        scale: .8;
    }
    50%{
        scale: 1.2;
    }
    100% {
        scale: 1;
    }
}

@media (max-width: 1500px){
    .pro1101_07>div:after{right:-100px;height: 180px;width: 180px}
}
@media (max-width: 1400px){
    .pro1101_07>div:after{right:-50px;}
}
@media (max-width: 1290px){
    .pro1101_07>div:after{right:50px;height: 140px;width: 140px}
}
@media (max-width: 920px){
    .pro1101_07>div:after{right:50px;height: 100px;width: 100px}
}
@media (max-width: 680px){
    .pro1101_07 .pc,
    .pro1101_08 .pc{display: none;}
    .pro1101_07 .mo,
    .pro1101_08 .mo{display: unset;}
    .pro1101_07>div:after{content: none;}
    .pro1101_07 a{right: unset;left: 20px;}
}

.pro1101_07 +  .bottom-pay-area{width:1200px;left:50%;right: 10px;margin-left:-600px}
.pro1101_wing{position: fixed;width:160px;top: 200px; right:10px;display: flex;flex-direction: column;gap:10px}

@media (max-width: 1200px){
    .pro1101_07 + .bottom-pay-area{width:calc(100% - 20px);left:10px;margin-left: 0;}
    .pro1101_wing{display: none;}
}

/* 온라인 설명회 프로모션 11/09 */

.pro1109_main{position: relative;background-color:#09103A}
.pro1109_main .main-web{display: none;}
.pro1109_main .main-ico01{position: absolute;left: 50%; transform:translateX(-50%); top: 70px; animation: gini01 .8s .4s ease-in-out both;}
.pro1109_main .main-cloude{position: absolute;left: 50%; margin-left: -300px; transform-origin: center;animation: explosion 1s .8s ease-in-out both;}
.pro1109_main .main-ico02{position: absolute;left: 50%; transform:translateX(-50%); top: 80px;opacity: 0; animation: gini02 .8s 1s ease-in-out both;}
.pro1109_main .main-text{position: absolute; left: 50%; transform:translateX(-50%); bottom: 80px;}
.pro1109_main .main-text img{transform-origin: 50% 50%;animation: textMotion .6s 1s ease-in-out  both;}
.pro1109_main.mo{display: none;}
@media (max-width: 1730px){
    .pro1109_main .main-text{
        bottom:0%
    }
}
@media (max-width: 1530px){
    .pro1109_main .main-web{display: block;}
    .pro1109_main.pc img:not(.main-web){display: none;}
}
@media (max-width: 790px){
    .pro1109_main.pc{display: none;}
    .pro1109_main.mo{display: block;}
}

@keyframes gini01 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes gini02 {
    0% {
        opacity: 0;
        scale: 1;
    }
    50% {
        scale: 1.1;
    }
    100% {
        scale: 1;
        opacity: 1;
    }
}
@keyframes textMotion {
    0% {
        scale: 1;
    }
    20% {
        scale: 1.3;
        transform: rotate(-2deg) 
    }
    40% {
        transform: rotate(2deg) 
    }
    60% {
        transform: rotate(-2deg) 
    }
    80% {
        scale: 1;
        transform: rotate(0deg) 
    }
    100% {
        scale: 1;
    }
}
@keyframes explosion {
    0% {
        transform: scale(0);
        opacity: 1;
        top: 240px;
    }
    25% {
        transform: scale(1.5);
        opacity: 1;
        top: 180px;
    }
    50% {
        transform: scale(1.8);
        opacity: 0.5;
        top: 180px;
    }
    75% {
        transform: scale(1.2);
        opacity: 0;
        top: 240px;
    }
    100% {
        transform: scale(1);
        opacity: 0;
        top: 240px;
    }
}

@keyframes count {
    0% {
        transform: rotate(0deg) scale(0);
    }
    10% {
        opacity: 1;
    }
    20% {
        transform: rotate(-2deg) scale(.2);
    }
    35% {
        transform: rotate(2deg) scale(1.5);
    }
    50% {
        transform: rotate(-2deg) scale(1);
    }
    65% {
        transform: rotate(1deg);
    }
    80% {
        transform: rotate(-1deg);
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
    }

.pro1109_01{background-color:#09103A;padding:60px 0 80px}
.pro1109_01 > div{height: 873px; background: url(../img/pages/promotion/1109/textBg.png) center/contain no-repeat;}
section.sub.pro1109_01 > div{width: 1400px;position: relative;}
.pro1109_01 .textSwiper{width: 80%;height: 68%;position: absolute;top: 50%;left: 50%; transform:translate(-50%,-50%);overflow: hidden;}
.pro1109_01 .textSwiper:after,
.pro1109_01 .textSwiper:before{content:''; position: absolute;top: 0;left: 0;right: 0;}
.pro1109_01 .textSwiper li{display:flex;justify-content: center;}
.pro1109_01 .textSwiper .swiper-wrapper{transition-timing-function: linear;}
.pro1109_01 .textSwiper .mo{display:none}

@media (max-width: 1380px){
    .pro1109_01 div{background-size: contain;}
    section.sub.pro1109_01 > div{width: 100%;height: 800px;}
    .pro1109_01 .textSwiper{}
}
@media (max-width: 1120px){
    .pro1109_01 .textSwiper .mo{display:block}
    .pro1109_01 .textSwiper .pc{display:none}
}
@media (max-width: 1080px){
    .pro1109_01 div{background-size: cover;}
}

@media (max-width: 810px){
    section.sub.pro1109_01 > div{height: 680px;}
}

@media (max-width: 560px){
    .pro1109_01 .textSwiper{width: 90%;}
    section.sub.pro1109_01 > div{height: 480px;}
}

@media (max-width: 480px){
    section.sub.pro1109_01 > div{height: 430px;}
}

.pro1109_02{background-color:#EDF6FF;padding:60px 0 80px}
.pro1109_02 > div{position: relative;}
.pro1109_02 > div a{position: absolute;bottom: 0; left: 50%; transform:translateX(-50%); height:5%; width: 25%;}
.pro1109_02 .video-box{width: 800px;height: 440px;position:absolute; top: 310px;left: 50%; transform:translateX(-50%)}
.pro1109_02 .video-box img{position: absolute;cursor: pointer;}
.pro1109_02 .mo{display: none;}
@media (max-width: 1380px){
    .pro1109_02 .video-box{width: 65%;height: 25%;top: 17.435%;}
    .pro1109_02 .video-box img{top:0;right: 0;left: 0;bottom:0}
}
@media (max-width: 700px){
    .pro1109_02 .pc{display: none;}
    .pro1109_02 .mo{display: block;}
    .pro1109_02 .video-box{width: 86%;height: 13.5%;top: 19%}
    .pro1109_02 > div a{width: 65%;}
}
@media (max-width: 580px){
    .pro1109_02 .video-box{width: 82%;}
}

.pro1109_03{background: #212221;}
.pro1109_03 img{width: 100%;}
.pro1109_04{background-color:#000102;position: relative;}
.pro1109_04 a{position: absolute;bottom: 5%; left: 50%; transform:translateX(-50%); height:15%; width: 25%;}
.pro1109_03 .mo,
.pro1109_04 .mo{display: none;}
@media (max-width: 900px){
    .pro1109_03 .pc,
    .pro1109_04 .pc{display: none;}
    .pro1109_03 .mo,
    .pro1109_04 .mo{display: block;}
    .pro1109_04 a{bottom: 18%;height: 10%;width: 68%;}
}
.pro1109_05{background-color:#000102;padding:50px 0 140px}
.pro1109_05 > div{background-color:#12111F}
.pro1109_05 p{color:#fff;font-weight: 800;font-size: 25px;padding:25px 0; box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.05);text-align: center;}
.pro1109_05 ul{display: flex;flex-direction: column;}
.pro1109_05 li{display: flex;}
.pro1109_05 li div:first-child{width: 470px; color: #FFF;font-size: 30px;font-weight: 600;letter-spacing: -1.5px;display: flex;gap:60px;align-items: center;padding:30px;box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.05);}
.pro1109_05 li div:first-child span{font-size: 20px;font-weight: 400;}
.pro1109_05 li > div:last-child{flex: 1;background:#FFF url(../img/pages/promotion/1109/ico_sale.png) center left 60px/52px no-repeat;;border-bottom: 2px solid #E3E3E3;padding:40px 0px 40px 120px}
.pro1109_05 .product-info{display: flex;gap:10px;align-items: center;}
.pro1109_05 .price01{position:relative; color: #6C6C6C;font-size: 25px;letter-spacing: -1.75px;min-width: 130px;text-align: right;}
.pro1109_05 .price01:after{content: '';position: absolute;top: 10px;right:-16px;height: 5px;width: 100%;display: inline-block;background:url(../img/pages/promotion/1109/ico_desh.svg) center no-repeat;}
.pro1109_05 .price02{color: #000;font-weight: 500;font-size: 25px;letter-spacing: -1.75px; min-width: 150px;text-align: right;}
.pro1109_05 .price02 em{color: #BE212A;font-weight: 800;font-size: 30px;letter-spacing: -1.75px; }
.pro1109_05 .product-info a{font-size: 16px;padding:10px 40px;border: 1px solid #BE212A;display:inline-block}
.pro1109_05 .product-info a:first-child{background-color: #fff;color:#BE212A}
.pro1109_05 .product-info a:last-child{background-color: #BE212A;color:#fff}
.pro1109_05 .noti{background-color:#000102;text-align: right;margin-top: 10px;color:#BE212A;font-size: 13px;}

@media (max-width: 1200px){
    .pro1109_05 li div:first-child{width: 370px;font-size: 26px;}
    .pro1109_05 li > div:last-child{padding: 30px 0px 30px 100px;}
}

@media (max-width: 1100px){
    .pro1109_05 li div:first-child{width: 300px;padding:20px;font-size: 24px;gap: 20px;}
    .pro1109_05 li div:first-child span{font-size: 18px;}
    .pro1109_05 li > div:last-child{padding-left: 80px;background-position:center left 20px;}
}

@media (max-width: 1023px){
   .pro1109_05 li{flex-direction: column;}
   .pro1109_05 li div:first-child{width:auto}
   .pro1109_05 li > div:last-child div{margin:0 20px 0 auto ;}
   .pro1109_05 .price01:after{right: unset;left:0}
}

@media (max-width: 719px){
   .pro1109_05{background-color: #12111F;padding:20px 0 60px}
   .pro1109_05 p{box-shadow: none;color:#FA0000}
   .pro1109_05 ul{align-items: center;}
   .pro1109_05 li{width: 420px;}
   .pro1109_05 li > div:last-child{padding:20px; display:grid;grid-template-columns: repeat(2, 1fr);background-position: top 10px left 10px;}
   .pro1109_05 li > div:last-child div{width:100%; margin: 0 auto; grid-column: span 2;display: flex;gap:6px}
   .pro1109_05 .product-info a{flex:1;text-align: center;}
   .pro1109_05 .price01,
   .pro1109_05 .price02{font-size: 20px;}
   .pro1109_05 .price02 em{font-size: 25px;}
   .pro1109_05 .price01:after{right:-16px;left:unset; width:80%}
}

.pro1109_06{background-color:#2C2C2C;padding:80px 0 }
.pro1109_06 .notice p{COLOR:#FFF;font-size: 25px;font-weight: 700;line-height: 36px; }
.pro1109_06 .notice span{COLOR:#FFF;font-size: 20px;font-weight:500;line-height: 30px; }

@media (max-width: 419px){
    .pro1109_05 li{width: 100%;}
    .pro1109_06 .notice p{font-size: 20px;line-height: 30px;}
    .pro1109_06 .notice span{font-size: 16px;line-height: 26px;}
}

.pro1109_wing{position: fixed;width:160px;top: 200px; right:10px;display: flex;flex-direction: column;gap:10px}

@media (max-width: 1200px){
    .pro1109_wing{display: none;}
}


/* 합격자 이벤트 11/15  pro0901 유용*/
.pro1115{position: relative;}
.pro1115_main{display: flex;flex-direction: column;}
.pro1115_main .mo{display: none;}
.pro1115 section.sub.pro0901_02{background-color: #280E07;padding:20px 0 25px}
.pro1115 section.sub.pro0901_02 a{background: url(../img/pages/promotion/1115/btn01.png) center/contain no-repeat;height: 128px;border: none;box-shadow:none}
.pro1115 section.sub.pro0901_02 a:last-child{background: url(../img/pages/promotion/1115/btn02.png) center/contain no-repeat}
.pro1115 section.sub.pro0901_02 a:after{content: none;}
.pro1115 section.sub.pro0901_02 a::before{animation:btnRight1115 .7s infinite Alternate;}
.pro1115 section.sub.pro0901_02 .mo{display: none;}
@keyframes btnRight1115 {
    from {
        top: 80px;
        right: -30px;
    }
    to {
        top: 55px;
        right: -10px;
    }
}
@media (max-width: 699px){
    .pro1115_main .pc{display: none;}
    .pro1115_main .mo{display: flex;}
    .pro1115 section.sub.pro0901_02 .pc{display: none;}
    .pro1115 section.sub.pro0901_02 .mo{display: flex;flex-direction: unset;gap:0;padding:0}
    .pro1115 section.sub.pro0901_02,
    .pro1115 section.sub.pro0901_02 a{padding:0}
    .pro1115 section.sub.pro0901_02 a{flex:1; height: 100%;display: flex;}
    .pro1115 section.sub.pro0901_02 a img{max-width: 100%;}
    .pro1115 section.sub.pro0901_02 a,
    .pro1115 section.sub.pro0901_02 a:last-child{background-image: none;}
    .pro1115 section.sub.pro0901_02 a::before{content: none;}
}

.pro0901_03.pro1115,
.pro0901_03.retry.pro1115{background-color: #fff2e4;}
.pro0901_03.retry.pro1115{padding-top: 0;}

.pro0901_03.pro1115 .eventArea,
.pro0901_03.retry.pro1115 .eventArea{background-image: none;margin-bottom: 20px;height: auto;}

.pro0901_03.pro1115 img.mo,
.pro0901_03.retry.pro1115 img.mo{display: none;}

.pro0901_03.pro1115 .eventArea dl{padding:0;background:none;position: relative;}
.pro0901_03.pro1115 .eventArea dl img{max-width: 100%;}
.pro0901_03.pro1115 .eventArea dl .positionNoti{position: absolute;bottom: 15%;left: 8%;height: 13%;width: 29%;}

.pro0901_footer.pro1115{word-break: auto-phrase;}
.pro0901_03.pro1115 .resultArea .tit em{color:#B0B0B0;font-size: 20px;font-weight: 600;padding-left: 20px;}

.pro0901_03.pro1115 .imgBox .img01{min-height: 200px;height: auto; max-width: 100%;background: url(../img/pages/promotion/1115/test01.png) center/contain no-repeat;}
.pro0901_03.pro1115 .imgBox .img01 img{max-width: 100%;}
.pro0901_03.pro1115 .imgBox button{background-color: #FF7200;font-weight: 500;}

.pro0901_03.pro1115 .resultArea .agree-form ul{padding: 10px 18px;}
.pro0901_03.pro1115 .resultArea .agree-form ul > li{padding:4px 10px }
.pro0901_03.pro1115 .resultArea .agree-form ul > li + li{padding-top: 10px;font-size: 14px;}
.pro0901_03.pro1115 .resultArea .agree-form ul > li:first-child{font-size: 14px;}
@media (max-width: 599px){
    .pro0901_03.pro1115,
    .pro0901_03.retry.pro1115{background-color: #fff;padding-bottom: 40px;}
    .pro0901_03.pro1115 img.pc,
    .pro0901_03.retry.pro1115 img.pc{display: none;}    
    .pro0901_03.pro1115 img.mo,
    .pro0901_03.retry.pro1115 img.mo{display: block;}
    .pro0901_03.pro1115 .resultArea > div > ul > li{padding:0}
    
    .pro0901_03.pro1115 .resultArea .tit em{font-size: 13px;font-weight: 500;padding-left: 0;}
    .pro0901_03.pro1115 .eventArea dl .positionNoti{bottom: 44%;left: 14%;height: 10%;width: 72%;}
    .pro0901_03.pro1115 .resultArea .agree-form p + ul{padding:10px}
}

.pro1115_bottom{background-color: #FFE9DA;padding:100px 0 80px}
.pro1115_bottom img{max-width: 100%;}
.pro1115_bottom section.sub > div{width: 1330px;}
.pro1115_bottom h3{font-size: 40px;font-weight: 700;letter-spacing: -1.6px;}
.pro1115_bottom p{color: #F14823;font-size: 62px;font-weight: 800;letter-spacing: -4.34px}
.pro1115_bottom ul{width: 1200px; margin: 30px auto 0;display: flex;justify-content: space-around;}
.pro1115_bottom li{width: 370px;}

.pro1115_bottom dl{display: flex;align-items: center;gap:40px; padding:35px; margin-top: 30px;background-color: #fff;border: 1px solid #EBF4FE;}
.pro1115_bottom dl a{color:#fff;font-size: 27px;font-weight: 700;letter-spacing: 0.81px;background-color: #1B0703;border-radius: 8px; display: block;text-align: center;padding: 20px 30px;}
.pro1115_bottom dd{flex: 1;}
.pro1115_bottom dd:first-child{font-size: 19px;flex: 1.2;}
 
.pro1115_bottom ul .mo{display: none;}

@media (max-width: 1329px){
    .pro1115_bottom section.sub > div{width: 100%;}
}
@media (max-width: 1200px){
    .pro1115_bottom ul{width: 100%;gap: 20px;}
}
@media (max-width: 900px){
    .pro1115_bottom h3{font-size: 32px;}
    .pro1115_bottom p{font-size: 48px;}
}
@media (max-width: 800px){
    .pro1115_bottom{background-color: #FFf;}
    .pro1115_bottom p{background: linear-gradient(90deg, #0445FE -10.12%, #00AEFF 110.2%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    .pro1115_bottom ul {flex-direction: column;align-items: center;}
    .pro1115_bottom ul .pc{display: none;}
    .pro1115_bottom ul .mo{display: unset;}
    .pro1115_bottom li{width: 100%;}
    .pro1115_bottom dl{padding:30px; background-color: #EDF9FF;flex-direction: column;align-items:unset}
    .pro1115_bottom dd:first-child{font-size: 18px;}
    .pro1115_bottom dd:nth-child(2){margin-left: auto;}
    .pro1115_bottom .addinfo_form.type02{margin-left: auto;}
    
}
@media (max-width: 670px){
    .pro1115_bottom h3 em{display: block;}
}
@media (max-width: 500px){
    .pro1115_bottom{padding: 40px 0;}
    .pro1115_bottom h3{font-size: 26px;}
    .pro1115_bottom p{font-size: 40px;}
    .pro1115_bottom h3,
    .pro1115_bottom p{text-align: center;word-break: keep-all;}
    .pro1115_bottom dl{gap:5px}
    .pro1115_bottom dd:first-child{font-size: 14px;}
}

.pro0901_03.pro1115 .addinfo_form.type02 li{justify-content:unset !important;padding:0 !important}
.pro0901_03 .reviewBox .addinfo_form.type02 li + li{border-top:none}

.pro1115_wing{position: fixed;width:160px;top: 200px; right:10px;display: flex;flex-direction: column;gap:10px}

@media (max-width: 1200px){
    .pro1115_wing{display: none;}
}

/* 교수 프로모션 페이지 11/16 */

.pro1116_main{position: relative;background-color: #000003;}
.pro1116_main img{max-width: 100%;}
.pro1116_main div{position: absolute;top: 100px;left:50%;transform:translateX(-50%);height: 780px;width: 100%;max-width: fit-content;}
.main-t01, .main-t02, .main-t03 {opacity: 0;}
.pro1116_main .mo{display: none;}
@media (max-width: 1439px){
    .pro1116_main div{top:50px}
}
@media (max-width: 780px){
    .pro1116_main .mo{display: flex;}
    .pro1116_main .pc,
    .pro1116_main div{display: none;}
}
.pro1116_01{position: relative;display:flex;}
.pro1116_01::after{content: '';position: absolute;left:0;right:0;top:0px;width: 100%;height: 50px;background: linear-gradient(180deg, #000003 0%, rgba(0, 0, 3, 0.00) 100%);}
.pro1116_01 div{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.pro1116_01 img{max-width: 100%;}
.pro1116_01 .mo{display:none}
@media (max-width: 1200px){
    .pro1116_01{height: 1000px;}
}
@media (max-width: 900px){
    .pro1116_01{height: auto;}
    .pro1116_01 .mo{display:unset; max-width: 100%;}
    .pro1116_01 .pc{display:none}
}
.pro1116_02{padding:100px 0; /*height: 1400px;*/ background: url(../img/pages/promotion/1116/proBg02.png) center/cover no-repeat;}

section.sub.pro1116_02 > div.wide{width: 1300px; display: flex;flex-direction: column;}
.swiperPro .swiper-slide {display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;object-fit: cover;}
.swiperProviwe {width: 100%;height: 66.666%;width: 1200px;}
.swiperProviwe .swiper-slide a{position: absolute;display: inline-block;}
.swiperProviwe .swiper-slide .home{top: 11%;right: 25%;width: 13%;height: 8%;}
.swiperProviwe .swiper-slide .play{top: 11%;right: 12%;width: 13%;height: 8%;}
.swiperProviwe .swiper-slide .mo{display: none;}
.swiperPro {width: 100%;height: 33.333%;box-sizing: border-box;padding: 30px 0 10px;}
.swiperPro .swiper-slide {width: 25%;height: auto;transition: bottom 1s}
.swiperPro .swiper-slide .color{display: none;}
.swiperPro .swiper-slide-thumb-active .gray{display: none;}
.swiperPro .swiper-slide-thumb-active .color{display: block;position: absolute;bottom:20px; filter: drop-shadow(0px 4px 10px rgba(255, 255, 255, 0.3));}
.swiperPro .swiper-slide .color.mo,
.swiperPro .swiper-slide .gray.mo{display: none;}

section.sub.pro1116_02 > div.tac .mo{display: none;}

@media (max-width: 1300px){
    section.sub.pro1116_02 > div.wide{width: 100%;}
}
@media (max-width: 1200px){
    section.sub.pro1116_02 > div,
    .swiperProviwe{width: 100%;}
}
@media (max-width: 980px){
    section.sub.pro1116_02 > div.tac .pc{display: none;}
    section.sub.pro1116_02 > div.tac .mo{display: unset;max-width: 100%;}
}

@media (max-width: 880px){
}
@media (max-width: 750px){
    .swiperProviwe .swiper-slide .pc{display: none;}
    .swiperProviwe .swiper-slide .mo{display: unset;}
    .swiperProviwe .swiper-slide .home{top: 33%;right: 33%;width: 27%;height: 5%;}
    .swiperProviwe .swiper-slide .play{top: 33%;right: 5%;width: 27%;height: 5%;}
    
}

@media (max-width: 588px){
    .pro1116_02{padding:50px 0;height: auto;}
    .swiperPro .swiper-slide .color.pc,
    .swiperPro .swiper-slide .gray.pc{display: none;}
    
    .swiperPro .swiper-slide .gray.mo{display:block;}
    .swiperPro .swiper-slide.swiper-slide-thumb-active .gray.mo{display: none;}
    .swiperPro .swiper-slide.swiper-slide-thumb-active .color.mo{display: block;}
}


.pro1116_03{position: relative;background: #070823;}
.pro1116_03 img{max-width: 100%;}
.pro1116_03 a{position: absolute;display: inline-block;color:#fff;width: 770px; bottom:28%; left:50%;transform:translateX(-50%)}
.pro1116_03 .btn-coupon > div{border-radius: 50px;display: flex;position: relative; background: linear-gradient(91deg, #330BFA -3.9%, #8806F1 49.96%, #DB02E8 102.71%);box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.50);}
.pro1116_03 .btn-coupon > div::before{content:'';position:absolute;width:60px;height:70px;display:block; background:url(../img/pages/promotion/0901/btn_finger.svg) center no-repeat;animation:btnRight1115 .7s infinite Alternate;}
.pro1116_03 a span{font-size: 25px;font-weight: 500;position: absolute;left:35px;top:50%;transform:translateY(-50%); padding: 8px 40px;border-radius: 40px;background-color: #000;line-height: 30px;}
.pro1116_03 .btn-coupon em{color: #CDCDCD;font-size: 21px;font-weight: 500}
.pro1116_03 .btn-coupon p{font-size: 40px;font-weight: 900;}
.pro1116_03 .btn-coupon > div div{text-align: left;padding:20px;padding-left: 35%; }
.pro1116_03 .btn-coupon.get > div,
.pro1116_03 .btn-coupon.off > div{justify-content: center;}
.pro1116_03 .btn-coupon.get > div div,
.pro1116_03 .btn-coupon.off > div div{padding-left: unset; }

.pro1116_03 .btn-coupon.off > div{background:#949494}
.pro1116_03 .btn-coupon.get > div::before,
.pro1116_03 .btn-coupon.off > div::before{content: none;}
.pro1116_03 .mo{display:none}

@media (max-width: 1560px){
.pro1116_03 a{width:56%}
}
@media (max-width: 1320px){
    .pro1116_03 a span{font-size: 20px;padding: 6px 30px;}
    .pro1116_03 .btn-coupon em{font-size: 18px;}
    .pro1116_03 .btn-coupon p{font-size: 32px;}
}
@media (max-width: 1060px){
    .pro1116_03 a{width:42%}
    .pro1116_03 .btn-coupon > div{justify-content: unset;}
    .pro1116_03 .btn-coupon > div::before{content:none}
    .pro1116_03 .btn-coupon em{font-size: 14px}
    .pro1116_03 .btn-coupon > div div{padding:10px;padding-left:33%;}
    .pro1116_03 a span{font-size: 15px;padding: 4px 20px;left: 15px;}
    .pro1116_03 .btn-coupon em{font-size: 18px;}
    .pro1116_03 .btn-coupon p{font-size: 26px;font-weight: 600;}
    .pro1116_03 .btn-coupon.get p,
    .pro1116_03 .btn-coupon.off p{font-size: 18px;}
    .pro1116_03 .btn-coupon.get > div,
    .pro1116_03 .btn-coupon.off > div{justify-content: center}
    .pro1116_03 .btn-coupon.get > div div,
    .pro1116_03 .btn-coupon.off > div div{padding-left: 10px;}   
}

@media (max-width: 884px){
    .pro1116_03 .pc{display:none}
    .pro1116_03 .mo{display:unset}
    .pro1116_03 a{width: 80%;bottom: 36%;}
    .pro1116_03 .btn-coupon.get p, .pro1116_03 .btn-coupon.off p{font-size: 26px;}
    .pro1116_03 .btn-coupon.get > div div, .pro1116_03 .btn-coupon.off > div div{padding:10px 20px}
    .pro1116_03 a span{font-size: 20px;}
}
@media (max-width: 554px){
    .pro1116_03 .btn-coupon > div div{padding-left: 43%;}
    .pro1116_03 a span{font-size: 16px;}
    .pro1116_03 .btn-coupon em{font-size: 14px;}
    .pro1116_03 .btn-coupon p{font-size: 16px;}
    .pro1116_03 .btn-coupon.get p,
    .pro1116_03 .btn-coupon.off p{font-size: 16px;}
}

.pro1116_04{padding:100px 0 130px;  background: url(../img/pages/promotion/1116/proBg04.png) center/cover no-repeat}
.pro1116_04 div{position: relative;}
.pro1116_04 div a{position: absolute;display: inline-block;}
.pro1116_04 div a:nth-child(3){left: 4%;bottom: 5%;width: 42%;height: 10%;}
.pro1116_04 div a:nth-child(4){right: 4%;bottom: 5%;width: 42%;height: 10%;}
.pro1116_04 .mo{display: none;}
.pro1116_wing{position: fixed;width:160px;top: 200px; right:10px;display: flex;flex-direction: column;gap:10px;z-index: 99;}
.pro1116_mo_banner{display: none;background: #070823;}
.pro1116_mo_banner a{display: block;text-align: center;color: #FFF;font-size: 16px;font-weight: 700; padding: 20px;}
.pro1116_mo_banner a em{color:#F00}
@media (max-width: 1200px){
    .pro1116_04 img{max-width:100%}
    .pro1116_wing{display: none;}
}

@media (max-width: 797px){
    .pro1116_04{padding:50px 0}
    .pro1116_04 .mo{display: unset;}
    .pro1116_04 .pc{display: none;}
    .pro1116_04 div a:nth-child(3){     width: 76%;
        left: 12%;
        right: unset;
        height: 5%;
        bottom: 48%;}
    .pro1116_04 div a:nth-child(4) {    width: 76%;
        left: 12%;
        right: unset;
        height: 5%;
        bottom: 4%;}
    .pro1116_mo_banner{display: block;position: fixed;bottom: 0;left: 0;right:0}
}

/* 조경필 티져 11/21 */
.pro1121_main{position: relative;}
.pro1121_main img{max-width: 100%;}
.pro1121_main .moving-fog{background: url(../img/pages/promotion/1121A/bgFog.png) center/cover no-repeat; position: absolute;top:10%;width: 242em;height: 143.75em;animation: fogLoop 45s linear infinite;}

@keyframes fogLoop {
    0%{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
    100%{transform: translate3d(-50%, 0, 0);-webkit-transform: translate3d(-50%, 0, 0);}
}
@media (max-width: 797px){
    .pro1121_main .moving-fog{width: 122em;height: 63.75em;}
}

.pro1121_main .main-text{position: absolute;bottom: 70px;width: 826px;left:50%;transform:translateX(-50%);text-align: center;}
.pro1121_main .main-text .blink{margin:10px 0 30px;display: flex;flex-direction: column;gap:30px;align-items: center;}
.pro1121_main .main-text .blink01,
.pro1121_main .main-text .blink02,
.pro1121_main .main-text .blink03{color:#fff; font-size: 42px;font-weight: 800;}
.pro1121_main .main-text .blink03{margin-bottom: 20px;}
.pro1121_main .main-text span{display: block;text-align: center;font-size: 24px;font-weight: 500;}
.pro1121_main .main-text img:last-child{margin-top:150px;max-width:fit-content}


@media (max-width: 1668px){
    .pro1121_main .main-text{bottom: 30px;}
    .pro1121_main .main-text img:last-child{margin-top: 50px;}
}
@media (max-width: 1432px){
    .pro1121_main .main-text{width: 660px;}
    .pro1121_main .main-text .blink{gap:20px}
    .pro1121_main .main-text .blink p{font-size: 28px;font-weight: 600;}
}
@media (max-width: 1198px){
    .pro1121_main .main-text{width: 440px;}
    .pro1121_main .main-text .blink{gap:12px}
    .pro1121_main .main-text .blink p{font-size: 24px;}
    .pro1121_main .main-text img:last-child{margin-top: 30px;}
}

.pro1121_01{padding:100px 0;background-color: #F2F2F2;}
section.sub.pro1121_01 > div{width: 800px;}
.pro1121_01 .registe{margin-top: 30px;}
.pro1121_01 .registe dt{font-size: 22px;margin-bottom: 20px;font-weight: 600;}
.pro1121_01 .registe dd{font-size: 16px;margin-bottom: 10px;font-weight: 500; word-break: keep-all;}
.pro1121_01 .registe dd p{font-size: 14px;color:#2B76CE;font-weight: 400;}
.pro1121_01 .registe dd button{color: #FFF;font-size: 15px;font-weight: 600;border-radius: 8px;background: #2B76CE;padding: 10px 30px;margin-top: 10px;}

.pro1121_01 .upload{display:flex;gap:40px;flex-direction: column;}
.pro1121_01 .upload .img-up{display:flex;border-radius: 10px;overflow: hidden;}
.pro1121_01 .upload input{border-top-left-radius:10px;border-bottom-left-radius:10px;flex: 1;padding:15px 20px;}
.pro1121_01 .upload .img-up button{color:#fff; flex: 200px 0;font-size: 18px;background: #AC8152;}

.pro1121_01 .upload .list ul{}
.pro1121_01 .upload .list li{display: flex;padding:10px;background-color: #fff;border: solid #E2E2E3;border-width: 0px 1px 1px;}
.pro1121_01 .upload .list li:first-child{color:#fff; border: 1px solid #3E3E3E;background: #353537;}
.pro1121_01 .upload .list li span{flex: 1;text-align: center;font-size: 15px;width: 80%;overflow: hidden;white-space: inherit;text-overflow: ellipsis;}
.pro1121_01 .upload .list li span:nth-child(1){flex: 80px 0;}
.pro1121_01 .upload .list li span:nth-child(4){flex: 130px 0;}
.pro1121_01 .upload .list li span:nth-child(4){flex: 130px 0;}

@media (max-width: 797px){
    section.sub.pro1121_01 > div{width: 100%;}
}

@media (max-width: 499px){
    .pro1121_01 .upload .list li{padding:5px 10px}
    .pro1121_01 .upload .list li span{font-size: 14px;}
    .pro1121_01 .upload .list li span:nth-child(1){flex: 40px 0;}
    .pro1121_01 .upload .list li span:nth-child(4){flex: 80px 0;}
    .pro1121_01 .upload .img-up button{flex: 120px 0;font-size: 14px;min-width: 120px;}
    .pro1121_01 .upload input{width: calc(100% - 150px);padding: 10px 15px;}
    .pro1121_01 .upload input::placeholder{font-size: 13px;}
}
.pro1121_main .mo{display: none;}
@media (max-width: 1012px){
    .pro1121_main .pc,
    .pro1121_01 .pc{display: none;}
    .pro1121_main .mo{display: unset;}
    .pro1121_01{padding: 20px 0 50px;background-color: #fff;}
}
.pro0901_footer.pro1121 section > div{justify-content: center;}
.pro0901_footer.pro1121 .eventTit{color:#E18F37}
.pro0901_footer.pro1121 section{background: #404859;}
.pro0901_footer.pro1121 p{color:#fff;line-height: 28px;}
.pro0901_footer.pro1121 p + p{margin-top:10px}
.pro0901_footer.pro1121 p a{color:#B0CAFF}

.pro1121_wing{position: fixed;width:160px;top: 200px; right:10px;display: flex;flex-direction: column;gap:10px;z-index: 99;}
.pro1121_mo_banner{display: none;background: linear-gradient(92deg, #37E9D3 30.84%, #00FE3F 47.87%);}
.pro1121_mo_banner a{display: block;text-align: center;color: #000;font-size: 22px;font-weight: 500; padding: 15px;}
.pro1121_mo_banner a em{font-weight: 700; }
@media (max-width: 1200px){
    .pro1121_wing img{max-width:100%}
    .pro1121_wing{display: none;}
    .pro1121_mo_banner{display:block;position: fixed;bottom: 0;left: 0;right: 0;}
    .pro1121_mo_banner span{display:inline-block;width: 40px;height: 20px;background: url(../img/pages/promotion/1121A/mo_banner-ico.svg) center no-repeat}
}


/* 학원패스 11-21 */
.campus1121_main{display: flex;position: relative;flex-direction: column;}
.campus1121_main div{color:#fff;font-size: 120px;font-weight: 800;text-align: center; position: absolute;bottom: 8%;left: 50%;transform: translateX(-50%) perspective(250px) rotateX(30deg);
    text-transform: uppercase;background-image: linear-gradient(90deg, #00b7ff 0%, #09ede1 30%, #ffffff  50%,#006eff 90%, #00b7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: hue 1.5s linear infinite;background-size:200%;}
.campus1121_main .mo{display: none;}

@media (max-width: 1699px){
    .campus1121_main div{font-size: 100px;}
}
@media (max-width: 1499px){
    .campus1121_main div{font-size: 80px;}
}
@media (max-width: 1299px){
    .campus1121_main div{font-size: 60px;}
}
@media (max-width: 944px){
    .campus1121_main .pc,
    .campus1121_main div{display: none;}
    .campus1121_main .mo{display: unset;}
}

/* 공통 */
.campusPass .t-box{padding:100px 0 35px;text-align: center;}
.campusPass .t-box p{font-size: 45px;font-weight: 800;}
.campusPass .t-box em{display: block;color:#2E82FF}
.campusPass .t-box span{font-size: 30px;font-weight: 500;}

.campus1121_01 img{max-width: 100%;}
.campus1121_01 .mo{display: none;}
@media (max-width: 894px){
    .campusPass .t-box{padding:80px 0 25px;}
    .campusPass .t-box p{font-size: 35px;}
    .campusPass .t-box span{font-size: 24px;}
    .campus1121_01 .pc{display: none;}
    .campus1121_01 .mo{display: unset;}
}
@media (max-width: 494px){
    .campusPass .t-box p{font-size: 25px;}
    .campusPass .t-box span{font-size: 18px;}
}

.campus1121_02{padding:90px 0; display: flex; flex-direction: column;align-items: center; background: #F4F4F4 url(../img/pages/promotion/1121B/bg_book.png) center bottom 12% /80% no-repeat}
.campus1121_02 img{max-width: 100%;}
.campus1121_02 .mo{display: none;}
@media (max-width: 894px){
    .campus1121_02 .pc{display: none;}
    .campus1121_02 .mo{display: unset;}
}
/* 학원패스 정규반 슬라이드 */
.campusPassSwiper{width: 1380px;}
.campusPassSwiper .swiper-wrapper div{height: 470px;}
.campusPassSwiper .swiper-slide:nth-child(1){background:  url(../img/pages/promotion/1121B/test_img02.png) center/contain no-repeat;}
.campusPassSwiper .swiper-slide:nth-child(2){background:  url(../img/pages/promotion/1121B/test_img03.png) center/contain no-repeat;}
.campusPassSwiper .swiper-slide:nth-child(3){background:  url(../img/pages/promotion/1121B/test_img04.png) center/contain no-repeat;}
.campusPassSwiper .swiper-slide:nth-child(4){background:  url(../img/pages/promotion/1121B/test_img05.png) center/contain no-repeat;}
.campusPassSwiper .swiper-slide:nth-child(5){background:  url(../img/pages/promotion/1121B/test_img06.png) center/contain no-repeat;}
.campusPassSwiper .swiper-slide:nth-child(6){background:  url(../img/pages/promotion/1121B/test_img07.png) center/contain no-repeat;}
.campusPassSwiper .swiper-slide:nth-child(7){background:  url(../img/pages/promotion/1121B/test_img08.png) center/contain no-repeat;}
.campusPassSwiper .swiper-button-next,
.campusPassSwiper .swiper-button-prev{width: 99px;height: 99px;background:  url(../img/pages/promotion/1121B/slide-btn01.png) center/contain no-repeat;}
.campusPassSwiper .swiper-button-prev{transform: rotateZ(180deg);}
.campusPassSwiper .swiper-button-next:after,
.campusPassSwiper .swiper-button-prev:after{content: none;}

@media (max-width: 1380px){
    .campusPassSwiper{width: 900px;}
}
@media (max-width: 1099px){
    .campusPassSwiper .swiper-wrapper{width:800px;}
}
@media (max-width: 849px){
    .campusPassSwiper{width: 100%;}
    .campusPassSwiper .swiper-wrapper{width:640px;}
    .campusPassSwiper .swiper-wrapper div{height: 400px;}
    .campusPassSwiper .swiper-slide:nth-child(1){background:  url(../img/pages/campus/test_img01_mo.png) center/contain no-repeat;}
    .campusPassSwiper .swiper-slide:nth-child(2){background:  url(../img/pages/campus/test_img02_mo.png) center/contain no-repeat;}
    .campusPassSwiper .swiper-slide:nth-child(3){background:  url(../img/pages/campus/test_img03_mo.png) center/contain no-repeat;}
    .campusPassSwiper .swiper-slide:nth-child(4){background:  url(../img/pages/campus/test_img04_mo.png) center/contain no-repeat;}
    .campusPassSwiper .swiper-slide:nth-child(5){background:  url(../img/pages/campus/test_img05_mo.png) center/contain no-repeat;}
    .campusPassSwiper .swiper-slide:nth-child(6){background:  url(../img/pages/campus/test_img06_mo.png) center/contain no-repeat;}
    .campusPassSwiper .swiper-slide:nth-child(7){background:  url(../img/pages/campus/test_img07_mo.png) center/contain no-repeat;}   
    .campusPassSwiper .swiper-button-next,
    .campusPassSwiper .swiper-button-prev{width: 60px;height: 60px;}
}
@media (max-width: 489px){
    .campusPassSwiper .swiper-button-next,
    .campusPassSwiper .swiper-button-prev{width: 40px;height: 40px;}
}
.campus1121_03 img,
.campus1121_04 img,
.campus1121_05 img{max-width: 100%;}
.campus1121_03 .mo,
.campus1121_04 .mo,
.campus1121_05 .mo{display: none;}
.campus1121_03{padding: 100px 0 150px;background-color: #DCEAFF;}
.campus1121_04{padding-bottom:100px;background-color: #151D3F;}
.campus1121_05{padding: 80px 0 100px;background-color: #22378D;}

@media (max-width: 849px){
    .campus1121_03{padding:40px 0}
    .campus1121_03 .pc{display: none;}
    .campus1121_03 .mo{display: unset;}
    section.sub.campus1121_03 > div{padding:0}
}
@media (max-width: 729px){
    .campus1121_04,
    .campus1121_05{padding: 0;}
    .campus1121_04 .pc,
    .campus1121_05 .pc{display: none;}
    .campus1121_04 .mo,
    .campus1121_05 .mo{display: unset;}
    section.sub.campus1121_04 > div,
    section.sub.campus1121_05 > div{padding:10px}
}


.campus1121_06{padding:90px 0; display: flex; flex-direction: column;align-items: center;gap:70px;}
.campus1121_06 img{max-width: 100%;}
.campus1121_06.campusPass .t-box{padding-top: 80px;}
.campus1121_06 .mo{display: none;}
/* 학원내부사진 슬라이드 */
.campusPhotoSwiper{width: 1380px;}
.campusPhotoSwiper .swiper-wrapper div{height: 470px;}
.campusPhotoSwiper .swiper-slide:nth-child(1){background:  url(../img/pages/promotion/1121B/campus01.png) center/contain no-repeat;}
.campusPhotoSwiper .swiper-slide:nth-child(2){background:  url(../img/pages/promotion/1121B/campus02.png) center/contain no-repeat;}
.campusPhotoSwiper .swiper-slide:nth-child(3){background:  url(../img/pages/promotion/1121B/campus03.png) center/contain no-repeat;}
.campusPhotoSwiper .swiper-slide:nth-child(4){background:  url(../img/pages/promotion/1121B/campus04.png) center/contain no-repeat;}
.campusPhotoSwiper .swiper-slide:nth-child(5){background:  url(../img/pages/promotion/1121B/campus05.png) center/contain no-repeat;}
.campusPhotoSwiper .swiper-slide:nth-child(6){background:  url(../img/pages/promotion/1121B/campus06.png) center/contain no-repeat;}
.campusPhotoSwiper .swiper-button-next,
.campusPhotoSwiper .swiper-button-prev{width: 99px;height: 99px;background:  url(../img/pages/promotion/1121B/slide-btn02.png) center/contain no-repeat;}
.campusPhotoSwiper .swiper-button-prev{transform: rotateZ(180deg);}
.campusPhotoSwiper .swiper-button-next:after,
.campusPhotoSwiper .swiper-button-prev:after{content: none;}


@media (max-width: 1380px){
    .campusPhotoSwiper{width: 900px;}
}
@media (max-width: 1099px){
    .campusPhotoSwiper ,
    .campusPhotoSwiper .swiper-wrapper{width:100%;}
}
@media (max-width: 849px){
    .campusPhotoSwiper{padding:0 20px}
    .campusPhotoSwiper .swiper-wrapper div{height: 400px;}
    .campus1121_06 .pc{display: none;}
    .campus1121_06 .mo{display: unset;}
}
@media (max-width: 699px){
    .campus1121_06{padding: 40px 0;gap:20px;}
    .campusPhotoSwiper .swiper-wrapper div{height: 320px;}
    .campus1121_06.campusPass .t-box{padding-top: 20px;}
    .campusPhotoSwiper .swiper-button-next, .campusPhotoSwiper .swiper-button-prev{width: 50px;height: 50px;}
}

.campus1121_07{padding: 100px 0 ;background-color: #1C1C53;position: relative;}
.campus1121_07 a.youtube{position: absolute;width: 1200px;bottom: 6%;display: block;height: 38%;transform: translateX(-50%);left: 50%;}

.campus1121_07 img,
.campus1121_08 img{max-width: 100%;}

.campus1121_08{padding: 120px 0;background: url(../img/pages/promotion/1121B/campusBg.png) center/cover no-repeat;}
.campus1121_08 > div{position: relative;}
.campus1121_08 a.product{position: absolute;width: 36%;left: 7%;height: 10%;bottom: 6%;display: block;}
.campus1121_08 a.product:last-child{left:unset; right:7%}
.campus1121_07 .mo,
.campus1121_08 .mo{display: none;}

@media (max-width: 1199px){
    .campus1121_07 a.youtube{width: 95%;transform: translateX(-50%);}
}
@media (max-width: 699px){
    .campus1121_07{padding: 40px 0 0}
    .campus1121_08{padding: 20px 0 40px}
    section.sub.campus1121_08 > div{padding:40px 20px 0px 20px;}
    .campus1121_07 .pc,
    .campus1121_08 .pc{display: none;}
    .campus1121_07 .mo,
    .campus1121_08 .mo{display: unset;}
    .campus1121_07 a.youtube{width: 93%;bottom: 2%;height: 16%;}
    .campus1121_08 a.product{width: 78%;top:44%;height: 6%;bottom: unset;left:50%;transform: translateX(-50%);}
    .campus1121_08 a.product:last-child{left:50%;bottom:20%;top:unset;bottom:3%}
}

.campus1121_wing{position: fixed;width:160px;top: 200px; right:10px;display: flex;flex-direction: column;gap:10px;z-index: 99;}
.campus1121_wing a{box-shadow: -9px 1px 10px 0px rgba(0, 0, 0, 0.15);border-radius: 10px;}
.campus1121_wing a:last-child{background-color: #1089f7;}
.campus1121_mo_banner{display: none;background:#000000}
.campus1121_mo_banner a{display: block;text-align: center;background: linear-gradient(180deg, #50A8FF 0%, #50DFFF 100%);text-transform: uppercase;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 18px;font-weight: 700; padding: 15px;}
.campus1121_mo_banner a em{background: linear-gradient(180deg, #fff 0%, #fff 100%);text-transform: uppercase;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent}
@media (max-width: 1200px){
    .campus1121_wing{display: none;}
    .campus1121_mo_banner{display:block;position: fixed;bottom: 0;left: 0;right: 0;z-index: 99;}
}

.pro0901_footer.campus1121{color:#fff}
.pro0901_footer.campus1121 section{background-color: #000;}

/* 조경필패스 11-28 */

.pro1128_top_link{display: flex;margin-bottom: -5px;}
.pro1128_top_link.mo{display: none;}
.pro1128_top_link a{flex:1}
.pro1128_top_link img{max-width: 100%;}

@media (max-width: 940px){
    .pro1128_top_link.pc{display: none;}
    .pro1128_top_link.mo{display: flex; flex-direction: column;}
    
}
.pro1128_top{display: flex;}
.pro1128-top-mo{display: none;}
@media (max-width: 560px){
    .pro1128-top-pc{display: none;}
.pro1128-top-mo{display: block;}
.pro1128_top{background-color: #000000; justify-content: center;height: 60px;}
}

.pro1128_main{position: relative;background-color: #00286e;overflow: hidden;}
.pro1128_main img{max-width: 100%;}
.pro1128_main .main-motion{position: absolute;top:0px;left: 50%;transform: translateX(-50%);width:1400px}
.pro1128_main .t-motion{display: flex;justify-content: space-between;top:-100px;}
.pro1128_main .t-motion img{opacity: 0;} 
.pro1128_main .t-motion span{flex:.5}

.pro1128_main .moti05,
.pro1128_main .moti06{position: absolute;bottom: -390px;opacity: 0;}
.pro1128_main .moti05{left: 20%;transform: translateX(-50%);animation: left1128 .3s 2s ease forwards;}
.pro1128_main .moti06{right: 25%;transform: translateX(50%);animation: left1128 .3s 2.3s ease forwards;}

@keyframes left1128 {
        0%{
    opacity: 0;    
    }
        100% {
    opacity: 1;    
    }
}
.pro1128_main .moti07{position: absolute;top:200px;opacity: 0;animation: pro1128 .5s 2.5s ease forwards;}
@keyframes pro1128 {
    0%{
        top:200px}
    100% {
        top:150px;
        opacity: 1}
}

@media (max-width: 1500px){
    .pro1128_main .main-motion{width: 1200px;}
    .pro1128_main .moti07{}
    @keyframes pro1128 {
        0%{
            top:180px}
        100% {
            top:120px;
            opacity: 1}
    }
    .pro1128_main .t-motion img{
        max-width: 15%;
    }
    .pro1128_main .moti05,
    .pro1128_main .moti06{width: 250px;bottom: -340px;}
}

.pro1128_main.mo{display: none;}

@media (max-width: 1240px){
    .pro1128_main .main-motion {width: 1000px;}
        @keyframes pro1128 {
            0%{
                top:160px}
            100% {
                top:100px;
                opacity: 1}
        }
    .pro1128_main .moti05,
    .pro1128_main .moti06{width: 220px;bottom: -280px;}
}
@media (max-width: 1040px){
    .pro1128_main.pc{display: none;}
    .pro1128_main.mo{display: flex;}
}

.pro1128_01{background: linear-gradient(90deg, #111 0.89%, #18181A 97.47%);padding-top:90px}
.pro1128_01 > div{width: 1400px;display: flex;margin:0 auto;flex-direction: row;justify-content: center; align-items: center;}
.pro1128_01 .tit{animation: pro1128Text 3.5s ease-in-out infinite;}

@keyframes pro1128Text {
    0%,100%{
        opacity: 0}
    50% {
        opacity: 1}
}

@media (max-width: 1340px){
    .pro1128_01 > div{
        width: 100%;
    }
    .pro1128_01 img{max-width: 100%;}
    .pro1128_01 .tit{display: none;}
}
.pro1128_01 .mo{display: none;}

@media (max-width: 620px){
    .pro1128_01 .pc{display: none;}
    .pro1128_01 .mo{display: block;}
}

.pro1128_02{background:#E9DDCB;padding:70px 0 100px}
.pro1128_02 > div{display: flex;flex-direction: column;gap:16px;}

.pro1128_02 .swiperDay-area{padding:10px 110px; display: flex;justify-content: space-between;border-radius: 8px;background: linear-gradient(94deg, #4770FF 7.94%, #3C35F8 93.4%);}
.pro1128_02 .swiper-wrapper{max-width: 350px;max-height: 220px;}
.pro1128_02 .swiperDay {overflow: hidden;position: relative;}
.pro1128_02 .swiper-pagination-bullet{background-color: #D9D9D9;}
.pro1128_02 .swiper-pagination-bullet-active{background-color: #111;}

@media (max-width: 998px){
    .pro1128_02 .swiperDay-area{padding:10px}
}
.pro1128_02 .mo{display: none;}
@media (max-width: 788px){
    .pro1128_02 .pc{display: none;}
    .pro1128_02 .mo{display: block;}
    .pro1128_02 .swiperDay-area{flex-direction: column;align-items: center;padding:10px 10px 20px}
}
@media (max-width: 420px){
    .pro1128_02 .swiperDay-area div:first-child img{max-width: 100%;}
    .pro1128_02 .swiper-wrapper{max-width: 310px;max-height: 200px;}
}

.pro1128_03{padding:70px 0 110px;background: url(../img/pages/promotion/1128/main03.png) center/cover no-repeat;}
.pro1128_03 img{max-width: 100%;}
.pro1128_03 div{position: relative;}
.pro1128_03 a:nth-child(3){position: absolute; width: 42%;height: 10%;left: 4%;top: 40%;}
.pro1128_03 a:nth-child(4){position: absolute; width: 42%;height: 10%;right: 4%;top: 40%;}
section.sub.pro1128_03 > div{width: 1100px;}

@media (max-width: 1200px){
    section.sub.pro1128_03 > div{width: 100%;}
}
.pro1128_03 .mo{display: none;}
@media (max-width: 748px){
    .pro1128_03{padding:60px 0}
    .pro1128_03 .pc{display: none;}
    .pro1128_03 .mo{display: block;}
    .pro1128_03 a{top: unset;}
    .pro1128_03 a:nth-child(3){position: absolute; width: 90%;top: 35%;right: 4%;left: 4%;height: 4%;}
    .pro1128_03 a:nth-child(4){position: absolute; width: 90%;top: 77%;right: 4%;left: 4%;height: 4%;}
}

.pro1128_04{padding:110px 0 70px;background-color: #F8F8F8;}
.pro1128_04 .notice{color:#4E4E4E}
.pro1128_04 .notice p{font-size: 25px;font-weight: 700;letter-spacing: -1px;margin-bottom: 20px;}
.pro1128_04 .notice span{font-size: 18px;font-weight: 500;line-height: 25px;}
.pro1128_04 .class-list-area{background-color: #fff;margin-bottom: 30px;}
.pro1128_04 .class-list-area ul,
.pro1128_04 .class-list-area li{border:none;}

@media (max-width: 748px){
    .pro1128_04{padding:40px 0 ;}
    .pro1128_04 .notice p{font-size: 18px;}
    .pro1128_04 .notice span{font-size: 14px;line-height: 20px}
}

.pro1128_05{padding-top: 50px;background-color: #0a3382;}
.pro1128_06 div{position: relative;}
.pro1128_06 a{position: absolute;display: block;width: 10%;height: 10%;top: 41%;left: 45%;}
.pro1128_05 img,
.pro1128_06 img,
.pro1128_07 img{max-width: 100%;} 
.pro1128_07{background-color: #191919;}
.pro1128_05 .mo,
.pro1128_06 .mo,
.pro1128_07 .mo{display: none;}
@media (max-width: 848px){
    .pro1128_05 .pc,
    .pro1128_06 .pc,
    .pro1128_07 .pc{display: none;}
    .pro1128_05 .mo,
    .pro1128_06 .mo,
    .pro1128_07 .mo{display: block;}
    .pro1128_07{background-color: #F3F3F3;padding-top: 50px;}
    .pro1128_06 a{    width: 15%;height: 5%;top: 27%;left: 48%;}
}


.pro1128_08{padding-top: 90px; background-color: #191919;}
.pro1128_08 ul{display: flex;position: relative;justify-content: space-between;}
.pro1128_08 ul::after{content: '';position: absolute;width: 720px;height: 500px;background: url(../img/pages/promotion/1128/main08_ico.png) center/cover no-repeat;bottom: 0;left: 0;}
.pro1128_08 li:last-child{}
.pro1128_08 li:last-child span{display: block;text-align: right;color:#818181;font-size: 20px;font-weight: 300;margin-bottom: 10px;}
.pro1128_08 p{color: #A8A8A8;font-size: 45px;font-weight: 300;margin-bottom: 30px;}
.pro1128_08 h3{color: #FFF;font-size: 45px;font-weight: 900;line-height: 50px;letter-spacing: -1.35px;}
.pro1128_08 h3 em{color: #C29653;}
.pro1128_08 .letter-box{position: relative;display:flex;flex-direction: column;  z-index: 9; height: 600px; border-top-left-radius: 8px;border-top-right-radius: 8px;border: solid #AD864C;border-width: 1px 1px 0; opacity: 0.8;background: #0B0B0B;overflow: hidden;}

.pro1128_08 + .bottom-pay-area{width:1200px;left:50%;right: 10px;margin-left:-600px}
.pro1128_wing{position: fixed;width:160px;top: 200px; right:10px;display: flex;flex-direction: column;gap:10px;z-index: 99;}

@media (max-width: 1200px){
    .pro1128_08 ul {flex-direction: column;}
    .pro1128_08 ul::after{bottom: unset;left:unset;right: 0;top: 0px;width: 500px;height: 320px;}
    .pro1128_08 + .bottom-pay-area{width:calc(100% - 20px);left:10px;margin-left: 0;}
    .pro1128_wing{display: none;}
}

@media (max-width: 830px){
    .pro1128_08 ul::after{width: 400px;height: 260px;top: 25px;right: -40px;transform: rotateY(180deg);}
}
@media (max-width: 600px){
    .pro1128_08 p{font-size: 35px;}
    .pro1128_08 h3{font-size: 35px;line-height: 38px;}
    .pro1128_08 ul::after{width: 300px;height: 200px;z-index: 1;}
    .pro1128_08 li:first-child{z-index: 5;}
    .pro1128_08 .letter-box{height: 400px;}
}
.letter-box .mo{display: none;}
@media (max-width: 480px){
    .pro1128_08{padding-top: 40px;}
    .pro1128_08 p{font-size: 28px;}
    .pro1128_08 h3{font-size: 28px;line-height: 32px;}
    .pro1128_08 ul::after{top: -8px;}
    .letter-box .pc{display: none;}
    .letter-box .mo{display: block;}
}

/* 엔랩 사용 설명서 */
.lab-info-main{overflow: hidden;width: 100%;margin-bottom: -5px;}
.lab-info-main-tab{background-color: #173C63;padding-top:20px}
.lab-info-main-tab li:first-child{background: url(../img/pages/promotion/1208/main-tab01.png) center right/contain no-repeat;}
.lab-info-main-tab li:last-child{background: url(../img/pages/promotion/1208/main-tab02.png) center left/contain no-repeat;}
.lab-info-main-tab li.on:first-child{background: url(../img/pages/promotion/1208/main-tab01_on.png) center right/contain no-repeat}
.lab-info-main-tab li.on:last-child{background: url(../img/pages/promotion/1208/main-tab02_on.png) center left/contain no-repeat}

.lab-info-main-tab + .maintab-area > .on{display: block;}
.lab-info-main-tab + .maintab-area > div{display: none;}
.maintab-area{padding-bottom: 180px;}

.lab-info-main-tab ul{display: flex;gap:10px;justify-content: center;align-items: flex-end;}
.lab-info-main-tab li{height: 189px;flex:1;width:550px}
.lab-info01{}
.lab-info01 .tab-ul01,
.lab-info01 .tab-div01{padding-top: 50px;}
.lab-info01 .tab-ul01,
.lab-info01 .tab-ul01_sub{display: flex;gap:15px}
.lab-info01 .tab-ul01 li{width: 288px;height: 100px;}
.lab-info01 .tab-ul01 li,
.lab-info01 .tab-ul01_sub li{flex:1;}
.lab-info01 .tab-div01,
.lab-info01 .tab-div01_sub{display: flex;}
.lab-info01 .tab-div01 > div,
.lab-info01 .tab-div01_sub > div{flex:1;display:none}
.lab-info01 .tab-div01 > div.on,
.lab-info01 .tab-div01_sub > div.on{display: block;}

.tab-ul01 li:nth-child(1){background: url(../img/pages/promotion/1208/btn01.png) center/contain  no-repeat;}
.tab-ul01 li.on:nth-child(1){background: url(../img/pages/promotion/1208/btn01_on.png) center/contain  no-repeat;}
.tab-ul01 li:nth-child(2){background: url(../img/pages/promotion/1208/btn02.png) center/contain  no-repeat;}
.tab-ul01 li.on:nth-child(2){background: url(../img/pages/promotion/1208/btn02_on.png) center/contain  no-repeat;}
.tab-ul01 li:nth-child(3){background: url(../img/pages/promotion/1208/btn03.png) center/contain  no-repeat;}
.tab-ul01 li.on:nth-child(3){background: url(../img/pages/promotion/1208/btn03_on.png) center/contain  no-repeat;}
.tab-ul01 li:nth-child(4){background: url(../img/pages/promotion/1208/btn04.png) center/contain  no-repeat;}
.tab-ul01 li.on:nth-child(4){background: url(../img/pages/promotion/1208/btn04_on.png) center/contain  no-repeat;}

.tab-ul01.campus li:nth-child(2){background: url(../img/pages/promotion/1208/btn06.png) center/contain  no-repeat;}
.tab-ul01.campus li.on:nth-child(2){background: url(../img/pages/promotion/1208/btn06_on.png) center/contain  no-repeat;}
.tab-ul01.campus li:nth-child(4){background: url(../img/pages/promotion/1208/btn05.png) center/contain  no-repeat;}
.tab-ul01.campus li.on:nth-child(4){background: url(../img/pages/promotion/1208/btn05_on.png) center/contain  no-repeat;}

.slide-section1208{border: 1px solid #111;position: relative;height: auto;margin-top: 100px;padding:100px 100px 50px}
.slide-section1208 > span{position: absolute;padding:0 20px;background-color: #fff;top:-80px;left:50%;transform: translateX(-50%)}
.slide-section1208 .swiper{width: 1000px;padding-bottom: 50px;}
.slide-section1208 .swiper-pagination{bottom:0px;display: flex;justify-content: center;}
.slide-section1208 .swiper-pagination-bullet{color:#000;padding: 12px;display: flex;justify-content: center;align-items: center;background-color: #fff;opacity: 1;}
.slide-section1208 .swiper-pagination-bullet-active{color:#fff;background-color: #0055F9;}
.slide-section1208 .swiper-button-next,
.slide-section1208 .swiper-button-prev{width:55px;height: 55px; background-color:rgb(17 17 17 / 35%);color: #fff;}
.slide-section1208 .swiper-button-next:after,
.slide-section1208 .swiper-rtl .swiper-button-prev:after,
.slide-section1208 .swiper-button-prev:after, 
.slide-section1208 .swiper-rtl .swiper-button-next:after{font-size: 28px;}

.slide-section1208.no-subTit{padding:80px 100px 50px}
.slide-section1208.no-subTit > span{top:-40px;}

.section1208{border:1px solid #aaa}
.section1208 img{max-width: 100%;}

.tab-div01-campus .tab04{position: relative;}
.on-tab03 a,
.on-tab04 a,
.camtab04 a{position: absolute;}


/* 인강-합습법 슬라이드 링크 */
.on02-btn{width: 20%;height: 50px;right: 52px;bottom: 30px;position: absolute;}

/* 인강-합격전략 버튼 위치 */
.on-tab03 .online03-btn01{width: 20%;height: 50px;bottom: 84px;left: 136px;}
.on-tab03 .online03-btn02{width: 20%;height: 50px;bottom: 84px;left: 485px;}
.on-tab03 .online03-btn03{width: 20%;height: 50px;bottom: 84px;right: 134px;}

/* 인강-패스선택 버튼 위치 */
.on-tab04 .online04-btn01{right: 135px;width: 16%;height: 50px;top: 152px;}
.on-tab04 .online04-btn02{right: 363px;width: 20%;height: 50px;bottom: 247px;}
.on-tab04 .online04-btn03{right: 120px;width: 20%;height: 50px;bottom: 247px;}
.on-tab04 .online04-btn04{right: 363px;width: 20%;height: 50px;bottom: 70px;}
.on-tab04 .online04-btn05{right: 120px;width: 20%;height: 50px;bottom: 70px;}

/* 학원-강의선택 버튼 위치 */
.camtab04 .cam04-btn01{top: 76px;right: 80px;width: 18%;height: 54px;}
.camtab04 .cam04-btn02{right: 76px;width: 18%;height: 54px;bottom: 376px;}

/* 캠퍼스 띠배너 */
.banner1208{position: fixed;height:100px;background-color: #102572; bottom:0;left: 0;right: 0;z-index: 9;display: flex;align-items: center;justify-content: center;}
.banner1208 div{position: relative;}
.banner1208 div:after {content:'학원 상담 예약하러 가기 >>';color:#fff;position: absolute;top: 30px; right: -180px;}

/* 쌍기사 */
.pro1228_main img,
.pro1228_01 img,
.pro1228_03 img,
.pro1228_04 .maintab-area img{max-width: 100%;}

.pro1228_main .mo,
.pro1228_01 .mo,
.pro1228_03 .mo,
.pro1228_04 .tab_mo{display: none;}

.pro1228_main{background-color: #000000;padding:24px 0 70px}

@media (max-width: 680px){
    .pro1228_main{padding:0}
    .pro1228_main .pc{display: none;}
    .pro1228_main .mo{display: unset;}
    section.sub.pro1228_main > div{padding:0}
}

.pro1228_01{padding:100px 0}
.pro1228_01 > div{position:relative}
.pro1228_01 > div + div{margin-top:90px}
.pro1228_01 a{position: absolute;width: 28%;bottom:1%;height: 4%;}
.pro1228_01 a.btn01{left:12%;}
.pro1228_01 a.btn02{left:42%;}
.pro1228_01 a.btn03{left:71%;}

.pro1228_01 .class-list-area ul {border-top: none;margin-top:50px}

@media (max-width: 880px){
    .pro1228_01{padding:0;}
    .pro1228_01 .pc{display: none;}
    .pro1228_01 .mo{display: unset;}
    section.sub.pro1228_01 > div{padding:0}
    .pro1228_01 a{position: absolute;width: 80%;height: 1.8%}
    .pro1228_01 a.btn01{left:10%;bottom: 30.5%;}
    .pro1228_01 a.btn02{left:10%;bottom: 15.2%;}
    .pro1228_01 a.btn03{left:10%;bottom:1.2%;}
}

.pro1228_02{color:#4E4E4E;background-color: #eee;padding:40px 0}
.pro1228_02 p{font-size: 25px;font-weight: 700;margin-bottom: 20px;}
.pro1228_02 span{font-size: 16px;font-weight: 500;}

@media (max-width: 580px){
    .pro1228_02 p{font-size: 20px;font-weight: 600}
    .pro1228_02 span{font-size: 14px;}
}

.pro1228_03 {background-color: #161E28;}

@media (max-width: 780px){
    .pro1228_03 .pc{display: none;}
    .pro1228_03 .mo{display: unset;}
}

section.sub.pro1228_04 > div{width: 1400px;}
.pro1228_04{background: #F3E4FF url(../img/pages/promotion/1228/bg03.png) center/cover no-repeat;padding:100px 0}
.pro1228_04 > div:nth-child(2){margin: 60px auto 20px;}
.pro1228_04 ul{display: flex;gap:1px}
.pro1228_04 li{color:#fff;font-size: 25px;font-weight: 700;letter-spacing: -0.75px;line-height: 32px;cursor: pointer; flex:1;padding:20px 0; text-align: center;background-color: #8E40CD;}
.pro1228_04 li.on{background-color: #202020}
.pro1228_04 li em{font-size: 24px;font-weight: 400}
.pro1228_04 .maintab-area{padding:0}
.pro1228_04 .maintab-area > div{display: none;}
.pro1228_04 .maintab-area > div.on{display: block;}

.pro1228_04 .prootab04{text-align: center;background-color: #fff;padding:58px 40px 40px;margin:30px 16px;box-shadow:0px 0px 18px -7px #1e1c1c}
.pro1228_04 .prootab04 > div{position: relative; margin-top: 40px;}
.pro1228_04 .prootab04 .tabSwiper{position: absolute;top: 50px;left: 0;right: 0;bottom: 50px;width: 655px;}
.pro1228_04 .prootab04 .swiper-button-next:after,
.pro1228_04 .prootab04 .swiper-button-prev:after{content: none;}
.pro1228_04 .prootab04 .swiper-button-next,
.pro1228_04 .prootab04 .swiper-button-prev{width:32px; background:url(../img/pages/promotion/1228/btn_slide.png) center/cover no-repeat}
.pro1228_04 .prootab04 .swiper-button-prev{transform: rotateZ(180deg);}
.pro1228_04 .swiper-button-next, 
.pro1228_04 .swiper-rtl .swiper-button-prev{right: 0;}
.pro1228_04 .swiper-button-prev, 
.pro1228_04 .swiper-rtl .swiper-button-next{left: 0;}

.pro1228_04 .maintab-area > div{position: relative;}
.pro1228_04 .maintab-area > div > a{position: absolute;}
.pro1228_04 .maintab-area .btn_tab01{height: 8%;width: 15%;top: 20%;right: 8%;}
.pro1228_04 .maintab-area .btn_tab02{height: 8%;width: 15%;top: 23%;right: 9%;}
.pro1228_04 .maintab-area .btn_tab04{height: 8%;width: 17%;top: 15%;right: 7%;}
.pro1228_04 .maintab-area .btn_tab05{height: 8%;width: 17%;top: 29%;right: 9%;}
.pro1228_04 .maintab-area .btn_tab06{height: 8%;width: 17%;top: 28%;right: 9%;}


.pro1228_04 + .bottom-pay-area{width:1200px;left:50%;right: 10px;margin-left:-600px}


@media (max-width: 1400px){
    section.sub.pro1228_04 > div{width: 100%;}
    .pro1228_04 li{font-size: 21px;font-weight: 600;line-height: 28px;}
}
@media (max-width: 1080px){
    .pro1228_04 ul{flex-wrap: wrap;}
    .pro1228_04 li{flex:25%}
}

@media (max-width: 870px){
    .pro1228_04 .tab_pc{display: none;}
    .pro1228_04 .tab_mo{display: unset;max-width: 100%;}
    .pro1228_04 > div:nth-child(2){margin:0}
    section.sub.pro1228_04 > div:nth-child(2){padding: 0;margin-top: 10%;}
    .pro1228_04 .prootab03{background-color: #fff;padding-top:12%}
    .pro1228_04 .prootab04 > div{padding-top:55%;}
    .pro1228_04 .prootab04 .tabSwiper{top:0;bottom:0; width: 100%;}
    .pro1228_04 .maintab-area .btn_tab01{height: 8%;width: 52%;top: 30%;right: 24%;}
    .pro1228_04 .maintab-area .btn_tab02{height: 8%;width: 53%;top: 35%;right: 22%;}
    .pro1228_04 .maintab-area .btn_tab04{height: 8%;width: 52%;top: 41%;right: 24%;}
    .pro1228_04 .maintab-area .btn_tab05{height: 8%;width: 53%;top: 34%;right: 23%;}
    .pro1228_04 .maintab-area .btn_tab06{height: 7%;width: 53%;top: 21%;right: 23%;}

}
@media (max-width: 670px){
    .pro1228_04 li,
    .pro1228_04 li em{font-size: 16px; line-height: 20px;}
}
@media (max-width: 570px){
    .pro1228_04 .prootab04{padding: 20px;}
    .pro1228_04 li{flex:33.333%;padding:10px 0}
    
}
@media (max-width: 1200px){
    
    .pro1228_04 + .bottom-pay-area{width:calc(100% - 20px);left:10px;margin-left: 0;}
}

.pro1228_wing{position: fixed;width:160px;top: 200px; right:10px;display: flex;flex-direction: column;gap:10px;z-index: 49;}
@media (max-width: 1200px){
    .pro1228_wing{display: none;}
}

/* 나의 수강목록 상단 */
.container-mystudy-bottom.new-box{gap:50px}
.container-mystudy-bottom.new-box > div{flex:1}
.container-mystudy-bottom.new-box .title{margin-bottom: 20px;display:block}
.container-mystudy-bottom.new-box li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: break-word}
.container-mystudy-bottom.new-box li + li{margin-top:6px}
.container-mystudy-bottom.new-box li p{font-size: 18px;font-weight: 600;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: break-word;margin-bottom: 8px;}

@media (max-width: 1200px){
    .container-mystudy-bottom.new-box{gap:20px;flex-direction: column;}
}

.bottom-pay-area.pro{width:1200px;left:50%;right: 10px;margin-left:-600px}


/* 빈출특강 24/1/15 */

.pro240115_main{background-color: #f4f3f9;position: relative;}
.pro240115_main a{position: absolute; width: 16%;height: 3%;display: block;right: 38%;bottom: 16.5%;}
.pro240115_main a:nth-child(2){right: 18.5%;}
.pro240115_main a:after{content: '';position: absolute;right: 5%; width: 20%;height: 120%;display: block;background:url(../img/pages/promotion/24_0115/point.png) center/contain no-repeat;animation:blink .5s infinite Alternate;}
.pro240115_main em{position: absolute;bottom: 44%;}
.pro240115_01{background-color: #f4f3f9;padding: 50px 0;}
.pro240115_01 > div{background-color: #fff;}
.pro240115_01 .noti{margin-top: 30px;padding:20px;border: 1px solid #ccc;}
.pro240115_01 .noti p{font-size: 24px;font-weight: 600;margin-bottom: 20px;}
.pro240115_01 .noti span{font-size: 18px;line-height: 24px;}

.pro240115_02{position: relative;background: #101142;}
.pro240115_02 em{position: absolute;bottom: 28%;}
.pro240115_02.pc a{position: absolute;bottom: 45.3%;left: 36%;width: 8%;height: 1%;}
.pro240115_main.mo,
.pro240115_02.mo,
.pro240115_top_link{display: none;}

@media (max-width: 1200px){
    .pro240115_01 .class-list-area li,
    .pro240115_01 .class-list-area ul{border:none}
    .pro240115_01{padding:30px 20px}
    .pro240115_01 .noti p{font-size: 18px;}
    .pro240115_01 .noti span{font-size: 14px;line-height: 18px;}
}

@media (max-width: 960px){
    .pro240115_main.pc,
    .pro240115_02.pc{display: none;}
    .pro240115_main.mo,
    .pro240115_02.mo{display: block;}
    .pro240115_main a{right: 10%;bottom: 17.5%;width: 80%;height: 12%;}
    .pro240115_main a:nth-child(2){bottom: 4%;right: 10%;}
    .pro240115_main a:after{width: 19%;height: 26%;right:-5%; margin-top: 29%;}
    .pro240115_main em{bottom: 47%;}
    .pro240115_top_link{font-size: 4.5vw; color:#fff;text-align: center;padding:10px 0;display: block;background-color:#2196F3;}
    .pro240115_02{background-color: #f4f3f9;padding-top: 60px;}
    .pro240115_02 .slide{margin:30px 20px 50px; background-color: #fff;}
    .pro240115_02 .slide > div{padding:10px}
    .pro240115_02 .onSwiper{padding-bottom:30px}
    .pro240115_02 .swiper-pagination-bullet{background-color: transparent;}
    .pro240115_02 .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 0;}
    .pro240115_02 .swiper-button-prev:after, 
    .pro240115_02 .swiper-button-next:after{color: #111;font-size:28px;}
    .pro240115_02 .on02{position: absolute;width: 20%;height: 14%;right: 22%;bottom: 54%;}
    .pro240115_02 section:first-child a{position: absolute;top: 24.8%;left: 39%;width: 18%;height: 1.2%;}

}

/* 교재1200제 상세 - 모바일  */

.book1200 .mo{display:none}
.letter-book{margin-top:10px; height: 50vh;overflow: hidden;text-align: center;}
.book-swiper{margin-top: 30px;width: 100%;}
@media (max-width: 760px){
    .book1200 .pc{display:none}
    .book1200 .mo{display:flex;flex-direction: column;}
}
@media (max-width: 560px){
    .letter-book{height: 40vh;}
}
@media (max-width: 390px){
    .letter-book{height: 30vh;}
}

/* 원서접수 24/1/22 */
.pro240122_main,
.pro240122_01{position: relative;}
.pro240122_main a,
.pro240122_01 a{position: absolute;}
.pro240122_main .mo,
.pro240122_01 .mo,
.pro240122_03 .mo,
.pro240122_bottom .mo{display: none;}
.pro240122_02{background-color: #4701A0;padding:150px 0}
.pro240122_02 > div:first-child{text-align: center;}
.pro240122_main .link01{left: 0;right: 0;height: 11%;bottom: 0;}

.pro240122_01 .link01,
.pro240122_01 .link02,
.pro240122_01 .link03,
.pro240122_01 .link04,
.pro240122_01 .link05{display: none;}
.pro240122_01 #youtubeLink01{left: 60%;right: 0;height: 6%;bottom: 0;width:30%}
.pro240122_02 .Goods{margin-top: 30px;}
.pro240122_02 .Goods > div{margin-bottom: 30px}
.pro240122_02 .Goods > p{color:#fff; font-size: 14px;text-align: left;}
.pro240122_02 .class-list-area{background-color: #fff;}
.pro240122_03{font-size: 0;}
.bottom-pay-area.fix{position: static;width: 100%;border-radius: 0;}

.pro240122_bottom{position: fixed;bottom:0px;z-index: 29;font-size: 0;}

@media (max-width: 760px){
    .pro240122_main .pc,
    .pro240122_01 .pc,
    .pro240122_02.pc,
    .pro240122_03 .pc,
    .pro240122_bottom .pc{display: none;}

    .pro240122_main .mo,
    .pro240122_01 .mo,
    .pro240122_03 .mo,
    .pro240122_bottom .mo{display: block;}

    .pro240122_01 .link01,
    .pro240122_01 .link02,
    .pro240122_01 .link03,
    .pro240122_01 .link04,
    .pro240122_01 .link05{display: block;}

    .pro240122_01 .link01{width: 80%;top: 8%;left: 10%;right: 10%;height: 4%;}
    .pro240122_01 .link02{width: 80%;top: 12.5%;left: 10%;right: 10%;height: 4%;}
    .pro240122_01 .link03{width: 80%;top: 17%;left: 10%;right: 10%;height: 4%;}
    .pro240122_01 .link04{width: 80%;top: 21%;left: 10%;right: 10%;height: 4%;}
    .pro240122_01 .link05{width: 80%;top: 25.5%;left: 10%;right: 10%;height: 4%;}

}

/* 실기패스 24/1/29 */
.pro240129_main,
.pro240129_01,
.pro240129_02,
.pro240129_03,
.pro240129_04,
.pro240129_05,
.pro240129_06,
.pro240129_07{font-size: 0;position: relative;}
.pro240129_main .mo,
.pro240129_01 .mo,
.pro240129_02 .mo,
.pro240129_03 .mo,
.pro240129_04 .mo,
.pro240129_05 .mo,
.pro240129_06 .mo,
.pro240129_07 .mo,
.pro240129_bottom
{display: none;}

.pro240129_02,
.pro240129_04,
.pro240129_05{padding-bottom: 100px;}

.pro240129_02 a{position: absolute;width: 20%;height: 12%;bottom: 47%;right: 18%;}
.pro240129_05 a{position: absolute;width: 22%;height: 12%;bottom: 8%;left:50%;transform: translateX(-50%)}
.pro240129_07 a{position: absolute;width: 30%;height: 50%;bottom: 12%;}
.pro240129_07 a.link03{left: 20%;}
.pro240129_07 a.link04{right:20%;}

@media (max-width: 1280px){
    .pro240129_02 a{bottom:50%}
    .pro240129_05 a{bottom:11%}
}
@media (max-width: 940px){
    .pro240129_02{border-top: 2px solid #000;}
    .pro240129_02 a{width: 84%;height: 12%;bottom: 17%;right: 8%;}
    .pro240129_04{padding-bottom: 50px}
    .pro240129_02,
    .pro240129_05{padding-bottom: 0px;}
    .pro240129_05 a{width: 84%;bottom: 4%;}
    .pro240129_02 .mo,
    .pro240129_03 .mo,
    .pro240129_04 .mo,
    .pro240129_05 .mo
    {display: unset;}
    .pro240129_02 .pc,
    .pro240129_03 .pc,
    .pro240129_04 .pc,
    .pro240129_05 .pc
    {display: none;}
    .pro240129_07 .mo{display: unset;}
    .pro240129_07 .pc{display: none;}
    .pro240129_07 a.link04{display: none;}
    .pro240129_07 a.link03{left: 10%;bottom: 37%;height: 35%;width: 80%;}
}
@media (max-width: 890px){
    .pro240129_bottom{display:block; position: fixed;bottom:0px;z-index: 29;font-size: 0;}
}
@media (max-width: 760px){
    .pro240129_main .mo,
    .pro240129_01 .mo,
    .pro240129_06 .mo
    {display: unset;}
    .pro240129_main .pc,
    .pro240129_01 .pc,
    .pro240129_06 .pc
    {display: none;}

    .pro240129_06{border-top: 2px solid #000;}
    .pro240129_07 a{position: absolute;width: 80%;height: 30%;}

}

/* 240215 합격다짐 이벤트 */

.pro240215_01{background-color: #344ce0;}
.pro240215_01 > div{position: relative;}
.pro240215_01 *{font-size: 18px;}
.pro240215_01 .comment-save{padding:20px 0}
.pro240215_01 .comment-save .input-area{display: flex; gap:4px}
.pro240215_01 .input-area select{font-size: 18px;text-align: center;width: 190px;height: 64px;}
.pro240215_01 .input-area input {padding:20px;flex: 1;}
.pro240215_01 .input-area button{font-size: 22px;font-weight: 700;background-color: #fad72d;padding: 0px 58px;}

.pro240215_01 .comment-save .list-area{margin-top: 10px;padding:40px 50px; background-color: #fff;}
.pro240215_01 .list-area ul{min-height: 490px;}
.pro240215_01 .list-area li{display: flex;line-height: 48px;border-bottom: 1px dashed #aaa;}
.pro240215_01 .list-area li span{width: 80px;font-weight: 500;}
.pro240215_01 .list-area li p{flex:1 1 0;    overflow: hidden;word-break: break-word;white-space: nowrap;text-overflow: ellipsis;}
.pro240215_01 .list-area li em{text-align: center;width: 100px;}
.pro240215_01 .btn-open-popup{position: absolute;top: 45%;right: 6%;width: 200px;height: 40px;}

.pro240215_04,
.pro240215_05{margin-bottom: 90px;}
.pro240215_04 div,
.pro240215_05 div{position: relative;}
.pro240215_04.sub > div,
.pro240215_05.sub > div{width: 1066px;}
.pro240215_04 span,
.pro240215_05 span{position: absolute;top: -35px;left: 0;font-size: 36px;padding:10px 60px; border-radius: 50px;color:#fff; font-weight: 500;animation: textbgColor 1.2s ease infinite}
.pro240215_04 span{background-color: #ff2bf8;}
.pro240215_05 span{background-color: #344ce0;}

.pro240215_04 .pc a{position: absolute;top:-13%;}
.pro240215_05 .pc a{position: absolute;top:-11%;}

@keyframes textbgColor {
      50% {
        background-color: #000;
      }
  }
.pro240215_06{background-color: #fa3cf4;}

.pro240215-banner{position:fixed;top:160px;right:10px;}

.pro240215_main{position:relative}
.pro240215_main a{position: absolute;bottom: 26%;}

.pro240215_main .mo,
.pro240215_02 .mo{display: none;}

.pro240215_04 .mo,
.pro240215_05 .mo,
.pro240215_06 .mo{display: none;}
.pro240215-banner .mo{display: none;}

@media (max-width: 1500px){
    .pro240215-banner .pc{display: none;}
    .pro240215-banner .mo{display: block;width: 100%; text-align: center;background: #5be7ff;    position: relative;}
    .pro240215-banner{top:unset; bottom: 0;left: 0;right: 0;width: 100%;}
}
@media (max-width: 1200px){
    .pro240215_01 .comment-save{padding:20px}
}
@media (max-width: 1100px){
    .pro240215_04.sub > div,
    .pro240215_05.sub > div{width: 100%;padding:0 20px}
    .pro240215_04 span, .pro240215_05 span{left:20px}
}

@media (max-width: 1020px){
    .pro240215_main .pc,
    .pro240215_01 .pc{display: none;}
    .pro240215_main .mo{display: block;}
    .pro240215_01 .comment-save .input-area{flex-direction: column;gap:10px}

    .pro240215_01 .input-area select{width:100%;height:50px}
    .pro240215_01 .input-area input{padding:14px}
    .pro240215_01 .input-area button{padding:10px;}
    
    .pro240215_02 .pc,
    .pro240215_03{display: none;}
    .pro240215_02 .mo{display: block;margin-bottom: 50px;}

}

@media (max-width: 680px){
    .pro240215_01 *{font-size: 16px;}
    .pro240215_01 .input-area button{font-size: 18px;padding:6px}
    .pro240215_01 .comment-save .list-area{padding:30px 40px;}
    .pro240215_01 .list-area ul{min-height: 375px;}
    .pro240215_01 .list-area li{flex-direction: column;line-height: 32px;position: relative;padding:5px 0}
    .pro240215_01 .list-area li p{flex:1}
    .pro240215_01 .list-area li em{position: absolute; left: 80px;font-size: 14px;}
    .pro240215_02 .mo{margin-bottom: 0;}

    .pro240215_04 .pc,
    .pro240215_05 .pc{display: none;}

    .pro240215_04 .mo,
    .pro240215_05 .mo{display: block;}

    .pro240215_04 .view-area,
    .pro240215_05 .view-area{position: relative;}

    .pro240215_04 .mo04-text{position: absolute;width: 48%;height: 33%;font-size: 16px;left: 20px;bottom: 5%;overflow-y: auto;word-break: auto-phrase;}
    .pro240215_04 .fcRed02{color:#ff2bf8 !important}
    
    .pro240215_05 .mo05-text{position: absolute;width: 48%;height: 33%;font-size: 16px;left: 20px;bottom: 5%;overflow-y: auto;word-break: auto-phrase;}
    .pro240215_05 .fcBlue04{color:#344ce0 !important}

    .pro240215_04, .pro240215_05{margin-bottom: 40px;}

    .pro240215_06 .pc{display:none}
    .pro240215_06 .mo{display:block}
    section.sub.pro240215_06 > div{padding:0}

    /* 링크 */
    .pro240215_04 .bg04-link01{position: absolute;width: 21%;height: 8%;right: 3%;top: 19%;}
    .pro240215_04 .bg04-link02{position: absolute;width: 21%;height: 8%;right: 3%;top: 28%;}
    .pro240215_04 .bg04-link03{position: absolute;width: 21%;height: 20%;right: 3%;top: 44%;}
    .pro240215_04 .bg04-link04{position: absolute;width: 21%;height: 20%;right: 3%;top: 75%;}

    .pro240215_05 .bg05-link01{position: absolute;width: 21%;height: 4%;right: 3%;top: 12%;}
    .pro240215_05 .bg05-link02{position: absolute;width: 21%;height: 4%;right: 3%;top: 16.5%;}
    .pro240215_05 .bg05-link03{position: absolute;width: 21%;height: 12%;right: 3%;top: 25%;}
    .pro240215_05 .bg05-link04{position: absolute;width: 21%;height: 5%;right: 3%;top: 52.8%;}
    .pro240215_05 .bg05-link05{position: absolute;width: 21%;height: 5%;right: 3%;top: 57.6%;}
    .pro240215_05 .bg05-link06{position: absolute;width: 21%;height: 12%;right: 3%;bottom: 21%;}
    .pro240215_05 .bg05-link07{position: absolute;width: 21%;height: 12%;right: 3%;bottom: 3%;}

    .pro240215_04 #linkSill_mo{position: absolute;top: -12%;}
    .pro240215_05 #linkPill_mo{position: absolute;top: -13%;}
}

@media (max-width: 480px){
    .pro240215_01 .comment-save .list-area{padding:20px}
    .pro240215_04 .mo04-text,
    .pro240215_05 .mo05-text{font-size: 14px;}
}


/* 240219 조경필패스2 */


.pro240219_top_link{display: flex;margin-bottom: -5px;}
.pro240219_top_link.mo{display: none;}
.pro240219_top_link a{flex:1}
.pro240219_top_link img{max-width: 100%;}

@media (max-width: 720px){
    .pro240219_top_link.pc{display: none;}
    .pro240219_top_link.mo{display: flex; flex-direction: column;}
    
}

.pro240219_main{position: relative;background-color: #00286e;overflow: hidden;}
.pro240219_main img{max-width: 100%;}
.pro240219_main .main-motion{position: absolute;top:0px;left: 50%;transform: translateX(-50%);width:1400px}
.pro240219_main .t-motion{display: flex;justify-content: space-between;top:-100px;}
.pro240219_main .t-motion img{opacity: 0;} 
.pro240219_main .t-motion span{flex:.5}

.pro240219_main .moti05,
.pro240219_main .moti06{position: absolute;bottom: -390px;opacity: 0;}
.pro240219_main .moti05{left: 20%;transform: translateX(-50%);animation: left1128 .3s 2s ease forwards;}
.pro240219_main .moti06{right: 25%;transform: translateX(50%);animation: left1128 .3s 2.3s ease forwards;}

@keyframes left1128 {
        0%{
    opacity: 0;    
    }
        100% {
    opacity: 1;    
    }
}
.pro240219_main .moti07{position: absolute;top:200px;opacity: 0;animation: pro1128 .5s 2.5s ease forwards;}
@keyframes pro1128 {
    0%{
        top:200px}
    100% {
        top:160px;
        opacity: 1}
}

@media (max-width: 1500px){
    .pro240219_main .main-motion{width: 1200px;}
    .pro240219_main .moti07{}
    @keyframes pro1128 {
        0%{
            top:180px}
        100% {
            top:120px;
            opacity: 1}
    }
    .pro240219_main .t-motion img{
        max-width: 15%;
    }
    .pro240219_main .moti05,
    .pro240219_main .moti06{width: 250px;bottom: -340px;}
}

.pro240219_main.mo{display: none;}

@media (max-width: 1240px){
    .pro240219_main .main-motion {width: 1000px;}
        @keyframes pro1128 {
            0%{
                top:160px}
            100% {
                top:100px;
                opacity: 1}
        }
    .pro240219_main .moti05,
    .pro240219_main .moti06{width: 220px;bottom: -280px;}
}
@media (max-width: 720px){
    .pro240219_main.pc{display: none;}
    .pro240219_main.mo{display: flex;}
}

.pro240219_01{background:#e9ddcb;padding:90px 0}
.pro240219_01 > div{width: 1400px;display: flex;margin:0 auto;flex-direction: row;justify-content: center; align-items: center;}


@media (max-width: 1340px){
    .pro240219_01 > div{
        width: 100%;
        position: relative;
    }
    
    .pro240219_01 img{max-width: 100%;}
}
.pro240219_01 .mo{display: none;}

@media (max-width: 720px){
    .pro240219_01 .pc{display: none;}
    .pro240219_01 .mo{display: block;}
    .pro240219_01 > div a{position: absolute; bottom:0;width: 90%;height:21%;left: 5%;}
}

.pro240219_02{background:url(../img/pages/promotion/24_0219/main02_bg.png) center/cover no-repeat;padding:70px 0 100px}
.pro240219_02.sub > div{width: 1089px;position: relative;}

.pro240219_02 a{position: absolute;}
.pro240219_02 .link01{top: 11%;right: 0;width: 20%;height: 5%;}
.pro240219_02 .link02{top: 41%;left: 4%;width: 40%;height: 11%;}
.pro240219_02 .link03{top: 41%;right: 4%;width: 40%;height: 11%;}
.pro240219_02 .link04{bottom: 11%;right: 5%;width: 40%;height: 11%;}

.pro240219_02 .mo{display: none;}
@media (max-width: 1089px){
    .pro240219_02.sub > div{width:100%}
    .pro240219_02 img{max-width: 100%;}
}
@media (max-width: 720px){
    .pro240219_02 .pc{display: none;}
    .pro240219_02 .mo{display: block;}

    .pro240219_02 .link01{display:none}
    .pro240219_02 .link02{top: 37%;left: 5%;width: 90%;height: 6%;}
    .pro240219_02 .link03{top: 62%;left: 5%;width: 90%;height: 6%;}
    .pro240219_02 .link04{bottom: 7%;left: 5%;width: 90%;height: 6%;}
}

.pro240219_wing{position:fixed;width: 162px;top:240px;right:10px;display: flex;gap:5px;flex-direction: column;}

@media (max-width: 1200px){
    .pro240219_wing{display: none;}
}